前端學習路線

?前期(集體學習內容)
Html5+css3:
學習內容:
Html5
1:基礎標簽的使用
2:新增標簽和屬性
css3
1:CSS語法和樣式
2:選擇器
3:盒子模型
4:CSS定位
5:CSS3新增屬性
6 動畫效果
其他:
1:兼容性
2.代碼調試
總時間:14天(考核實例:制作一個靜態網站)
JavaScript學習:
學習內容:
1:js基礎語法
2:內置對象常用方法
3:DOM操作
4:ECMAscript
5:JS動畫
6:DOM、BOM、
7:定時器和焦點圖
總時間:10天(考核實例:編寫一個完整小游戲)
Jquery+Bootstrap學習:
學習內容:
1:Jquery基礎語法
2:常用的選擇器和事件
3:常用的DOM操作和效果方法
4:方法鏈
3:拖拽、變形
3:JqueryUI組件
4:Ajax
5.bootstrap基本的排版布局及樣式的使用(重點學習柵欄和布局的技巧)
總時間:(考核實例:用個人編寫的簡單插件和現有插件結合Bootstrap做一個動態的網頁)
? 后期(前端方向學習內容)
Html5+css3高級
學習內容:
Html5

  1. Canvas繪圖
  2. web本地存儲
  3. Geolocation API
  4. Web Workers、Web WebSocket API
    css3
  5. CSS新特性
  6. CSS3動畫
  7. 特殊圖形繪制
  8. 雪碧圖、滑動門
  9. 媒體查詢
  10. 響應式設計
  11. 自適應布局
    總時間:(實戰:PC端門戶網站或移動端電商網站)
    JavaScript高級:
    學習內容:
  12. 正則表達式
  13. 閉包
  14. 排序、遞歸算法
  15. DOM實現原理和深入
  16. 原型
  17. 函數節流
  18. 作用域鏈
  19. 面向對象
  20. 封裝
  21. 常見特效:tab、導航、整頁滾動、輪播圖、JS制作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
    總時間:(實戰:插件封裝)
    進階
    學習內容:
  22. 熟悉Web開發工作流和MVC/MVVM/MVW框架,學習常用庫:Vue.js
  23. 了解WeUI
  24. Gulp、webpack等前端構建、打包工具
  25. 設計模式
  26. 前端開發優化
  27. 了解ES6
  28. Node.js全棧開發
    總時間:(要求:做筆記、寫博客,用Vue.js開發單頁應用,分享自己的學習成果和作品)
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容