温馨提示：本文含大量干货高清教学视频，流量党建议保存收藏再观看！！！！

2023最新版大前端学习路线，让你从0基础小白到就业，一站式学习

第一阶段：前端入门网页基础

html5+css3→ 页面布局实战

第二阶段：前端入门开发内功

javascript（基础+进阶）→ ES6→ Ajax→ Promise→Git→node.js→PC端全栈开发实战

第三阶段：前端高级框架技术

vue2+vue3→vue实战项目 →Pinia→React→React实战项目

第四阶段，混合应用开发技术

微信公众号→微信小程序→微信小程序实战项目→ uni-app→uni-app实战项目

第五阶段：大前端的架构技术

webpack5→Vite2→typescript架构

第一阶段：前端入门网页基础

html5+css3→ 页面布局实战（响应式/移动端/pc端页面）

（点击下方蓝字查看教学视频）

前端入门基础核心必看html+css

教学视频列表

这是入门前端最基础的内容。学会后，就能达到初级Web前端工程师水平。熟悉了前端开发的HTML与CSS基础知识，就能够配合UI设计师进行项目布局开发了。

本系列课程从概念到具体基础知识点全程干货满满，为前端小白入门找到了很好的学习抓手，可以作为前端开发学习“梦开始的地方”，老师深入浅出的讲解和动画视频解析并用真实的案例巩固知识，学练结合，打好基础，不怕学不会！

2、页面布局实战

（点击下方蓝字查看教学视频）

WEB前端项目实战

有了第一步的基础知识，你就可以实战各种页面布局了。学会后，更加夯实初级Web前端工程师水平，能够完成各种PC端与移动端网页布局与样式设计实现了。

本课程讲的是HTML+css pc端项目实战，通过讲解拉勾网得首页、登录页等，学完即可进一步学会应用HTML+CSS，掌握页面布局和标签、属性等的使用，让你从小白进化为真正的网页美化师！

第二阶段：前端入门开发内功

javascript（基础+进阶）→ ES6→ Ajax→ Promise→Git→node.js→PC端全栈项目开实战

1、ES6

（点击下方蓝字查看教学视频）

最新版前端WEBES6-ES13教程，JavaScript高阶进阶视频教程

ES6的发布是大前端的里程碑。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言 。

本视频主打内容最全最新，包括ES6-ES13所有新特性以及实战应用，打造一站式知识长龙服务，适合有JS基础的同学学习。

2、Ajax

（点击下方蓝字查看教学视频）

WEB前后端交互Ajax从入门到精通全套教程

Ajax技术可以使网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。

本视频主打内容最全最新，包括Ajax XHR基础语法、fetch和axios使用、以及 跨域解决方案，打造一站式知识长龙服务，适合有JS基础的同学学习。

3、Promise

（点击下方蓝字查看教学视频）

WEB前端进阶Promise js从入门到实战全套教程

Promise 是异步编程的一种解决方案，比传统的解决方案回调函数, 更合理和更强大。ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象 。

本视频主打内容最全最新，包括Promise基础语法、手写Promise、async与await 以及 实战应用，打造一站式知识长龙服务，适合有JS基础的同学学习

4、Git

（点击下方蓝字查看教学视频）

最新版前端Git教程，从入门到实战迅速上手Git

前端大牛kerwin老师主讲的项目管理工具Git教程上线啦～一看就会，上手不废!

最新版从入门到实战全套教程，视频包括Git常用命令、Git分支管理、团队以及跨团队协作、VSCode集成Git，稳稳拿捏Git~

5、node.js

（点击下方蓝字查看教学视频）

前端Node.JS教程，快速入门node.js全套完整版

你可以永远相信kerwin！！

本视频你将从认识Nodejs开始学习npm、nrm、yarn；内置模块、路由、express、MongoDB、身份认证、koa、MySQL、Socket、Mocha等知识点全覆盖，学完本系列视频可以让前端程序员插上后端的翅膀，真正成为一名全栈工程师，助力同学横向全面发展~

6、PC端全栈项目开实战（2选1）

（点击下方蓝字查看教学视频）

PC端原生JavaScript项目案例实战开发，高含金量web前端项目教学

本PC项目实战视频是基于JS开发，强化ES6-ES13的项目应用，打通前后端数据交互，并实战应用周边生态Sass以及Bootstrap, 打造一站式知识长龙服务，适合有js基础的同学学习

（点击下方蓝字查看教学视频）

web前端js+nodejs后端express框架博客系统项目实战教程，前后端交互开发毕设项目

本套使用主要教会大家，如何利用nodejs的一个express框架和js开发一个blog项目。教会大家使用js做后端，使用js做前端，成为一名全栈工程师。

适合作为一个课程设计或者毕业设计，最终我们实现了一个完整的博客系统，包括用户的登录、注册，图片上传，文章的发布、富文本编辑器、删除、编辑、修改、列表展示，评论的发布、删除、列表展示，最终实现了用户的文章和评论的后台管理和博客的前台展示和评论功能。

第三阶段：前端高级框架技术

vue2+vue3→vue实战项目 →Pinia→React→React实战项目

1、vue2 + Vue3

（点击下方蓝字查看教学视频）

VUE2.0+vue3.0全套教程，vue.js零基础入门到vue实战，前端必学框架

Vue.js致力于构建数据驱动的web应用开发框架，以简洁化，轻量级，数据驱动，模块友好等优势深受企业以及前端开发者的喜爱，成为前端开发人员必备的技能。

本课程以项目实战为驱动，以轻松幽默的评书演义，帮你打开通往Vue.js的任督二脉，从vue2轻松过渡到vue3,助力同学成为一位优秀的Vue.js开发人员！

2、vue实战项目

（点击下方蓝字查看教学视频）

前端vue项目实战，Vue+ElementUI物业后台管理系统

本项目是利用Vue3.0 + Element Plus UI技术开发后台管理系统，本视频你将见证从零开始搭建项目，手把手教你使用vue3.0组件开发，并用Element UI库快速创建项目页面，使用axios封装与拦截器进行前后端交互，用json-server模拟数据后台创建

在项目中还会讲到工具库的封装、vue环境变量的部署、路由的设置与配置、响应式配置等

3、Pinia

（点击下方蓝字查看教学视频）

前端pinia教程，pinia+vue3+vite+ts+腾讯IM聊天解决方案项目实战

课程基于vue3+vite+ts来学习pinia的使用，并结合当下最流行的聊天解决方案——腾讯IM完成项目实战，并深入封装基于pinia的IM插件

4、React

（点击下方蓝字查看教学视频）

最新版React全家桶教程_react零基础入门到项目实战完整版

React已经成为江湖大厂的主流前端开发框架，本视频基于最新版React17良心制作。

对React开发核心技术以及周边技术栈进行详细讲解，并进一步通过实际需求案例驱动知识点吸收，帮助大家迅速成长为React开发高手。

最后还有一个完整的后台管理系统项目实战讲解，让大家即使身不入大厂，也可对企业内部真实项目组开发流程与细节做到心中有数！

-------------------------------------------------

本套视频将从官网的知识点入手，分为基础篇，高级篇，案例篇及项目篇共4个篇章，结合案例循序渐进带你入门TypeScript

本视频还有配套详细版的文字笔记，帮助大家从 0 到 1 学习TypeScript,让你能读懂别人的TS代码的同时也能编写自己的TS代码~

更多开发知识点，关注@千锋教育