За последние два года, инженеры Верстки все больше и больше огня, и 2019 был почти наполовину, много подготовки, чтобы присоединиться к переднему плану инженер развития маленьких друзьям, я не знаю, насколько хорошо подготовлен это?
Сегодня для всех, чтобы говорить о том, в 2019 году, мы узнаем развитие фронтального, развитие переднего конца к тому, как эффективно учиться?
начало нулевой основе
Прежде всего, независимо от какой-либо школьной технологии, мы начинаем с нуля базы, фронтального развития в качестве хорошо. Есть разработки программного обеспечения, программирование занимается опытно-конструкторскими работами, должны начать, чтобы начать изучать базовую грамматику, синтаксис через композицию результатов продукта.
Базовая грамматика развитие переднего конца на HTML + CSS + JavaScript композиции, которая является самым основным языком разработки три передних конца.
Страница макета основа: HTML + CSS
HTML является HTML, основной язык, состоящий из веб-контента. Можно прямо сказать, что он является веб-фреймворк, веб-изображения, текст, видео, аудио, программы должны быть введены в веб-страницы, он отражается.
Просто делать HTML-страницы, но с содержанием, конечно, не достаточно. Потому что это только HTML, вы только можете сделать макеты с таблицей едва в состоянии сделать молдинг страниц. Но из Web2.0 эпохи, мы коробка метод компоновки модели, то есть, чтобы добиться расположения с помощью DIV + CSS.
CSS это каскадные таблицы стилей. Для того, чтобы стандартизировать метки атрибутом стиля, когда больше не используются макеты таблиц, стили CSS на странице до тех пор, как соответствующий макет этикетки, чтобы добиться развития является правильным путем.
HTML (ДИВ) + макет CSS, основные шаги Основы, содержание на данном этапе, вы должны научиться, в том числе:
1. семантические теги, SEO
2. Процессы загрузки страницы и принципы
3. Структура страницы
4. Коробки модель (модель коробки консорциума W3C и модель окна IE)
селектор 5.CSS
6.CSS плавающего расположение, позиционирование
В начальной стадии, мы узнаем расположение в основном статический метод компоновки РХ единиц. Знакомый хороший метод компоновки, не дать себе небольшую цель, сделать основную структуру простого электронного бизнеса страницы из, без специальных эффектов, нет взаимодействия.
Языки сценариев Браузер: JavaScript
JavaScript очень важно, что мы узнаем в содержании развития фронтального, но и трудности, мы часто попадают в яму. JavaScript теперь можно сказать, что самый высокий коэффициент использования возраста языка сценариев Интернет, а также на веб-странице, все визуализации данных, специальные эффекты взаимодействия должны использовать JavaScript, чтобы влиять на отображение в браузере.
JavaScript不只是开发网页特效和渲染数据的重要内容，在学习前端开发的后期，大量使用算法和框架的时候，对JavaScript基础的考验也是很多的。
在基础阶段，我们学习JavaScript需要注意：
1.基本关键字指令
2.基本数据类型、数组
3.函数
4.面向对象编程
5.原型链、闭包
6.JSON
7.Ajax
8.DOM(文档对象模型 原生DOM操作)
9.事件捕获、冒泡、代理
10.常用函数方法
11.ES5、6、7
在JavaScript部分学习，主要还是要去理解好交互的原理，把原理分析清楚，真的理解语法，那写出多复杂的逻辑也是手到擒来。
JavaScript经典类库jQuery
说到学习JavaScript，很多小白同学肯定会很头痛他的原生写法。每次逻辑业务都需要手动写，也就是用一次就造一次轮子。觉得很麻烦。如果能简单一点就好了。
因为JavaScript有可以封装的特性，所以在后面也出现了很多用JavaScript封装的类库、插件。比如说最经典的类库就是jQuery了。
jQuery类库就是在类库里面封装好了很多JavaScript的事件方法。jQuery通过封装，减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化，通过调用方法就可以了。
在学习jQuery的时候，需要重点认识的有:
1.jQuery语法和JavaScript原生语法的差异
2.Dom对象和jQuery对象
3.jQuery的入口函数和JavaScript的入口函数的差异
4.jQuery事件的执行逻辑。
学习jQuery，最需要达到的效果就是能快速的完成网页的特效，比如说轮播图、手风琴菜单、旋转木马、放大镜等等这些特效。能完成一个电商网站的布局+特效开发是最基本的要求了。
这些就是零基础学习必备的一些基本内容，在入门前端开发最基本需要掌握的东西，把基础理解好，才能为后面的学习做更多的准备。
多终端进阶学习
除了基础的PC端，目前移动端可以说是非常火的了。
比PC端单一的网页不同，在移动端的技术可以应用到WEB-APP,小程序，Hybrid-App等等。
Web-App
也就是我们常见的浏览器（以及内置浏览器，比如微信）打开的大型移动端网页。比如我们常见的电商网站，功能性网站，管理网站，在布局和功能上都有APP的效果。
做好Web-App开发，最基本的很多人肯定会说响应式布局，但是前端开发是又5种布局法的，除了出名的响应式，还有在移动端最重要的弹性布局法，也就是很多人头疼的rem布局。
除了布局方法之外，在H5新特性和触屏事件和设备兼容性问题也是需要信手拈来。
小程序
这个也不用多说，现在可以说是非常火的，各大平台都有在做自己的小程序，各种砍价，抢票，电商，游戏都有运用。这个以微信小程序为例，主要是微信团队基于前端基础来做的封装语法，主要的还是ES语法。小程序目前很多公司都是招聘前端开发，目前还没有独立的小程序开发工程师，所以小程序可以说是前端工程师高薪就业的加分技能，换句话说就是成熟开发必备了。
Hybrid-App
又称混合式APP，可能听说的人很少，但是18年是越来越多人去开发了，这种是能直接产出下载到终端的APP的，在体验感上可以说已经具备传统APP的大部分功能了。这种开发门槛较低，也就是前端开发就可以完成。多数都是大包平台就能做，这个你可以后面了解一下。
前端主流技术框架
前面的都是基础东西，现在去就业前端开发，不是只靠个基础东西，搞个移动端页面就可以算成熟了。前端3大框架，VUE、Angular、React这3个可以说是现在非常火热的了。
基础语法都可以写的前端，为什么还要框架？
很多小白朋友是不懂什么是框架的，只听过jQuery这些东西，以为就是框架。或者认为框架就是加速开发，觉得这些库、插件就能完成框架的工作了。
其实框架的出现，是改变前端地位的重要标志。最重要的表现，就是前后端分离，在前后端分离之前，很多后端开发都是又当爹又当妈的，效果不好效率也不高，我就是在后端出身，深知痛苦。
现在的前端项目，比以前是更加复杂化、多样化了。项目复杂了，问题也多了。
那框架到底解决了什么问题？
解决重复引用外部js，以用jQuery开发为例，很多时候都是不能单一完成一个项目的，还需要引用很多的第三方插件和库，导致会一个项目引入很多外部JS文件。
这样不仅让代码变得杂乱，而且很影响打开速度。但是用框架呢，以VUE为例，一般会和构建工具配合，然后就是一个入口文件就可以完成了，在运行时候就在入口引入一次，一劳永逸。
使用组件化开发，组件是前端框架里非常强大的功能之一，它可以扩展你的HTML，封装可以重用的代码块，比如你的轮播图、tab切换、页面头部、页面底部等等。
这种独立的组件具有了结构（html），表现（css）和行为（js）完整的功能，很大程度的节省了代码量，提高了代码的复用性。特别是团队合作的时候，可以很好的提高使用效率。
减少开发周期，如果你觉得jQuery可以减少开发周期了，那其实框架可以比库更快。比如说使用jQuery开发的时候，很多时候是需要频繁去操作DOM，每次效果都要去查找DOM，这样就显得很繁琐了。使用框架的时候，很多功能都得到了封装，比如说很多指令都有数据绑定，数据格式化这些功能。这样更多时候，我们开发的时候只需要关注数据的逻辑就行了。
最后
这些也就是我们学习前端开发必备的一些知识点了。学习路线放一下给大家。
自己是从事了五年的前端工程师，如果你是正在学习前端，或者想转行学习前端开发的伙伴，欢迎大家加入我的web前端开发qun：【四八四】【七五七】【七六零】
群里有学习教程和开发工具，对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以提出来，我会给大家及时解答。
前端开发学习不是单一的，内容比较多，同样应用的场景也非常多。如果你想从事前端开发工作，就要更急专心和努力，坚持方向不动摇！