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. 微信小程序

做爲微信推出的一種新的項目展現形式，微信小程序必然是很是受到人們重視的，並且， 目前爲止，大部分推廣爲主的公司都存在了微信小程序，也催生了一個崗位，微信小程序開 發工程師。可想而知，微信小程序是很是火的。