第壹階段?
學習HTML:超文本標記語言(簡稱HTML)是網頁的骨架。無論是靜態網頁還是動態網頁,HTML代碼最終都是返回給瀏覽器,瀏覽器對HTML代碼進行解釋和渲染,呈現給用戶。所以壹定要掌握HTML的基本結構和常用標簽、屬性。技術要點:HTML快速入門、文本、圖片、鏈接、表格、列表、表單、框架;類型為:PC端網站布局,WebApp頁面布局HTML5。?
第二階段?
學習CSS: CSS是英文層疊樣式表的縮寫,稱為層疊樣式表。是壹種能夠真正做到網頁表達和內容分離的風格設計語言。與傳統的HTML相比,它的樣式可以重用,大大提高了我們的開發速度,降低了維護成本。技術要點:CSS的基本語法、框架模型和背景、文本格式、表格、顯示和定位、動畫、過渡、2D/3D轉換、CSS優化和HTML5的新元素和屬性、表單域增強元素、CSS3選擇器、字符和字體的相關樣式、CSS3位移和變形處理、CSS3 2D轉換和過度動畫、CSS3 3D轉換和關鍵幀動畫、彈性框模型、媒體查詢等等。還可以進壹步“裝飾”建築,讓它看起來更“豪華”。?
第三階段?
學習Javascript和jQuery: Javascript:基本語法、json、magic Array、常用Javascript類、JS調試技巧;JS Dom:節點獲取、元素操作、節點創建、事件和氣泡、項目案例;JQuery:隱式叠代,選擇器,JQuery如何在JSDom中實現效果,JQuery EasyUI;同時需要註意的是,在面向對象的高級設計模式(觀察者模式等)中使用了DOM庫、AJAX庫、原型庫和繼承庫。)、可變對象和活動對象、作用域鏈、閉包以及JavaScript工具庫中的各種類庫。?
第四階段?
了解HTTP協議、Ajax高級和後端開發:詳細講解HTTP(s)協議、Ajax高級、跨域和延遲、PHP基礎、MySQL基礎、服務器端組件原理、HTTP請求(GET、POST、PUT、DELETE等。)、HTTP響應、Cookie原理、Session原理、Restful協議、接口定義、Mock數據、Restful、前端調試、前端安全(XSS、CSRF、JS註入)、前端工程和模塊化應用:Gulp、Webpack、NPM、Git/SVN、CommonJS、AMD、CMD、ES6模塊化?
第五階段?
此時,我們可以利用所學的技術打開新世界的大門,做項目和功能開發:Touch必須要有明確的點:畫布的基礎知識,畫矩形、圓弧、線段、曲線、漸變和圖像,畫布圖表的繪制案例,localStorage,sessionStorage和offline cache,animate.css,Yo/Mui,touch.js,zepto.js,swiper。微信場景:微信場景項目中WeUI和Swiper animate的使用,常見的頁面布局,常見的交互和動畫;用Vue.js開發web app:vue . js基礎,模塊化,單文件組件,路由,與服務器通信,狀態管理,單元測試,生產發布?
第六階段?
混合式、反應式:創建項目、創建實例以及創建小程序、頁面框架、組件、API和工具;引入React Native,BS架構程序,異步執行和加載,兼容通用標準和可擴展性;混合技術:Cordova/Phone gap,嵌入式客戶端(iOS,Android),微信服務號接口(JSSDK)?