前端开发
前端开发内容选择指南，TOP明星课程全收录，超值好课任选，一站式解决前端课程选购难题
  • 什么是前端
  • 发展方向
  • 就业前景及薪资
  • 学习门槛及难度
前端开发构建 Web 或 app 前端界面供用户交互。基于 HTML 构建结构、CSS 美化样式、JavaScript 及其拓展实现动态逻辑。运用 Vue.js、React 等框架、开发企业级前端应用，并使用 Node 技术进行全栈开发，通过组件库开发提升复用性，借助源码解析理解原理，致力于打造优质用户体验，让用户与产品无缝对接。
前端工程师职业发展路径丰富。初期专注基础技能提升，积累项目经验。后续可进阶为资深前端工程师，雕琢交互细节；也能转型前端架构师，规划系统架构。还可投身全栈开发，拓展前后端能力边界，或凭借对用户体验的深刻理解，转向产品经理岗位，主导产品前端设计与优化。
前端工程师就业前景良好，互联网持续发展，各行业数字化业务均需精美前端界面。薪资上，因前端技术的多元与重要性，收入较为可观。在电商、社交、娱乐等领域表现突出。初入行者能获不错起薪，经验丰富后，如成为资深工程师或掌握多种框架、全栈技能者，薪资会有显著提升空间。
前端开发相较于其他程序开发语言而言相对简单，然而所需掌握的知识较为零散。初学者可从 HTML、CSS、JavaScript ES6 以及 TypeScript 等基础入手，逐步深入至 Vue.js、React 等前端框架开发、小程序开发乃至全栈开发（包含 Node、Koa、Nest），之后再钻研组件库开发（高仿 Element UI、Ant Design 开发）以及源码解析（Vue 和 React 源码解析）等相关技能。
  • 学习路线
  • 场景学习
  • 体系课
  • 学员评价
  • 学习图书馆
  • 更多方向

学习路线

从入门到前端高级开发一站打通
  • 阶段一：入门前端基础
  • 阶段二：掌握前端核心技术
  • 阶段三：拓展技术边界掌握全栈开发
  • 阶段四：迈向架构师进阶组件库&源码
目标：精通 html、css、JS及ES6，掌握前端必备基础语法知识
课程：4门课 | 时长： 64小时13分
  • html
  • css
  • html5
  • javascript
  • es6
零基础快速上手 html、css 和 Javascript、ES6，掌握前端基础必备语法知识, 为后续知识的学习打好基础。

初识HTML(5)+CSS(3)

初阶 · 1230942人报名

免费 学习

JavaScript进阶篇

初阶 · 469346人报名

免费 学习

破解JavaScript高级玩法，成为精通 JS 的原生专家

专业 · 675人报名

ï¿¥299

JavaScript ES(6-11)全版本语法 前端都需要的基础课

进阶 · 1340人报名

ï¿¥299

目标：精通Vue、React，微信小程完整体系知识，掌握在项目中的开发方法及经验
课程：4门课 | 时长： 129小时 0分
  • TS
  • vue
  • react
  • 小程序
从 0 开始系统学习 Vue、React 以及微信小程序开发，帮你夯实基础。并通过实战项目演练，达到举一反三并应用于实际工作的目的。

TypeScript 从入门到深度掌握，晋级TS高手

高阶 · 447人报名

ï¿¥399

Vue 3入门与项目实战 掌握完整知识体系

进阶 · 3426人报名

ï¿¥348

React18 系统入门 进阶实战《欢乐购》

进阶 · 408人报名

ï¿¥299

Vue3+Uni+Node+MySQL 从零实现跨端小程序的全栈应用

高阶 · 287人报名

ï¿¥348

目标：精通Node.js、Koa及Nest.js完整体系知识及项目中的开发方法及经验
课程：4门课 | 时长： 120小时 0分
  • node.js
  • koa
  • nest.js
拓展技能边界，零基础快速入门后端技能：Node.js、Koa及Nest.js，成为拥有“全栈”技能的前端工程师。

Node.js+Express+Koa2+Nest.js 开发服务端

进阶 · 4127人报名

ï¿¥338

Node.js+Koa2框架生态实战 - 从零模拟新浪微博

高阶 · 968人报名

ï¿¥366

NestJS 入门到实战 前端必学服务端新趋势

进阶 · 593人报名

ï¿¥348

NestJS 从拔高到精通，大型复杂业务架构落地实践

高阶 · 165人报名

限时￥599￥699

目标：掌握组件库设计与开发，了解react18和vue3框架的基本原理和技术
课程：4门课 | 时长： 126小时 0分
  • 组件库
  • vue源码
  • react源码
从0到1完成20+媲美 ElementPlus 、AntD组件库的设计与开发，掌握 React18 和 Vue3 框架的基本原理和技术，提升架构思维和代码设计能力，进阶成为前端开发高手。

进阶必学，打造媲美ElementPlus的组件库

专业 · 515人报名

ï¿¥399

