前端开发是创建Web页面或app等前端界面呈现给用户的过程

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天

一、什么是前端开发？二、网页案例1.以前的网站

我们可以看到早期的网页都是满屏的文字，看起来不美观，功能少，速度慢。

1.现在的网站

如今现在的网页内容丰富，动态效果炫酷，功能更加强大，用户体验度更加友好。随着互联网的不断发展，对于前端的技术也是更新非常快。

三、前端开发应用场景

前端现在不仅能做电脑上浏览的网站，像现在的微信小程序，手机app。都是前端做的，现在我们生活中使用最多的微信小程序，小游戏，都是前端开发做的随着前端的不断发展，前端不再是切图仔时代，不再是早期的三剑客，flash+Fireworks+dreamweaver，现在的前端三剑客是HTML+CSS+JavaScript，那么我们的前端中为什么会看到服务端呢？这个不应该是Java,C++,Python这些编程语言吗？其实现在的前端已经是大前端了，什么是大前端呢？大前端是我们前端人员也要懂得后端的技术，例如Node.js技术，该技术是JavaScript脚本语言的运行环境，它可以将我们的JS代码运行在服务端。

四、前端的门槛

前端是编程中门槛较低，较易入门的，对年龄和学历要求也不是特别高，但如果学历过低，年龄比较大，又完全没有基础，会在学习时感到吃力，另外也会因为用人公司对学历和年龄的限制很难找工作，因此学历较低的学员可以优先解决学历问题。

五、前端入门需要掌握的技术

Web页面制作基础，掌握传统PC端网页布局和制作；

UI网站设计，掌握页面设计和原型图设计；

编程基础技术，利用js完成一些常见网页的特效开发；

后端开发技术，了解Web服务器的工作原理，并可以简单搭建自己的应用程序服务器端；

移动互联网应用，掌握现在主流的页面制作技术，可以完成微网站的制作，并可以做到多设备兼容。首先建立第一条技能线：就是前端由html，css，js组成；然后将其细化为第二条线，html是由html4和html5组成；第三条线，css由css2和css3组成；第四条线，js由es5和es6构成。

接下来是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery库。

再往下延伸一层：html、css方向，有前端构建工具；js除了jq库之外，还有更全面的前端框架，react、angular、vue。

再往下细化：react是一个view层方案，为了让它能够全面解决前端需求，需要Redux、react-router等作为补充。

六、前端的发展和机会

前端开发工程师小程序开发工程师移动端web开发工程师前端架构师自己创业转岗管理或其他职业发展目标

我们都有一个最终的目标，在这个目标之上，我们需要给自己制定一系列学习和成长计划，制定的方法如下：

第一、梳理知识架构；

梳理知识架构的目的在于，我们要了解清楚，哪些技术是前置、哪些技术是后继，那些技术是深度、哪些技术是广度，按照这两个维度梳理好知识架构之后，我们才能准确地制定清晰的成长目标、高效的成长计划。

第二、分解目标；

我认为，大抵可分解为三个阶段，包括：起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标：

七、前端学习路线

1.入门阶段HTML：HTML语法、HTML语义化、SEO基础。

CSS：CSS语法、页面布局、媒体查询，CSS3。

2.进阶阶段JavaScript：JavaScript基本语法、基础的数据结构、Web APIS、ES6、模块化、TypeScript。

包管理工具:npm、yarn.

CSS进阶：

1.CSS预处理器：sass,less,postCSS。

2.CSS框架：Bootstrap、Layui。

3.CSS架构规范：OOCSS、BEM、SMACSS。

代码校验工具：ESLint、StyleLint、MarkdownLint。

模块打包工具：Webpack、Parcel、Rollup。

任务运行器：npm scripts、Makefile、Gulp、Grunt、Broccoli。

三大流行的框架：

1.VUE.js：VueX、Element UI。

2.React.js：Redux、AntDesign、Mobx、CSS in JS。

3.Angular：RxJS、ngrx。持续学习：Node.js、渐进式Web应用、服务端渲染、静态站点生成器、桌面应用、移动应用、桌面应用等等。

前端部分知识点大纲

如有不对的地方还请联系我 谢谢！