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

前端学习路径

1.WEB前端快速入门

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

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

2.JavaScript 基础与深入解析

JavaScript 语言非常重要，可以说学习前端本质就是学习“JavaScript”编程。后面学全部都是基于JavaScript 的。JavaScript 语言可以让网页元素具备动态效果，让体验度更加流畅。这在目前流行 的 B/S 架构体系下，是极端重要的事情。这也是为什么前端工程师大行其道，被广泛需求根本原因。 在本阶段中，我们主要学习基础 JavaScript 语法与深入解析 JavaScript，包含 DOM 操 作同时也涵盖了面向对象和设计模式，课程也涵盖了兼容性处理和数据解析。希望大家在本 阶段可以熟练掌握这些知识点。

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

3.jQuery 应用与项目开发

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

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

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

后端服务器工程师需要了解前端的基本知识，同样，前端工程师也必须了解服务器端编 程的基本内容。我们可以不精通，但必须知道整体的流程。 作为一名前端开发工程师，会一门后端语言是必然的。在我们的课程中，为您选择的是 PHP，因为 PHP 环境搭建简单，语言与 JavaScript 相似性比较大，并且容易上手，连接数据 库也非常方便。希望本阶段的内容能帮助你快速掌握前后端交互数据。 通过学习 PHP，前端工程师也能称为“全栈工程师”。既能做前端开发，也能做后端服 务器开发。

5. Http 服务于 Ajax 编程

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

6. 做一个阶段项目

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

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

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

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

8. 高级框架

随着项目的需求越来越多。传统的开发方式已经不能满足我们的需求了，所以我们需要更多的支持。在本阶段中，我们讲解模块化，将程序分解为模块化开发。我们需要 Nodejs 做支撑，

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

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

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

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

9. 微信小程序

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