React18+TS高仿AntD从零到一打造组件库

专业 · 2146人报名

ï¿¥448

Vue3源码解析，打造自己的Vue3框架，领悟尤大思维精髓

专业 · 422人报名

ï¿¥599

手写 React 高质量源码，迈向高阶开发

专业 · 247人报名

ï¿¥599

场景学习

专注三类场景开发，赋能多元技能成长
  • 求职面试
  • 毕业设计
  • 项目实训

1小时带你写出亮眼的前端简历

初阶 · 11034人报名

免费 学习

面试官教你精准拿捏技术求职

进阶 · 7121人报名

免费 学习

一天时间高效准备前端技术一面 匹配大厂面试要求

进阶 · 4727人报名

ï¿¥299

前端框架及项目面试 聚焦Vue3/React/Webpack

高阶 · 4730人报名

ï¿¥399

2周刷完100道前端优质面试真题 双越最新力作

高阶 · 1541人报名

ï¿¥348

前端模拟面试，给你真实的求职体验和面试经验

进阶 · 208人报名

ï¿¥299

算法与数据结构面试攻略

进阶 · 3350人报名

免费 学习

前端面试全家桶，从求职准备到面试演练 2024升级TS

高阶 · 411人报名

ï¿¥1299

低代码全栈项目实战 商业级海报编辑器全流程落地

高阶 · 80人报名

ï¿¥1299

NestJS 从拔高到精通，大型复杂业务架构落地实践

高阶 · 165人报名

限时￥599￥699

前端全栈进阶 Nextjs打造跨框架SaaS应用

专业 · 301人报名

ï¿¥299

Vue3+Uni+Node+MySQL 从零实现跨端小程序的全栈应用

高阶 · 287人报名

ï¿¥348

Vue3+NestJS 全栈开发企业级管理后台

高阶 · 238人报名

ï¿¥399

React18+TS+NestJS+GraphQL 全栈开发在线教育平台

高阶 · 457人报名

ï¿¥599

React18+ Nest.js 全栈开发仿问卷星项目

高阶 · 396人报名

ï¿¥999

前端高手特训 从0到1带你手写一个微信小程序底层框架

专业 · 149人报名

ï¿¥299

前端高手养成计划-从前端到后端，全栈开发大型项目

专业 · 216人报名

ï¿¥1299

基于Vue3新标准，打造后台综合解决方案

专业 · 1977人报名

ï¿¥458

Vue3 + TS 仿知乎专栏企业级项目

高阶 · 3215人报名

ï¿¥348

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

专业 · 2235人报名

ï¿¥448

基于 Vue3 ，打造前台+中台通用开发提效解决方案

专业 · 799人报名

ï¿¥499

React18+TS高仿AntD从零到一打造组件库

专业 · 2146人报名

ï¿¥448

Electron+Vue3+AI+云存储--实战跨平台桌面应用

进阶 · 172人报名

限时￥259￥299

从0到1全流程落地web游戏大地图项目，成为WebGlS专家

高阶 · 163人报名

ï¿¥199

查看更多

体系课

深探高阶技能，勇破开发难关

2024版 ，前端高手课！全局架构思维/系统培养大厂P7技术专家/中小厂前端Leader

全新打造“技术成长与职业破局”双高体系，深度打通“全栈 + 全流程 +多端+ 提效+AI赋能”

0基础小白到高阶全栈项目实战开发，再到面试入职，5大阶段递进式教学，知识逐步提升，700+练习题，助你无痛入门学习，快速掌握Web前端工程师必备技能。

学员评价

来自千万学员的真实好评，跟着买不吃亏

真的很好，我之前还花了一万多报了一个线下班，那个老师给我讲的云里雾里的，又重新来补课，dell老师讲的真是好多了，很多东西非常清晰。真的，300多没白花。

来自：Vue 3入门与项目实战 掌握完整知识体系

毫不夸张的说，这是一门难得的全栈视角进阶课程，仅仅看到第四章，就觉得干货十足。kevin 老师在保持与上门 TS 课程同等的耐心细致时，还把控住了每节课的时长，在目录结构上也能够明显体现出这一点，这让我在实际学习的过程中更不容易疲劳，甚至学得停不下来。 而这门课的受众，在我看来也是比较广泛的。尽管它是一门进阶课程，但如果你恰好学过老师的上一门 TS 课程的话，你就会明白老师对知识点的讲授是深入浅出的，即使你的储备不是那么的充沛，也大可以放心一听。 最后，希望我的评价可以帮助到屏幕前规划进阶的你们，我相信方向正确以及持续努力是成功的关键，做与不做，是否走出舒适区，是每个人必需面对的的抉择，共勉！

来自：前端高手养成计划-从前端到后端，全栈开发大型项目

看得出来每一节都是经过经过精心设计的，节奏把握的很好，可能是我也听过vue2.x的源码讲解，所以我觉得老师讲得很好，模块化的开发方式也可以在头脑发晕的时候根据堆栈的上下文重新找回线索，最主要的是 老师的根据源码去实现一个vue的课程设计非常好，在别的框架学习中我觉得也可以借鉴老师的这个思路，非常感谢老师

