藍鷗旗下品牌:鷗課學院
全國咨詢電話:13152008057

HTML5學習路線圖

基礎篇

適用/適合人群:適合零基礎小白

目標:熟練掌握HTML和CSS搭建靜態頁面。

技術點小節:

1.行業認知和學習環境配置    2.前端發展歷史    3.瀏覽器發展歷史    4.編輯器安裝(sublime Text)    5.瀏覽器安裝(chrome)    6.Photoshop工具安裝

XHTML+CSS2.0

1.XHTML語法規范    2.常用標簽分類    3.W3C規范    4.了解SEO及運用    5.CSS基本語法和選擇器    6.CSS樣式基礎庫    7.盒模型布局    8.浮動和定位

HTML5+CSS3

1.HTML5新標簽    2.CSS3選擇器和屬性    3.CSS3過渡和動畫    4.CSS3動畫庫animate.css    5.響應式布局    6.CSS3 彈性布局    7.移動適配基礎庫

常用瀏覽器兼容

1.瀏覽器內核    2.IE6/7/8適配兼容    3.怪異盒模型    4.常見瀏覽器兼容問題

綜合實戰-靜態篇

1.京東/淘寶首頁實戰    2.360瀏覽器宣傳實戰    3.響應式網站:意英網    4.CSS預處理器-Less    5.Bootstrap    6.github使用

交互篇

適用/適合人群:擁有一定的HTML,CSS等前端頁面搭建基礎

目標:熟練搭建主流網站

JavaScript基礎

1.表達式和數據類型    2.分支和循環結構    3.數組和函數    4.js內置對象    5.閉包和作用域    6.call,apply和bind

DOM和BOM

1.DOM節點操作    2.動態腳本    3.動態樣式    4.選擇器API

動畫特效

1.各種運動模式    2.運動框架    3.無間斷大圖滾動    4.tween.js和swiper.js

事件交互

1.鍵鼠事件    2.滾動事件封裝    3.事件阻止和冒泡

數據交互

1.正則表達式    2.JONS    3.Ajax    4.數據模擬工具(Mock.js)    5.cookie

Jquery和zepto

1.選擇器    2.事件操作和動畫    3.常用插件的使用    4.自定義插件

綜合實戰-動態篇

1.京東/淘寶首頁實戰    2.360瀏覽器宣傳頁實戰    3.移動端:鍋打灰太狼    4.響應式網站:意英網    5.微信端:創想家圣典

進階篇

適用/適合人群:具有一定的HTML,CSS基礎,JavaScript基礎扎實。

目標:具有系統化的編程設計思維

JS面向對象的程序設計

1.面向對象思想    2.原型模式    3.再談call和apply,bind    4.再談閉包和作用域

JS設計模式

1.設計原則    2.單例設計模式    3.代理設計模式    4.工廠設計模式

Canvas

1.圖形繪制    2.圖片繪制    3.圖標和視頻繪制    4.交互與動畫

高級特性

1.HTML5新增API    2.高階函數    3.ES6

Canvas游戲引擎設計

1.框架設計    2.接口設計    3.方法封裝    4.引擎實戰

綜合實戰-移動頁面篇

1.H5游戲:貪吃蛇    2.H5游戲:打飛機

全棧篇

適用/適合人群:具有一定的HTML,CSS和JavaScript基礎。
目標:掌握PHP,Mysql,安全攻防等技術,前后端融會貫通。

PHP+Mysql

1.PHP基礎語法    2.Mysql    3.PHP和HTML混編

接口設計

1.HTTP    2.Restful接口設計

ThinkPHP

1.基礎API    2.架構和路由    3.數據庫交互

安全攻防

1.網絡爬蟲設計與實現    2.web安全基礎    3.XSS漏洞利用與防御    4.CSRF漏洞利用與防御    5.HTML5新特性安全

綜合實戰

1.前后端:書城展示頁    2.前后端:書城管理頁

高級篇

適用/適合人群:具有一定的HTML,CSS和JavaScript基礎。
目標:掌握主流框架的解決方案。

開發工具使用

1.常用打包工具(webpack,grunt,Gulp)    2.質量控制    3.模板引擎    4.babel    5.單元測試    6.項目腳手架運用

架構模式

1.MVC    2.MVVM

主流框架

1.Vue.js    2.Angular.js    3.React.js

移動端開發

1.Hybrid App開發    2.微信小程序和公眾號    3.React Native    4.Cordove,lonic

框架開發

1.框架思想    2.封裝框架    3.組件化編程思想

綜合實戰

1.移動端:數錢,睿士,美麗中國,小樣來挑戰    2.APP:游輪旅游APP    3.Vue:餓了嗎    4.pc:精英吧    5.小程序:豆瓣電影

實戰篇

適用/適合人群:具有扎實的HTML,CSS和JavaScript技術能力,深入的編程思想,熟練的框架使用。
目標:熟練掌握企業項目開發流程,提高團隊寫作能力。

項目分析

1.閱讀文檔    2.熟悉項目架構源碼    3.項目架構分析    4.業務邏輯分析

開發流程

1.代碼管理工具    2.UML圖例    3.進度評估    4.編程規范

實戰開發

1.任務迭代    2.項目重構    3.Code Reiew

項目考核

1.每日審查    2.項目會議    3.項目測試    4.提交上線

................                基礎篇

................                交互篇

................                進階篇

................                全棧篇

................                高級篇

................                實戰篇

天堂资源网,www.亚洲天堂在线,天堂网www在线中文天堂,新亚洲天堂 日本三级手机在线播放线观看| 亚洲日韩亚洲另类激情文学| 产av一区二区三区无码| 人人射| 夜夜春宵| 免费高清视频| 国产农村一国产农村无码毛片| 真实老熟妇大白天在层内爱爱| 18欧美乱大交| 亚洲超清无码制服丝袜| 真人床震高潮60分钟| 亚洲综合图文偷拍| 樱桃成视频人app在线下载| 免费a级毛片出奶水| 成年网站未满十八禁视频| 女人与公拘交的视频网站| 99pao在线视频国产| 男人擦进女人的性视频| 强壮公弄得我次次高潮| 曰本女人牲交全过程免费观看| 一女战三男4p真实经历| 亚洲性夜夜夜色综合网| 小萝视频网站福利| 男人和女人做爰的高嘲| 美女又色又黄的视频| 浪潮av无码专区| 农村大乱纶视频| 色婷婷激婷婷深爱五月| 18禁止观看强奷无码视频| 日本护士强奷在线播放| caoporm-超频在线视频| http://www.hotellesmouflons.com