学 AI 与编程 — Sturdee 博客
深入指南：人工智能、提示词工程、免费编程教程与网页开发 — 每篇都链接到互动练习。
无计算机学位如何学 AI
无学位学 AI: 无计算机学位学 AI：免费资源、项目、提示词与轻编程的实用路线图，适合转行与自学者 — 12 周可执行计划。
RAG 入门 — 简明指南
RAG 简明解释：检索增强生成让 AI 基于你的文档回答。了解 pipeline、适用场景与初学者常见坑，再决定是否上向量库。
用 AI 做 Web 开发 — 免费初学者指南
用 AI 学 Web 开发：HTML、CSS、JavaScript 基础加 AI 辅助调试，不跳过基本功与无障碍检查，适合 2026 入门者。
AI 初学者 Python — 免费学习路径
AI 初学者 Python：从基础到提示词与简单脚本的免费路径。只学 AI 工作真正需要的 Python，快速进入 API 与评估练习。
HTML CSS JavaScript 免费课程式学习路径
跟随免费 HTML、CSS、JavaScript 课程式路径：结构化课时、阶段项目，并衔接用 AI 做 Web 开发 — 无需学费或付费墙。
什么是 AI 导师？如何学得更快
什么是 AI 导师？AI 辅导如何工作、何时胜过视频，以及如何结合 AI 导师、免费教程与真人 cohort 更高效学习。
JavaScript 初学者教程 — 免费互动
JavaScript 初学者教程：免费互动课涵盖变量、函数、DOM 与能坚持的练习习惯 — 2026 Sturdee 结构化路径与 FAQ。
2026 最佳免费 AI 教程（初学者）
2026 最佳免费 AI 教程：提示词、GenAI 基础、用 AI 学编程及先不付费的练习入口。含筛选标准与 Sturdee 起步路径。
Shopify Liquid 初学者教程 — 免费指南
Shopify Liquid 初学者教程：标签、对象与过滤器，含免费练习。主题基础不讲 jargon — 适合电商开发入门与 SEO 长尾。
AI 自动化入门 — 实用工作流
AI 自动化入门：选重复任务、设计提示词、连接工具并用简单工作流衡量节省时间。适合初学者的可执行步骤与 FAQ。
AI 智能体入门 — 实用指南
AI 智能体简明解释：工具、规划、记忆与循环。了解何时需要智能体 — 以及何时单个提示词已足够完成目标。
如何写出更好的 ChatGPT 提示词（含示例）
写出更好的 ChatGPT 提示词：角色、约束、格式与迭代。复制可用于编程、写作与学习的模板，提升提示词工程 SEO 实践。
用 AI 学编程 — 初学者指南
用 AI 学编程而不外包思考。免费 HTML、JavaScript、Python 互动教程，配合 AI 导师解释与调试，建立可持续的编程习惯。
免费生成式 AI 课程（含证书选项）2026
对比 2026 免费生成式 AI 课程：完全免费、免费旁听付费证书与厂商徽章。搭建可今天开始的实用 GenAI 学习路径。
免费提示词工程课程 — 完整教程
免费提示词工程课程：角色、约束、少样本、思维链与结构化输出。用真实可复用提示词练习，建立可评估的提示词工作流。
免费学人工智能 — 初学者指南（2026）
免费学人工智能的清晰路径：概念、提示词、免费课程与练习。无需学位或付费训练营即可入门 AI，按周循序渐进建立实战能力。
JavaScript DOM Manipulation — Select, Modify & Events
Query the DOM with querySelector, update content, classes, and handle click/submit events in vanilla JavaScript.
Next.js App Router Guide — Server Components & Routing
Learn Next.js App Router: file-based routing, layouts, server components, and data fetching in 2026.
GitHub for Beginners — Repos, Commits, Pull Requests
Learn Git and GitHub: init, commit, push, branches, pull requests, and open source contribution basics.
Git Branching Workflow — feature, main & Pull Requests
Git branching strategies for solo devs and teams: main, develop, feature branches, and merge vs rebase.
Web Performance & Core Web Vitals — LCP, FID, CLS Explained
Improve Core Web Vitals for SEO: Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift.
Why Learn Rust? — Memory Safety & Systems Programming
Why developers learn Rust in 2026: ownership, performance, WASM, and careers at systems companies.
ARIA Accessibility in HTML — Roles, Labels & Live Regions
Use ARIA attributes when native HTML isn't enough. aria-label, aria-hidden, roles, and live regions for screen readers.
HTML Tables for Data — thead, tbody & Accessibility
When and how to use HTML tables for tabular data. Scope attributes, captions, and responsive table patterns.
Tailwind CSS vs Traditional CSS — When to Use Each
Compare Tailwind utility-first CSS with traditional stylesheets. Pros, cons, and learning path for 2026 developers.
Python Data Types Explained — int, str, list, dict & More
Python built-in types: numbers, strings, lists, tuples, dicts, sets. Mutability and type checking.
Shopify Sections & Blocks — Theme Architecture Explained
How Shopify sections and blocks work in theme architecture. Schema, presets, and dynamic sources.
JavaScript Array Methods — map, filter, reduce Explained
Functional array methods in JavaScript: map, filter, reduce, find, and some. Real examples for data transformation.
Node.js for Beginners — Run JavaScript on the Server
Introduction to Node.js: npm, modules, file system, and building your first API with Express or Next.js.
Responsive HTML & Mobile-First Structure
Mobile-first HTML structure: viewport meta, responsive images, picture element, and semantic layout for phones and tablets.
CSS Variables (Custom Properties) — Theming & Design Tokens
Use CSS custom properties for colors, spacing, and themes. Dark mode and design system patterns.
Technical Interview Prep — Coding, System Design & Behavior
technical interview prep: Prepare for developer interviews: LeetCode strategy, system design basics, STAR behavioral answers, and take-home projects.
REST API Design Basics — Endpoints, Status Codes & JSON
Design RESTful APIs: HTTP methods, status codes, resource naming, versioning, and error response patterns.
Best VS Code Extensions for Web Developers (2026)
Essential VS Code extensions: ESLint, Prettier, Tailwind IntelliSense, GitLens, and Live Server for web dev productivity.
Blockchain & Smart Contracts for Beginners — Web3 Intro
Introduction to blockchain, Ethereum, smart contracts, and Solidity for curious web developers.
CSS Specificity Explained — Why Your Styles Don't Apply
Understand CSS specificity: inline, IDs, classes, elements. Debug conflicts and use !important sparingly.
Django vs Flask — Which Python Web Framework?
Compare Django and Flask for Python web development. Batteries-included vs microframework tradeoffs.
Shopify CLI Setup Guide — theme dev, check & push
Install Shopify CLI, run shopify theme dev, theme check linting, and deploy themes to stores.
JavaScript ES6+ Features Every Developer Should Know
Arrow functions, destructuring, spread, template literals, modules, and let/const — modern JavaScript essentials.
React Hooks Explained for Beginners — useState & useEffect
Understand React hooks: useState for state, useEffect for side effects, and rules of hooks for functional components.
SEO 用 HTML Meta 标签 — Title、Description 与 Open Graph
开发者必备的 HTML meta 标签：title、description、canonical、robots、Open Graph 与 Twitter Cards，帮助页面正确索引与分享。
CSS Responsive Design — Breakpoints & Mobile-First Media Queries
Responsive CSS with mobile-first media queries, breakpoints, clamp(), and container queries for modern layouts.
10 Coding Portfolio Projects for Beginners That Get Hired
coding portfolio projects: Portfolio project ideas for junior developers: todo app, weather API, blog, e-commerce mock, and what recruiters look for.
Learning to Code While Working Full-Time — Realistic Schedule
Study plan for learning programming with a day job: 1-hour daily habit, weekends, burnout avoidance, and milestones.
PostgreSQL vs MySQL — Which Database Should You Learn?
Compare PostgreSQL and MySQL for web development. Features, hosting, JSON support, and job market in 2026.
API Authentication with JWT — Tokens, Sessions & Security
How JWT authentication works for APIs. Access tokens, refresh tokens, and comparison with session cookies.
JSON Explained for Developers — Syntax, APIs & Parsing
What is JSON? Syntax rules, parsing with JSON.parse, stringifying, and using JSON in REST APIs.
Dark Mode with CSS — prefers-color-scheme & CSS Variables
Implement dark mode using CSS prefers-color-scheme, data attributes, and custom properties without JavaScript flash.
Python Virtual Environments — venv, pip & Dependencies
Set up Python virtual environments with venv. Install packages, requirements.txt, and project isolation.
Learn Python for Web Development — Complete Path
Roadmap to learn Python for web backends: syntax, Flask/Django, databases, and deployment.
Shopify Theme Customization — Sections, JSON Templates & OS 2.0
Customize Shopify Online Store 2.0 themes with sections, blocks, JSON templates, and the theme editor.
JavaScript async/await — 初学者完整指南
掌握 JavaScript 的 async/await、Promise 与 fetch。用清晰可测的模式处理 API 调用、错误与并行请求。
TypeScript vs JavaScript — Should You Learn TypeScript in 2026?
Compare TypeScript and JavaScript. Types, tooling, job market, and when to add TypeScript to your stack.
HTML Forms & Accessibility — Best Practices (2026)
Build accessible HTML forms with labels, ARIA, validation messages, and keyboard navigation. WCAG-compliant patterns for developers.
CSS Grid 布局教程 — 模板、间距与区域
学习 CSS Grid：grid-template-columns、fr 单位、grid-template-areas，以及无需复杂媒体查询的响应式网格布局。
2026 如何成为 Web 开发者 — 分步路线
become web developer 2026: 成为 Web 开发者的现实路径：技能、作品集、时间线与免费资源（含 Sturdee 教程），适合认真入门的自学者与转行者。
Remote Developer Jobs — How to Find and Land Remote Work
Find remote software jobs: job boards, async communication, time zones, and portfolio tips for remote-first companies.
SQL JOINs Explained — INNER, LEFT, RIGHT & FULL
Visual guide to SQL JOINs with examples. Combine tables, avoid Cartesian products, and practice interview questions.
Docker for Developers — Containers Explained Simply
Introduction to Docker: images, containers, Dockerfile, and docker-compose for local development.
开发者 SEO 指南 — 技术 SEO 清单
开发者可控的技术 SEO：站点地图、robots.txt、规范 URL、结构化数据与页面速度，让网站被正确抓取与索引。
JavaScript Error Handling — try/catch, Custom Errors & Logging
Handle errors in JavaScript properly: try/catch/finally, Error classes, async errors, and user-friendly messages.
Python 列表推导式 — 简洁的数据变换
Python 列表推导式语法、示例，以及何时优于循环。含 dict 与 set 推导式，适合数据处理脚本入门。
Python Automation Scripts — Automate Boring Tasks
Write Python scripts to automate files, CSVs, emails, and APIs. pathlib, csv, and requests basics.
Shopify Liquid 基础 — 标签、对象与过滤器
学习 Shopify Liquid 模板：输出标签、逻辑标签、product 与 collection 对象，以及 money、img_url 等过滤器，适合主题入门。
Shopify Liquid Filters & Objects — Reference for Theme Devs
Essential Liquid filters and objects for Shopify themes: product, cart, money filters, and date formatting.
JavaScript 闭包详解 — 简明指南与示例
理解 JavaScript 闭包：词法作用域、内部函数，以及在 React、回调与模块中的实际用法。面向初学者的实战指南。
JavaScript Fetch API Tutorial — GET, POST & Error Handling
Use fetch() to call REST APIs in JavaScript. JSON parsing, headers, POST bodies, and CORS basics.
什么是 HTML 语义化标记 — 开发者完整指南
学习 HTML 语义元素 — header、nav、main、article、section — 提升无障碍、SEO 与可维护性，构建更专业的页面结构。
CSS Flexbox 完整指南 — 对齐、分布与布局
掌握 CSS Flexbox：flex-direction、justify-content、align-items、gap 与换行。无需 float 技巧即可搭建导航栏、卡片行与居中布局。
CSS Animations & Transitions — Smooth UI Motion
CSS transition and @keyframes animation guide. Transform, opacity, and performance best practices.