?前期(集體學習內容)
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
- Canvas繪圖
- web本地存儲
- Geolocation API
- Web Workers、Web WebSocket API
css3 - CSS新特性
- CSS3動畫
- 特殊圖形繪制
- 雪碧圖、滑動門
- 媒體查詢
- 響應式設計
- 自適應布局
總時間:(實戰:PC端門戶網站或移動端電商網站)
JavaScript高級:
學習內容: - 正則表達式
- 閉包
- 排序、遞歸算法
- DOM實現原理和深入
- 原型
- 函數節流
- 作用域鏈
- 面向對象
- 封裝
- 常見特效:tab、導航、整頁滾動、輪播圖、JS制作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
總時間:(實戰:插件封裝)
進階
學習內容: - 熟悉Web開發工作流和MVC/MVVM/MVW框架,學習常用庫:Vue.js
- 了解WeUI
- Gulp、webpack等前端構建、打包工具
- 設計模式
- 前端開發優化
- 了解ES6
- Node.js全棧開發
總時間:(要求:做筆記、寫博客,用Vue.js開發單頁應用,分享自己的學習成果和作品)