前端学习大纲


不懂就问

编码规范

华为云前端编码规范

Airbnb JavaScript 风格指南

第一阶段:HTML+CSS

学习前要求:基本的计算机操作能力,比如浏览网页、查资料等,以及坚持学习的决心和恒心。
学习后将掌握:可以使用HTML和CSS制作静态网页。

HTML

CSS

ES6-10语法

第二阶段:JavaScript

学习前要求:熟练应用HTML和CSS。
学习后将掌握:前端开发最核心的技能JavaScript,以及jQuery和Ajax。

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

React.js

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、

第六阶段:融会贯通

源码解读

性能优化

数据结构与算法

设计模式


Author: John Doe
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source John Doe !
  TOC