WEB前端課程設置

課程階段 | 課程簡介 | 課程內容 |
第一階段結構樣式和匹配 |
圖形、圖像軟件的使用(Photoshop) HTML CSS基本用法 HTML5 CSS3核心課程 網頁制作基礎課程 |
(1)認知行業,崗位,介紹HTML5課程體系,就業趨勢以及行業未來展望; (2)HTML5核心元素及布局應用; (3)CSS3核心屬性及布局應用; (4)圖形、圖像軟件的使用(PS); (5)各種瀏覽器兼容性以及處理方式; (6)垂直居中,水平居中的處理方式; (7)CSS組件框架編寫。 |
第二階段JavaScript基礎應用 |
JavaScript基本語法 JavaScript內置對象 DOM和BOM的用法 |
(1)了解什么是JavaScript; (2)了解JavaScript如何使用及運作原理; (3)掌握JavaScript的理論體系結構; (4)掌握JavaScript基本語法; (5)掌握JavaScript內置對象(如Array、String、Date、JSON、Math、RegExp); (6)掌握BOM的用法; (7)掌握原生DOM操作的用法; (8)掌握事件,事件原理; (9)掌握JavaScript基本特效的制作方法; |
第三階段javascript高級應用 |
JavaScript面向對象編程 JavaScript動畫實現 jQuery核心課程 |
(1)掌握JavaScript的面向對象; (2)熟悉WEB安全,同源策略以及Ajax; (3)掌握JavaScript的函數編程; (4)掌握JavaScript動畫的實現以及原理; (5)掌握模塊化開發AMD,CMD; (6)掌握jQuery的使用及其插件的封裝; |
第四階段移動端開發 |
HTML5移動端應用 HTML5動畫 高級框架:vue.js,node.js,tree.js |
(1)HTML5概述以及應用場合; (2)HTML5基礎:新標簽,表單,文件Api; (3)HTML5畫布:canvas; (4)HTML5多媒體:video,audio; (5)結合框架(vue.js)混合開發app 流應用等; (6)node.js,webpack,gulp等工具等應用; (7)tree.js. 3D技術應用; |
第五階段綜合實訓 |
掌握PC端網站開發基本流程和技巧; 掌握瀏覽器/服務器的交互模型; 掌握項目周期與技術評估; 掌握行業網站項目開發與迭代; 培養良好的溝通、表達和團隊協作能力; 掌握快速學習方法,初步養成有競爭力的職業習慣; 綜合運用HTML+CSS,JS,jQuery,jquery ui, bootstrap, swiper,vue.js等技術, 完成大型PC端項目開發 |
(1)微信場景應用:微信開發,如何調用微信 JSSDK,調用微信客戶端功能,瀏覽器/服務器數據交互原理,BootStrap 布局,前端模板,分頁制作,圖片異步加載,CSS3 特性使用,如何快速的解決問題; (2)HybridApp開發【vue 框架】:vuejs 的解析過程分析,指令,過濾器,自定義過濾器的書寫,路由 Router 配置,表單驗證,雙向綁定、依賴注入的理解,服務,自定義服務的開發,使用 vue.JS 開發一個項目,打包,將項目嵌入到 Native 中; (3)HybridApp 開發【原生 vue+HTML5+mui+CSS3】:WebView 的配置,HTML5 和 Java 的互相調用,如何調試問題,混合式開發性能優化實踐,發布一個混合式 APP; |