2023年Web前端开发学习路线图

2023-03-29 19:42 作者:千锋前端 0人读过 | 我要投稿

前端学习路线图概览 :

● 新手入门

○ H5C3 基础结构布局 - PC端

○ H5C3 基础结构布局 - 移动端

○ 布局结构实战项目 - PC端

○ 布局结构实战项目 - 移动端

● JS 阶段

○ JavaScript 基础

○ JavaScript ES6 进阶

○ JavaScript 进阶高级内容, 源码重构

○ JavaScript 数据交互

● node 阶段

○ node 基础

○ express 搭建服务器

● Vue 开发

○ Vue3 选项式API + vite - 完成 PC 端项目

○ Vue3 组合式API + TS - 完成移动端项目

○ webpack详解 + vite 详解

● React 开发

○ React 18 + hooks + TS 开发 PC端项目

○ React 18 + hooks + TS 开发移动端项目

○ umi + dva 实战应用

● Web3.0

● 小程序开发

○ 原生小程序 + uniapp 完成小程序开发

第一阶段 : 基础入门

● 前言 : 从零基础小白学员出发, 教你从零开始逐步搭建多种多样的网页结构, 全面涵盖目前市场大部分类型的移动端和PC端页面结构.

1. HTML5CSS3 基础结构布局 - PC端和移动端

● 根据 W3C 标准, 按照零基础学员的接受能力, 逐步学习基础技能, 大量的企业级真实案例实战讲解, 反复练习, 并且在练习过程中也是百分百按照开发流程执行. 不光学习到真实的技术, 还学习到企业级真实开发流程. 全方位培养.

2. 布局结构实战 - PC端和移动端

● 课程中穿插多种类型的移动端和 PC 端常见布局结构实战内容. 包含门户网站, 企业网站, 电商网站, 后台管理网站等布局结构, 多方位全面应用学习到的所有内容, 严格按照企业级开发流程设计, 百分百还原设计图. 并且在项目案例中穿插响应式布局结构详细讲解和案例, 真实感受 "一次书写, 多端适配"的开发体验.

第二阶段 : JS 阶段

● 前言 : 前端开发的必备技能, 从基础到进阶到原理, 多层面多维度学习, 知其然的同时知其所以然. 实现真正有交互有价值的网站.

1. JavaScript 基础

● 从零开始, 课程设计内容包含 JS基础知识从变量, 数据类型及转换, 运算符, 分支, 函数, 对象和数组数据结构, DOM 和 BOM 操作, 基础事件等内容的学习. 从网页动效入手, 体验会 "动" 的网站. 呈现完美的用户交互 .

2. JavaScript 高级内容, 数据结构与算法, 设计模式

● 回到 JS 代码本质, 从面向对象出发, 学习 JS 的高级编程思想, 让你从 "码农" 转变为工程师, 将应用层的代码回溯到 "出生" 以前, 领略技术大牛的思考方式, 引发自己的思考从而可以独立面对任何问题, 详细的数据结构与算法, 再加上设计模式的加持, 让你的未来可以轻松入门各个语言.

3. JavaScript ES6 进阶

● 从 ES6 开始, 逐年的 ES 规范详细讲解, 不光交给你只是, 还要教会你如何去学习, 如何分析知识点, 从而提高独立学习的能力

4. JavaScript 数据交互

● 本课程采取 2 + 2 + 3 的形式进行教学, 2 天基础知识的讲解, 让我们初步认识交互概念, 2 天的案例书写, 用大量的案例去体会在交互过程中的细节. 3 天的项目将你的所学应用在真实开发过程中. 全部交互内容涵盖, ajax, 跨域, 代理, jsonp, http 原理等内容

第三阶段 : node 阶段

● 前言 : 用我们最熟悉的语言, 在最数据的时间节点, 去了解和认识后端开发的思想和编程逻辑, 为成为一个真正的全栈工程师铺路

1. node 基础

● 从 node 基础, linux 操作入手, 逐步接触后边编程思想. 课程设计包含 node 基本代码书写, 基本接口书写, npm 的基本使用, 从基础到生态全方位接触学习.

2. express 搭建服务器

● 通过 express 框架进行后端接口书写, 覆盖路由领域和中间件机制, 完整体验 MVC 开发模式, 并且切实体验和使用 restful 风格的路由模式编写. 在业务逻辑处理上不管接收前端传递来的信息, 还会利用 mongodb 数据库进行数据持久化操作. 并且利用 token 实现登录鉴权操作. 最后, 我们会在项目中加入文件上传等实用性操作.