不懂就问
编码规范
第一阶段:HTML+CSS
学习前要求:基本的计算机操作能力,比如浏览网页、查资料等,以及坚持学习的决心和恒心。
学习后将掌握:可以使用HTML和CSS制作静态网页。
HTML
CSS
ES6-10语法
- 大纲
- ECMAScript6入门-阮一峰.pdf
- 深入理解ES6
第二阶段:JavaScript
学习前要求:熟练应用HTML和CSS。
学习后将掌握:前端开发最核心的技能JavaScript,以及jQuery和Ajax。
JavaScript
- 大纲
- 《JavaScript Dom编程艺术》
- 《JavaScript权威指南》- (犀牛书)
- JavaScript高级程序设计(第3版).pdf- (红宝书)
- 你不知道的JavaScript(上中下卷).pdf
- 现代javascript教程(在线)
- 《JavaScript函数式编程》
- 《JavaScript面向对象编程》
jQuery
- 《jQuery实战(第2版)》
随着 JavaScript 语言的不断发展,也出现了许多新的 JavaScript 框架,如 React、Angular 和 Vue。这些框架在功能和性能方面都有了一定的优势,正在逐渐取代 jQuery。
那么,2023年 jQuery 还有必要学吗?答案是肯定的。
对于初学者来说,jQuery 是一个很好的入门工具。jQuery 的语法简单易懂,可以帮助初学者快速掌握 JavaScript 的基础知识。
对于大型项目来说,jQuery 仍然是一个不错的选择。jQuery 的 API 简单易用,可以帮助开发者快速开发出复杂的功能。
对于老旧项目来说,jQuery 仍然是一个必不可少的工具。jQuery 可以帮助开发者维护和升级老旧的 jQuery 项目。
以下是一些建议:
如果是初学者,可以先从 jQuery 入手,掌握 JavaScript 的基础知识。
如果是经验丰富的开发者,可以了解一下 React、Angular 和 Vue 等新框架。
对于大型项目或老旧项目,可以使用 jQuery 来开发新功能,并使用新框架来重构旧代码。
第三阶段:开发工具
学习前要求:能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。
学习后将掌握:前端开发团队协作常用的版本控制工具SVN、Git,以及项目构建工具Webpack的使用方法。
Git快速上手
自动化构建工具 Webpack
未来构件化工具vite
第四阶段:前端框架
学习前要求:能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。
学习后将掌握:Vue.js、React、AngularJS三大神器,以及响应式框架Bootstrap,让你的前端开发工作如有神助!
Vue.js
- 大纲-D_框架_Vue2.0_入门
- 大纲-D_框架_Vue3.0_入门
- Vue2官网
- Vue3官网
- 《Vue.js 实战》
- 《Vue.js项目实战》
- 《Vue.js 3实战入门》
- 《Vue.js 3权威指南》
- 《Vue.js 3实战开发》
- 《Vue.js 3应用开发与核心源码解析》
React.js
- 大纲
- React 入门实例教程-阮一峰
- 一看就懂的ReactJs入门教程(精华版
Angular.js
TypeScript
第五阶段:移动及服务端开发
学习前要求:PC端的前端开发技能已经炉火纯青。
学习后将掌握:基于移动设备的Web前端开发技能,以及Node.js服务器端开发技能。
Node.js
跨端APP
Flutter、React Native、UniApp
小程序
WXML原生、UniApp、taro支持vue
微信公众号
低代码
Microsoft Power Apps、Mendix、OutSystems、Bubble、Appian
微前端
single-spa、qiankun、Piral、Mosaic、
第六阶段:融会贯通
源码解读
- 源码_Vue2.0
- 源码_Vue3.0
- Vue.js源码全方位深入解析-video-黄轶
- Vue.js 3.0 核心源码-video-黄轶
- ElementUI源码解析-樱满空-video
- Element-UI 源码简析-崇序员
性能优化
数据结构与算法
设计模式
- 大纲
- [Head First JavaScript程序设计.pdf](https://github.com/fuyunjinglong/awesome-books/blob/master/前端/Head First JavaScript程序设计.pdf)
- JavaScript设计模式与开发实践.pdf