来自：Vue3源码解析，打造自己的Vue3框架，领悟尤大思维精髓

犹豫了很久，还是买了，新加的100道面试题，质量真的高，以后双越老师的课无脑入，两年前工资翻倍，希望这次也能顺利！！！ 最后部分面试面试同学实际工作经验有点差啊，可以加点3-5年工作经验的面试过程么。。30k左右的。。

来自：前端面试全家桶，从求职准备到面试演练 2024升级TS

绝对好评，非常适合0基础小程序、vue3全家桶、uni简直完美，课程简洁不拖泥带水，最后案例加成全栈，不用犹豫，如果之后升级使用springboot估计会爆买~~~

来自：Vue3+Uni+Node+MySQL 从零实现跨端小程序的全栈应用

写公司项目一直模模糊糊的，理的不是很清楚，看了老师的课，感觉很清晰，就是一种手把手教的感觉，老师讲的很好，很6，值的，学到第7章专门来评价的

来自：Vue 3入门与项目实战 掌握完整知识体系

课程非常好，ts学了好几年了，可能是因为没有足够细致的讲解和举例，每次都是半途而废，本课程第九章学下来感觉已经非常有信心了，Kevin老师非常有耐心，细致解答我的作业问题，非常推荐！

来自：TypeScript 从入门到深度掌握，晋级TS高手

2023年9月20日学习近小100h，进度95%，学习经验排名第5，基本上可以说掌握了每个功能、每个函数的作用，后端动态加载路由 + 元数据配合装饰器来实现路由 + 双令牌还是很秀。前端主要使用vue3 + pinia + 本地缓存来实现一些接口功能，手写一些动画功能还是有些复杂，前后端都是使用ts来写的，比其他大实战全栈课(内容很干，那两门虽然课时差不多但有点虚胖)程用的层面深些。课程讲师大约回答了我40个左右的问题，回复的很及时，有契约精神。我对课程内容 + 质量 + 答疑满意，如果想做一个vue3的移动端全栈项目，并且有一定的基础和耐心，本人推荐学习这门课程。

来自：前端高手养成计划-从前端到后端，全栈开发大型项目

课程讲解不拖沓，组件开发思路，逻辑技巧等，我觉得是最大收获，额外知识的扩展等让程序开发视野有了新的认识，总之是很好的课程

来自：进阶必学，打造媲美ElementPlus的组件库

年前事情少，特意来补课。老师的思维能力好强，将知识点的为什么，怎么做，讲得好清楚。最厉害的是，特意制作了每节课的随堂笔记，这个真的节约了我大量的时间。后续自己可以更方便的查询笔记。很牛。

来自：Vue3 + TS 仿知乎专栏企业级项目

感谢双越老师的细致讲解，和不断努力的更新本项目。使学员能够学会最新的架构并与之前的进行比较，非常感谢！这才是良师的“善良”与“真诚”！！！希望老师再接再厉写出更多的好课，我将继续关注您的教学，并与您同行。

来自：Node.js+Express+Koa2+Nest.js 开发服务端

学习图书馆

基础知识加油站免费学起来
  • JavaScript
  • HTML & CSS
JavaScript 入门教程
See More

80个小节 325988 2309

零基础学习 Javascript
TypeScript 入门教程

38个小节 97299 694

使用 TypeScript 进行 OOP 编程
Vue 入门教程

39个小节 180664 1696

零基础入门 Vue 开发
Ajax 入门教程

9个小节 38371 514

零基础学习 Ajax 前端必需掌握的技能
ES6-10 入门教程

61个小节 97371 761

零基础深入浅出讲解 ES6+ 的语法及使用
Yarn 入门教程

6个小节 13819 198

零基础学习前端依赖管理工具Yarn
ECharts 入门教程

22个小节 33602 452

掌握数据可视化，让数据更美观
CSS3 入门教程

34个小节 64760 750

零基础学习，探索减少CSS3提高性能的奥秘
雪碧图入门教程

24个小节 35628 201

零基础学习性能优化及帧动画必学技能
移动端布局教程

57个小节 55660 491

移动端项目必会的几种布局方式
Html5 入门教程

25个小节 63084 835

通向 WEB 技术世界的钥匙
Sass 入门教程

20个小节 22514 260

成熟、稳定、强大的 CSS 扩展语言
HTML 入门教程

22个小节 78032 875

零基础学习前端 HTML 知识教程
canvas 入门教程

25个小节 17055 182

canvas详细教程
uni-app 入门教程

30个小节 37442 455

跨端开发首选框架

更多方向

AI/LLM算法开发

51门课程

Java后端开发

32门课程

求职面试

43门课程

物联网/嵌入式

35门课程

大数据

43门课程

Python开发

43门课程

国家级软考通关宝典

62门课程