Universidade Brasileira Livre Web 开发专精路线从 HTML/CSS 到 React 与 TypeScript 的全栈自学指南【免费下载链接】ciencia-da-computacao Um caminho para a educação autodidata em Ciência da Computação!项目地址: https://gitcode.com/GitHub_Trending/ci/ciencia-da-computacao本篇指南完整解读开源项目 ciencia-da-computacao 中 Web 开发专精方向 的课程体系它定义了什么是 Web 开发、Web 开发者在系统中的两种角色并给出了一条由 12 门免费课程构成的循序渐进学习路径——从前端基础HTML/CSS起步经过 JavaScript 与工程化工具SASS、ESLint、Prettier再到后端Node.js Express、API 设计REST、现代前端框架React与类型安全TypeScript。读完本文你将掌握该专精方向的全部课程结构、时间投入计划、每门课覆盖的核心知识点以及如何在完成主干课业后利用本仓库的配套资源将其落地为可展示的作品集。什么是 Web 开发岗位定位与能力边界根据专精文档的定义Web 开发Desenvolvimento Web是用于描述网站开发过程的术语其运行环境既可以是互联网Internet也可以是内网intranet。在岗位分工上文档明确区分了两种角色Web Designer负责布局layout开发关注页面的视觉呈现与用户体验Web Developer负责系统sistemas开发关注程序逻辑、数据与功能实现。从技术本质看Web 开发指的是针对 Web 的特定软件构建与测试过程其目标是产出一组满足预期功能的程序——无论从用户可用性usabilidade还是与既有程序的兼容性compatibilidade角度衡量。文档特别强调Web 开发的范围跨度极大从简单的静态页面到富应用aplicações ricas、电子商务comércios eletrônicos乃至社交网络redes sociais。这一专精方向在整个项目中并非孤立存在。在 README.md 的 Especializações 章节中Desenvolvimento Web 被定位为学生在完成主干课业后可选修的职业路线之一对应就业领域包括aplicações em servidor服务器端应用、layout de páginas web网页布局、sistemas on-line在线系统、APIs、computação em nuvem云计算、streaming等。文档同时指出这里的专精especialização不同于lato sensu研究生学位而是指一组能够深化主干课程中基础知识的补充内容。学习路径总览12 门课程的三阶段进阶专精文档给出的完整课程表如下课程链接请以 specializations/web_development.md 原文档为准表中内容列为各课程官方教学大纲要点课程时长每周投入内容要点HTML 与 CSS 第一部分5 周8 小时/周Tags标签Hierarquias层级结构Semântica语义化HTML 与 CSS 第二部分5 周8 小时/周Elementos元素IDsVariáveis变量JavaScript 基础5 周8 小时/周Sintaxe语法DOMFunções函数JavaScript ES6 课程4 周2 小时/周Módulos模块Async/AwaitPromisesEstrutura de Dados数据结构调试 JavaScript不定30 分钟LogsDEV ToolsSASS 课程2 周2 小时/周Preprocessamento CSSCSS 预处理MixinOutputNode.jsExpress4 周4 小时/周HandlebarsMiddlewaresSequelizeMVCESLint Prettier editorconfig不定30 分钟Formatação de Código代码格式化Padronização de Código代码规范LintersREST APIs 基础课程4 周4 小时/周Modelos de Maturidade成熟度模型Verbos e Status动词与状态码Recursos资源Modelagem建模React 课程4 周4 小时/周Componentes组件Estado状态HooksAPINavegação导航TypeScript 迷你课程2 周2 小时/周Tipos类型Compilador编译器ClassesGenerics使用 TypeScript 的 NodeExpress2 周2 小时/周Rotas路由JWTTiposOptionals按表中数据累计完整路径约37 周、近 190 小时的有效学习投入不含两门 30 分钟速成课。整体遵循前端 → 工程化 → 后端与框架的递进逻辑可归纳为以下三个阶段。第一阶段前端基础与语义化HTML/CSS JavaScript路径起点是两门 HTML 与 CSS 课程共 10 周、每周 8 小时是整个专精方向中投入最重的部分反映出结构—样式基本功的优先级。第一门课聚焦Tags、层级结构与语义化——语义化是后续无障碍与 SEO 优化的根基第二门课进阶到元素、ID 选择器与 CSS 变量其中 CSS 变量Custom Properties是现代样式工程中主题化与设计令牌的基础。随后进入 JavaScript 基础课程5 周、每周 8 小时覆盖语法、DOM 操作与函数。DOM 是浏览器端脚本的核心抽象函数则是 JS 一等公民的起点为后续异步编程与组件化铺垫。紧接着的 JavaScript ES6 课程4 周、每周 2 小时将知识升级到现代语言特性模块系统Módulos、Async/Await、Promises 与数据结构——Promise/Async-Await 是理解一切异步 I/O 与 API 调用的前提。值得一提的是路径中专门安排了一门 30 分钟的调试 JavaScript速成课内容为Logs 与浏览器 DEV Tools。它虽短却确立了会写代码更要会调试的工程习惯这也与后续 ESLint 课程一脉相承先把代码跑起来再让代码可维护。第二阶段样式工程化与代码质量SASS Linters当页面从静态走向复杂原生 CSS 的重复与维护成本开始显现。SASS 课程2 周、每周 2 小时正是为此引入CSS 预处理Preprocessamento、Mixin 与输出Output。Mixin 允许复用样式片段、减少重复预处理器的输出控制压缩、sourcemap则关系到生产环境的性能与可调试性。代码质量环节由 30 分钟的ESLint Prettier editorconfig组合课承担内容为代码格式化Formatação、代码规范Padronização与 Linters。三者分工互补EditorConfig 统一编辑器级别的缩进与换行规则Prettier 负责格式化ESLint 负责静态检查语法与潜在错误。在多人协作或开源贡献场景下这套格式化 Lint组合是保证代码风格一致的最低成本方案——这一实践与仓库自身的 CONTRIBUTING.md 对贡献者的要求理念一致。第三阶段后端、API 与全栈框架Node.js → REST → React → TypeScriptNode.jsExpress与 MVC 架构Node.jsExpress课程4 周、每周 4 小时将学习者带入服务器端其内容清单极具代表性Handlebars模板引擎、Middlewares中间件、SequelizeORM与 MVC模型-视图-控制器。这四者构成 Express 应用的完整骨架——Handlebars 渲染服务端视图中间件处理请求生命周期中的日志、鉴权与解析Sequelize 以 ORM 方式抽象数据库访问MVC 则将路由、业务逻辑与模板解耦。理解中间件是理解 Express 乃至整个 Node 生态的钥匙一切请求处理都是中间件链上的环节。REST API 设计REST APIs 基础课程4 周、每周 4 小时是后端能力的关键一环覆盖成熟度模型Modelos de Maturidade即 Richardson Maturity Model、HTTP 动词与状态码Verbos e Status、资源Recursos与建模Modelagem。成熟度模型衡量一个 API 符合 REST 原则的程度动词GET/POST/PUT/DELETE…与状态码2xx/4xx/5xx是客户端与服务器之间的公共语言资源与建模则回答URL 如何设计、数据如何组织这一核心问题。这门课补足了从能写接口到会设计接口的跨越。React 与现代前端React 课程4 周、每周 4 小时回到浏览器端但已是组件化范式组件Componentes、状态Estado、Hooks、API 与导航Navegação。组件化将 UI 拆解为可复用的独立单元状态管理决定数据如何驱动视图更新Hooks如 useState/useEffect取代了早期 class 组件的生命周期写法API 消费将前端与 Node/REST 阶段所学串联成完整闭环导航如 React Router则支撑单页应用SPA的多页面体验。TypeScript 与类型安全的收尾路径以两门 TypeScript 课程收官。TypeScript 迷你课程2 周、每周 2 小时覆盖类型Tipos、编译器Compilador、类Classes与泛型Generics——编译器把 TS 静态类型体系降级为可运行的 JS泛型则让类型在不同数据结构间复用。随后是使用 TypeScript 的 NodeExpress2 周、每周 2 小时内容为路由Rotas、JWT、类型与可选属性Optionals。JWT 在此出现意义重大它把 REST 阶段学的动词与状态码推进到实际的认证授权场景而 Optionals可选属性正是 TS 在表达可能存在也可能不存在的 API 数据时的类型工具。至此前端 React、后端 Express 与类型系统全线贯通形成一条完整的类型安全全栈路径。配套资源练习平台、扩展课程与作品集本专精方向设计为在完成主干课程后选修因此仓库为其提供了三层配套支撑扩展课程extras/courses.md 的Especialização Web小节收录了未进入正式课表的优质内容——例如Vue.js 3 课程为希望横向对比 React 之外前端框架的学习者提供了入口。按仓库规则未进课表的课程被统一收编到 extras 目录。练习平台README.md 的Ferramentas para auxiliar a praticar章节推荐了 freeCodeCamp含 Web、JS、APIs 的实践型学习路径、Exercism、HackerRank、LeetCode、SadServers、SQLZoo 等平台。其中 freeCodeCamp 的实战项目制与 Web 专精方向契合度最高适合将课程知识转化为可提交的练习。进度展示README 明确指出展示学习成果的最佳方式是练习与实战项目并建议将所有代码哪怕是小型练习托管到个人 GitHub 主页作为向技术社区证明你学了什么、如何解决问题、进步了多少的长期证据。这与仓库自驱动、重实践的定位见 README.md一脉相承。结语一条完整、免费、循序渐进的全栈路线综合来看Web 开发专精方向的价值在于其结构严谨的进阶次序先用 10 周 HTML/CSS 夯实结构与样式的语义化基础再以 JavaScript 两条线基础 ES6建立编程与异步思维通过 SASS 与 Linters 引入工程化意识随后以 Node.js Express 进入后端、以 REST 课程建立 API 设计理论最后用 React 承接现代组件化前端、用 TypeScript 双课完成全栈的类型安全闭环。全部课程免费、以葡萄牙语为主要教学语言个别内容标注英文原声全程约 37 周、每周 2 到 8 小时弹性投入。对希望在完成计算机科学主干教育后进入 Web 领域的学习者而言这条路径既是课程清单也是一份可直接执行的自学计划——它的完整定义与课程链接始终以 specializations/web_development.md 为权威来源。【免费下载链接】ciencia-da-computacao Um caminho para a educação autodidata em Ciência da Computação!项目地址: https://gitcode.com/GitHub_Trending/ci/ciencia-da-computacao创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考