停更了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应用 服务端渲染 静态站点生成器 桌面应用 移动应用 【上一篇笔记】前端开发能够给你带来什么？
有哪些能激发斗志的壁纸？突破数据极限能耗瓶颈等，5G网络急需与人工智能联姻63个小芯片合体600W功耗，Intel超级GPU计算卡亮相新型纳米机器人可进入活体癌细胞，区分傻傻分不清楚的晚期癌细胞除了万能钥匙，还有什么有效的方法破解Wifi密码？华为Mate50Pro概念机真全屏圆形副屏，感觉小米12Pr网络安全审查办法修订后正式施行织密信息安全防护网现在很多手机都不支持内存卡拓展，是因为内存大？答案没那么简单中国联通入选国家发展改革委新序列国家工程研究中心名单上半年净亏11亿，员工人均月薪超10万，第四范式不差钱2021年华为手机哪款性价比最高？2000300040005如何修复照片？适合发福男性的几招健身运动不能做那种事永久脱毛有效的方法有哪些？迅雷网游加速器官宣停运，云游戏春天来临？我的未来不是梦小路栀子花开工序造句用工序造句大全公司登记前的批准手续准备材料有什么典韦用什么武器叫什么典韦武器重量揭秘保安年终工作总结什么是水稻螟虫