web前端开发入门，学习路径以及具体的学习内容

前端学习路径

1.WEB前端快速入门

在本阶段，咱们须要掌握 HTML 与 CSS 基础，固然，也包含 H5 和 C3 的新特性。这
个部份内容很是简单，并且很是容易掌握。相信你也更愿意学习这个部分，毕竟他可让你
最直观的感觉到前端的魅力。为了锻炼你们写代码，能够根据你喜欢的站点去实现效果。
这一阶段是很是重要的基础阶段，所谓基础就是可能这个阶段咱们的学习的内容，能够
让咱们开发出来绚丽网站站点，可是功能丰富却暂时作不到。 为了完成更绚丽的站点，我
们须要掌握常见特效的实现，利用 css3 和 h5 的新特性实现动画，布局，雪碧图，滑动门，
tab 切换等特效。而且掌握基础的站点优化内容。例如 sprite 等。虽然咱们还不能完成更
多交互内容，可是咱们会学习到不少的知识模型和理论，而这些知识模型和理论是咱们后期
工做和学习的基石。扎实的基础有了，咱们才能走的更稳更快。
注：本阶段不涉及到编程，主要是熟悉 HTML5 各类标签用法、CSS3 各类属性的用法。

在这里小编建了一个前端学习交流扣扣群：132667127，我本身整理的最新的前端资料和高级开发教程，若是有想须要的，能够加群一块儿学习交流

2.JavaScript 基础与深刻解析

JavaScript 语言很是重要，能够说学习前端本质就是学习“JavaScript”编程。后面学所有都是基于JavaScript 的。JavaScript 语言可让网页元素具有动态效果，让体验度更加流畅。这在目前流行
的 B/S 架构体系下，是极端重要的事情。这也是为何前端工程师大行其道，被普遍需求根本缘由。
在本阶段中，咱们主要学习基础 JavaScript 语法与深刻解析 JavaScript，包含 DOM 操
做同时也涵盖了面向对象和设计模式，课程也涵盖了兼容性处理和数据解析。但愿你们在本
阶段能够熟练掌握这些知识点。

3.jQuery 应用与项目开发

jQuery 是一个快速、简洁的 JavaScript 框架，jQuery 设计的宗旨是“write Less，Do More”，即倡导写更少的代码，作更多的事情。它封装 JavaScript经常使用的功能代码，提供一种简便的 JavaScript 设式，优化 HTML 文档操做、事件处理、动画设计和 Ajax交互。在本阶段，咱们注重讲解如何更好的应用 jQuery 以及他的设计方式，同时也包含jQuery 扩展内容。

4.PHP、数据库编程与设计

后端服务器工程师须要了解前端的基本知识，一样，前端工程师也必须了解服务器端编
程的基本内容。咱们能够不精通，但必须知道总体的流程。
做为一名前端开发工程师，会一门后端语言是必然的。在咱们的课程中，为您选择的是
PHP，由于 PHP 环境搭建简单，语言与 JavaScript 类似性比较大，而且容易上手，链接数据
库也很是方便。但愿本阶段的内容能帮助你快速掌握先后端交互数据。
经过学习 PHP，前端工程师也能称为“全栈工程师”。既能作前端开发，也能作后端服
务器开发。

5. Http 服务于 Ajax 编程

Ajax 真的是一个很是古老的技术了，可是到如今为止，这门技术仍然被大量使用，可
以看出来，他是多么的优秀。在本阶段，咱们将带你了解 Ajax，而且掌握它的应用。也包
含了解 Http 相关的知识。对于站点来讲，除了页面效果能看到的就是数据了。因此，数据
的获取合理适配尤其重要。与 Ajax 相关的也包含跨域处理，但愿你们能够掌握这些核心知
识点。

6. 作一个阶段项目

本阶段为纯项目实战，能够将前面学到的知识融会贯通，不实战就至关于没有学习；主
要练习网络请求、站点布局、网站优化等内容，同时咱们须要对项目有必定的而了解。 所
以，在老师的带领下，能够更快的了解项目如何搭建，如何更优雅的实现代码。老师会将整
个项目的开发流程完整的罗列出来。本阶段也锻炼 BootStrap 的应用，也包含一些经常使用的第
三方插件。在实战中展现具体应用。

7. H5 新特性与移动端开发

H5 新特性在如今来讲已经再也不是新内容了，项目中随处可见，毕竟移动端不会存在兼
容性问题，并且这些新特性在移动端的体现也是很是好的。例如定位，语义化等。利用 Canvas实现更多的效果等。

8. 高级框架

随着项目的需求愈来愈多。传统的开发方式已经不能知足咱们的需求了，因此咱们须要更多的支持。在本阶段中，咱们讲解模块化，将程序分解为模块化开发。咱们须要 Nodejs 作支撑，

不管是做为构建工具中的服务器存在，仍是为咱们提供数据模拟测试，都是必不可少的。随着 ES5 发者体会在开发中的难言之隐，ES6 的到来解决了各类头痛的问题。也是咱们必需要掌握的一个重点还有更多，例如多人协同开发（git 或者 svn），利用 Less 和Sass 完成更好的 CSS 的编写。接下来咱们介绍一下目前前端三大框架：Angular：Angular 是一个开发平台，他能帮咱们轻松的构建 Web 应用，咱们将在这部分课程中讲解Angular 的声明式模板，依赖注入，端到端的工具和一些最佳实践于一身。咱们经过完整项目配合实例讲解课程，以便于你们更容易去理解 Angular 的应用。

React：做为前端三大框架之一，React 拥有声明式和组件化两大特色，React 能够轻松建立交互式用户界面。为应用程序中的每一个状态设计简单的视图，当数据更改时，React将高效地更新和正确的渲染组件。声明式视图使您的代码更具可预测性，更易于调试。建立好拥有各自 State(状态) 的组件，再将其组合构成更加复杂的 UI 界面。因为组件逻辑是用 JavaScript 而不是模板编写的，所以能够经过应用程序轻松传递丰富的数据，并将 State(状态) 保留在 DOM 以外。
VUE：在借鉴了 Angular 和 React 两个优秀框架的基础上，Vue 无疑是很是受欢迎的，它使用简单强大的生态系统，高效的运行速度也是咱们在开发中的选择之一。Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不一样的是，Vue的核心库只关注视图层，不只易于上手，还便于目整合。另外一
方面，当与现代化的工具链以及各类支持类库结合使用时，Vue 也彻底可以为复杂的单页应
用提供驱动。在学习真个 Vue 的过程当中，咱们会经过两个企业级项目来说解他的使用，以便
于你们更好的掌握使用 Vue 熟练开发。

9. 微信小程序

做为微信推出的一种新的项目展现形式，微信小程序必然是很是受到人们重视的，并且， 目前为止，大部分推广为主的公司都存在了微信小程序，也催生了一个岗位，微信小程序开 发工程师。可想而知，微信小程序是很是火的。