机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。
全栈网页开发路线
这是一本学习全栈网页开发的指南。它以全栈 JavaScript 为重点。内容涵盖从基础到 React 和 Node 的所有内容。
这个仓库的理念是，为学习过程提供一个有组织的记录地点。
这可以作为 FreeCodeCamp 课程的伴随资料
编码日志
基础知识
| 进度 | 类型 | 项目 | 项目(们) | 日期 |
|---|---|---|---|---|
| 课程 | CS50 在 edX 上 | |||
| 课程 | Team Treehouse 或 Codeschool 的 HTML, CSS 路径 (付费) 或 Shay Howe 的 HTML,CSS 课程 | |||
| 项目 | FCC 前端项目 - 构建你的作品集 | |||
| 课程 | 学习使用 命令行 | |||
| 课程 | 学习版本控制 (Git) - Codeschool Git 课程 或 Udacity - Git 和 Github | |||
| 课程 | 学习 Flexbox - Flexbox.io 或 Flexboxfroggy | |||
| 课程 | 学习 Sass - Sass 指南 或 Sass 教程 | |||
| 项目 | 使用 Flexbox 和 Sass 重构作品集网站布局和 CSS | |||
| 课程 | 观看与编码 - 实用 JavaScript | |||
| 书籍 | Eloquent Javascript | |||
| 项目 | 完成 FCC Javascript 基础算法挑战 | |||
| 书籍 | 学习 DOM 操作 - DOM Enlightenment | |||
| 项目 | 制作一个待办事项列表网页应用 | |||
| 课程 | 学习 AJAX | |||
| 项目 | FCC 中级项目 - 构建随机名言生成器 | |||
| 项目 | FCC 中级项目 - 构建本地天气应用 | |||
| 项目 | FCC 中级项目 - 构建维基百科查看器 | |||
| 项目 | FCC 中级项目 - 构建 Twitch TV 查看器 | |||
| 课程 | 学习 ES6 - Wes Bos - 适合所有人的 ES6 (付费) 或 ES6 快速入门课程 | |||
| 课程 | Javascript30 | |||
| 项目 | 完成 FCC Javascript 中级算法挑战 | |||
| 项目 | FCC 高级项目 - 构建 Javascript 计算器 | |||
| 项目 | FCC 高级项目 - 构建番茄钟 | |||
| 项目 | FCC 高级项目 - 制作井字棋游戏 | |||
| 项目 | FCC 高级项目 - 制作西蒙游戏 | |||
| 里程碑 | FreeCodeCamp 前端证书 | |||
| 课程 | [可选] JavaScript：理解奇怪的部分（付费） | |||
| 书籍 | YDKJS: 起步 & 进阶 | |||
| 书籍 | YDKJS: Scope & Closures | |||
| 书 | YDKJS: this & 对象原型 | |||
| 书籍 | YDKJS: 类型与语法 | |||
| 书籍 | YDKJS: 异步与性能 | |||
| 书籍 | YDKJS: ES6 及以后 |
反应
| 进度 | 类型 | 项目 | 项目列表 | 日期 |
|---|---|---|---|---|
| 课程 | 学习 React - React 入门 - Wes Bos（付费）或 React 基础 - Tyler Mcginnis（付费）或 在 Egghead.io 学习 React | |||
| 课程 | 学习 Redux - Redux 课程 - Wes Bos | |||
| 项目 | FCC React 项目 - 构建 Markdown 预览器 | |||
| 项目 | FCC React 项目 - 构建食谱盒应用 | |||
| 项目 | 使用 React 克隆 Netflix 界面 - 从 电影数据库 API 获取数据 | |||
| 项目 | 使用 React 克隆 这个管理模板 |
后端（Node）
| 进度 | 类型 | 项目 | 项目列表 | 日期 |
|---|---|---|---|---|
| 课程 | 学习 Node - Wes Bos（付费）或 Nodeschool.io 教程 | |||
| 项目 | FCC 后端项目 - 时间戳微服务 | |||
| 项目 | FCC 后端项目 - 请求头解析微服务 | |||
| 项目 | FCC 后端项目 - URL 缩短微服务 | |||
| 项目 | FCC 后端项目 - 图像搜索抽象层 | |||
| 项目 | FCC 后端项目 - 文件元数据微服务 | |||
| 项目 | FCC 后端项目 - 构建投票应用 | |||
| 项目 | FCC 后端项目 - 构建夜生活协调应用 | |||
| 项目 | FCC 后端项目 - 绘制股市图表 | |||
| 项目 | FCC 后端项目 - 管理图书交易俱乐部 | |||
| 项目 | FCC 后端项目 - 构建 Pinterest 克隆 | |||
| 里程碑 | FreeCodeCamp 后端证书 |
额外目标
- 学习搭建你自己的本地开发环境
- 使用 GitHub Pages 或 surge.sh 部署已完成的项目（仅限前端）或者使用 Glitch（也适用于后端）
- 了解构建工具，如 Gulp，并将其纳入项目中
- 学习代码检查。 在项目中使用 ESLint 对 Javascript 进行检查，Stylelint 对 CSS 进行检查
- 学习 CSS 规范，如 BEM、SMACSS
- 每周撰写一篇关于该周学习内容的 Medium 文章
- 养成每日编程的习惯。尝试 #100DaysofCode 挑战
如何使用指南
- 要开始使用该指南，请分叉该仓库。
笔记
- 这是一个模板。您可以根据自己的选择进行自定义，添加或删除课程。
- 如果您喜欢这个仓库并觉得它有用，请考虑在页面右上角为它加上 ★ 星标 :)
- 如果您有任何问题，请随时在推特上问我：Shovan Chatterjee
归属
本站来源与版权声明
- 本文标题：fullstack-web-developer-path - 📚 全栈网页开发学习路径
- 本文链接：https://cn121.com/course/shovanch-fullstack-web-developer-path.html
- 原项目：shovanch/fullstack-web-developer-path 版权归原作者 shovanch 及贡献者所有
- 收录信息：本站于 2026-10-17 收录本项目，本页所列协议与仓库指标均为收录当时的状态；该日期之后原项目的版本更新与协议变更，本页不作同步。
- 开源协议：收录时本项目采用 MIT（查看 LICENSE 原文），本站译文为其衍生内容；使用、修改、分发请以该仓库 LICENSE 原文为准。
- 站点出处：本文首发于 OneTwoOne，收录自 GitHub 开源项目 shovanch/fullstack-web-developer-path。
- 翻译说明：本页正文为人工智能生成内容——由机器翻译对原项目 README 初译、经程序校验排版，可能存在错漏，请以原项目文档为准。
- 引用声明：商业转载、第三方聚合或 AI 检索训练引用时，请务必保留以上来源出处、本文永久链接，以及原项目的版权声明与许可信息。
- 下架通道：若原项目此后变更或收紧了许可协议、或作者／权利人认为本站的收录方式（译文、排版适配、简介翻译等）超出其授权范围，请通过 xyd3302001@163.com 发送下架通知，并附上项目地址与本页链接。本站核实后将第一时间删除本页内容，或改为不复制原文的目录性收录；署名更正等其他要求可一并提出。