零基础学前端开发学习路线

想了解前端开发，于是听视频课程，总结了一下前端的学习路线，如上图：

相应笔记如下，帮助自己理解记忆
1、布局的基础就是html，常说的html就是html4.1版本，后边还有html5，先学HTML4.1，再学html5。

     这两个版本有区别，不同的版本会有不同的标签、不同的特性等，最新的开发标准是以html5为标准，很多语言的底层原理需要在html4中讲，然后再把html5拿来作对比，来看html5有哪些优势。

2、CSS 层叠样式表：风格样式

3、JavaScript：学习内容比较多，分为三大块来学习。

        * ES  标准语法规范

        * DOM操作  文档对象模型

              不同的DOM节点有不同的触发，不同的触发产生不同的结果，利用DOM操作对网页进行增删改查

        * BOM操作  浏览器对象模型

               用来操作浏览器的，比如浏览器能不能复制粘贴

4、jQuery  封装类库，封装了很多函数方法

        先学JavaScript再学jQuery会觉得很简单，建议学习jQuery的时候，同时练习一下JavaScript

5、布局方法

      * 静态布局：基础阶段学习布局的话，PC端布局大多数都是静态布局，PS作为单位的布局方法，布局好了就是固定的，变不了了

      * 流式布局，刷新页面时能够判断当前设备，流式的布局方法

     * 自适应布局

     * 响应式布局

     * 弹性布局

       移动端开发用响应式布局和弹性布局是比较多的

6、布局兼容：在不同尺寸的手机上，都能够有相同的体验感，做前端产品开发，最重要的是体验感

7、框架，

       3大框架

            * Vue   好用，轻量级的框架，用得较多，中国人开发的

            * Angular  比较完善的框架，较重量级，小企业用的少

            * React 

      Bootstrap  响应式框架，UI框架做布局用

      node.js  中间件，在前端和后端作媒介，搭环境

8、学习vue、Angular框架要学习一种语言，就是TypeScript，是基于JavaScript的一些小问题再基于ES语法做了一个扩展性语言，更加遵循了面向对象编程的一种理想效果，能够在里面包含更多的类。

9、实战  要就业，最重要的是看实战能力，最好的是实际的商用项目，不仅仅是视频中的一些教学项目

10、自学前端，学到什么程度可以找工作？

       学完框架，做项目。能够做项目的时候，可以找工作

思考：听完课程，对前端开发的兴趣指数是4，（满分5颗星），觉得做出漂亮的界面效果会很有意思，所以才想做前端开发的。做测试是一个先破坏再创造的过程，做开发则是一个创造的过程。就自己目前的水平而言，破坏能力较强，创造能力很弱，所以在努力学习，培养创造性的逻辑思维。