停更了10来天，今天终于没那么忙了，抓紧空闲时间来写一篇文章。 前端涵盖的技术越来越多，我们学习一门技术的时候，既要了解它的前身，又要了解它的发展方向，所以我们在学习的过程中一定要合理地安排学习路线。 对于一个前端开发初学者来说，可以参考以下的学习路线。 首先，我们需要去了解一些相关的前置知识，比如：计算机基本认识、应用的概念以及前端和后端它们各自的内容和区别。 了解完前置知识之后就可以正式地去学习前端相关的技能，初始入门阶段我们需要学习到HTML和CSS，学习它们的相关语法内容，这两个内容学习完之后，还可以去进行一些提升，比如说掌握更多的HTML5和CSS3的新增知识。 经HTML和CSS之后，接下来的一个重点就是要去学习JavaScript以及它的一些进阶内容。初始阶段要学习JavaScript的相关语法，其中包含了数据结构等内容，还有WebAPIs等操作；此外，在进阶的阶段还要学习ES6的新语法以及模块化、TypeScript等等。学完了JavaScript进阶之后，其实才算是前端入门。 在入门之后，我们需要经过一个比较艰难但是收获很大的转变阶段，这个阶段最初的时候要去学习一些工具，比如包管理工具，为后续学习框架进行一个铺垫，因为框架的学习需要利用到包管理工具；学完包管理工具后要去学习CSS进阶知识，然后再去学习构建工具的相关知识，构建工具可以让我们的代码变得更加高效、规范，也更加地符合我们真正的项目编写。 学习完前面的一些铺垫内容，在真正的工作中，其实会使用一些流行的框架，现在比较主流的框架有：VUE。js、React。js、Angular，需要学习它们的基础语法和底层原理。假如你能坚持学习到这要一个阶段，那么你的前端技能会有一个质的提升，并且往后还能得到很多好的工作机会。 当然，找到工作并不意味着学习就结束了，在往后的工作中，还可以持续学习更多的内容，比如渐进式Web应用等，从而提升自身的技术水平，拓宽职业发展道路。 一hr前置知识 计算机基本知识 应用的概念 前端和后端 二hr入门阶段 HTML HTML语法 HTML语义化 SEO基础 CSS CSS语法 网页布局 媒体查询 CSS3 三hrJavaScript进阶 JavaScript语法 基础的数据结构 WebAPIs ES6 模块化 TypeScript 四hr包管理工具 npm yarm 五hrCSS进阶 CSS预处理器 SASS LESS PostCSS CSS框架 Bootstrap tabler SemanticUI CSS架构规范 OOCSS BEM SMACSS 六hr构建工具 代码校验工具 ESLint StyleLint MarkdownLint 模块打包工具 Webpack Parcel Rollup 任务运行器 npmscripts Makefile Gulp Grunt Broccoli 七hr流行的框架 VUE。js VueX ElementUI React。js Redux AntDesign Mobx CSSinJS Angular RxJS ngrx 八hr持续学习 Node。js 渐进式Web应用 服务端渲染 静态站点生成器 桌面应用 移动应用 【上一篇笔记】前端开发能够给你带来什么？
SpringBoot优雅停机京喜拼拼大规模裁员？为什么裁？小姐姐的最爱，vivoS10系列自拍外观皆领先Bug定位的技巧抢京东市场？阿里将开设天猫自营旗舰店，天猫App要更名中国造光刻机不现实？一台有10多万零部件，5000家供应商遍千亿元级换电市场频入重磅玩家谁将成为新能源车领域的卖水人？K50系列已经准备就绪？Redmi新商标申请中自下而上破解美元霸权（三）美元霸权的三根支柱重庆百货落榜亚马逊成全球第二大零售商2021零售企业的进与退还能重回第一吗？HTC表示今年推出VIVERSE元宇宙手机物联网通信协议大汇总