比照PC端網(wǎng)站開發(fā)觀念,學(xué)習(xí)培訓(xùn)并把握移動(dòng)端WAP站的開發(fā)設(shè)計(jì)技能。以項(xiàng)目推動(dòng)知識(shí)要點(diǎn),學(xué)習(xí)培訓(xùn)把握移動(dòng)端企業(yè)、款式適配iOS與Android等一系列知識(shí)要點(diǎn),進(jìn)而完成移動(dòng)端WAP站的開發(fā)設(shè)計(jì)。教學(xué)目標(biāo):把握HTML5和CSS3等標(biāo)識(shí)與屬性英語的語法,加強(qiáng)對(duì)標(biāo)識(shí)及屬性的了解與記憶力
根據(jù)把握文本三屬性、實(shí)體化三屬性,可以迅速了解網(wǎng)頁頁面構(gòu)造的構(gòu)成原理,完成精確合理布局
把握網(wǎng)頁界面設(shè)計(jì)及各種各樣合理布局流:彈性布局、圣杯布局、雙飛翼合理布局、規(guī)范流、波動(dòng)流、精準(zhǔn)定位流等
嫻熟應(yīng)用項(xiàng)目目錄、混亂與有序列表、照片與連接等,完成網(wǎng)頁頁面原素多元化,并橋接站點(diǎn)
嫻熟應(yīng)用導(dǎo)航欄與移動(dòng)門、報(bào)表與表格
把握父相子絕、父固子絕、精準(zhǔn)定位垂直居中等高級(jí)精準(zhǔn)定位觀念,進(jìn)而完成網(wǎng)頁頁面移位原素的初始化
把握html5詞義化標(biāo)識(shí)及CSS2、CSS3屬性
嫻熟應(yīng)用animation、transform、transition等C3屬性造就網(wǎng)頁頁面動(dòng)漫實(shí)際
把握相對(duì)路徑與路徑、css英語的語法與特點(diǎn)、背景兩者之間拆分撰寫
把握網(wǎng)頁頁面坍塌原理及解決方法、css選擇符、偽類
把握波動(dòng)與清除浮動(dòng)、精靈圖sprite、C3屬性、rem與em等
移動(dòng)端WAP站開發(fā)設(shè)計(jì)
環(huán)節(jié)項(xiàng)目:《DZ論壇》、《天貓/京東電商網(wǎng)站》
課程內(nèi)容技術(shù)性點(diǎn):(JavaScript)打造出學(xué)員編程思維,靈活運(yùn)用JavaScript底層邏輯與運(yùn)用,根據(jù)細(xì)致解讀公司級(jí)商城系統(tǒng)的繁雜領(lǐng)域模型,讓學(xué)員深入了解協(xié)作開發(fā)流程,并有工作能力處理開發(fā)設(shè)計(jì)全過程碰到的各種難題,如電腦瀏覽器兼容性問題。教學(xué)目標(biāo):把握復(fù)印與彈窗、自變量、基礎(chǔ)基本數(shù)據(jù)類型與繁雜基本數(shù)據(jù)類型、數(shù)據(jù)信息類型轉(zhuǎn)換等
對(duì)內(nèi)嵌目標(biāo)、JSON技術(shù)性、預(yù)加載、ECMAScript、DOM、BOM、JS兼容性測(cè)試有刻骨銘心的了解
嫻熟應(yīng)用動(dòng)漫涵數(shù)封裝、圖片輪播、買東西瀏覽、tab切換欄等動(dòng)畫特效等作用
了解把握let與const等增加英語的語法、Promise、Generator、Async-await、結(jié)構(gòu)、內(nèi)嵌目標(biāo)拓展、JavaScript面向?qū)ο缶幊逃^念、目標(biāo)的建立、閉包、詳細(xì)說明原形與原型鏈、ES6面向?qū)ο缶幊?br /> 把握this、作用域、Class、constructor與super等
把握觀察者模式、計(jì)時(shí)器、同歩與異步編程、工廠模式、構(gòu)造函數(shù)、目標(biāo)字面量、變量提升、作用域、作用域鏈、瀏覽標(biāo)準(zhǔn)、混合式教學(xué)承繼、公布定閱、單例模式、call、apply、bind、獨(dú)享組員與權(quán)利方式 等環(huán)節(jié)項(xiàng)目:《DZ論壇》、《天貓/京東電商網(wǎng)站》
課程內(nèi)容技術(shù)性點(diǎn):(JQuery與動(dòng)畫特效架構(gòu)開發(fā)設(shè)計(jì)實(shí)戰(zhàn)演練)從源代碼剛開始解讀,靈活運(yùn)用網(wǎng)站開發(fā)中基本上全部動(dòng)畫特效架構(gòu),且從底層了解其邏輯性,學(xué)員能單獨(dú)進(jìn)行一個(gè)網(wǎng)站項(xiàng)目需要的常見互動(dòng)動(dòng)畫特效。教給鏈條式程序編寫原理及面向?qū)ο蠓椒ㄓ^念,涉及到移動(dòng)端及PC端網(wǎng)頁特效開發(fā)設(shè)計(jì),完成移動(dòng)端觸碰、拖動(dòng)、手式等作用。教學(xué)目標(biāo):靈活運(yùn)用JQuery撰寫標(biāo)準(zhǔn)與底層邏輯,搞懂鏈條式編程思想、面向?qū)ο蠓椒ㄩ_發(fā)設(shè)計(jì)觀念等
JQuery之hide、show、animate、fadeIn、fadeOut等方式
Wow.js與animate.css融合輕松玩網(wǎng)頁頁面動(dòng)畫特效,應(yīng)用ScrollReveal.js造成網(wǎng)頁頁面滾翻動(dòng)畫特效
預(yù)編譯語言less與sass的比照應(yīng)用與koala編譯程序
移動(dòng)端流行架構(gòu)zepto以及軟件的應(yīng)用、講解zepto源代碼
bootstrap柵格布局、部件應(yīng)用、軟件啟用、款式調(diào)整、版本號(hào)比照、icon參考環(huán)節(jié)項(xiàng)目:《DZ論壇》、《天貓/京東電商網(wǎng)站》
課程內(nèi)容技術(shù)性點(diǎn):(AJAX程序編寫與NodeJS服務(wù)器端開發(fā)設(shè)計(jì))根據(jù)對(duì)NodeJS的解讀,讓學(xué)員能了解后端工程師定義;可以單獨(dú)開發(fā)設(shè)計(jì)根據(jù)后臺(tái)管理插口的動(dòng)態(tài)網(wǎng)頁、Ajax數(shù)據(jù)信息互動(dòng)的項(xiàng)目;可以單獨(dú)進(jìn)行企業(yè)從前臺(tái)接待到后臺(tái)管理的基礎(chǔ)開發(fā)設(shè)計(jì)工作中,是前端工程師修練為全棧工程師不可或缺的一步。教學(xué)目標(biāo):了解并把握nodeJs基礎(chǔ)知識(shí)
靈活運(yùn)用http、url、路由器、fs等控制模塊,掌握多線程與同歩變換、靜態(tài)數(shù)據(jù)資源文檔管理等
把握文件夾名稱控制模塊、npm、nvm、ajax、formidable、ejs與jade模板引擎
把握Chrome瀏覽器debug方法
把握并行處理、線程同步等服務(wù)器端定義
了解并把握Express架構(gòu)、分布式數(shù)據(jù)庫、render、send、API、MongoDB、Mongoose、MySQL、NoSQL、數(shù)據(jù)庫查詢CRUD、涵數(shù)封裝、Cookie、LocalStorage、SessionStorage、MD5加密破譯、base64、表格登陸、WebSocket等環(huán)節(jié)項(xiàng)目:《DZ論壇》、《天貓/京東電商網(wǎng)站》、《科迅視頻網(wǎng)站》
課程內(nèi)容技術(shù)性點(diǎn):(ReactJs項(xiàng)目實(shí)戰(zhàn)演練)把MVC框架原理從底層講起,應(yīng)用Webpack從零搭建react項(xiàng)目,深層次把握react英語的語法與應(yīng)用精粹,讓學(xué)員靈便把握數(shù)據(jù)驅(qū)動(dòng)主視圖的觀念。教學(xué)目標(biāo):靈活運(yùn)用MVC框架原理,并能嫻熟應(yīng)用
把握虛似DOM及其其載入次序、復(fù)制連接點(diǎn)的提升、react的基本英語的語法等
把握J(rèn)SX、部件分拆、數(shù)據(jù)信息傳送、原形承繼拓展、內(nèi)寄生式組成承繼、class、sourcemap、webstorm與vscode軟件配備、情況部件與無狀態(tài)部件等
把握react-redux、部件民營化、生命期、setState、單邊數(shù)據(jù)信息關(guān)聯(lián)與雙重?cái)?shù)據(jù)信息關(guān)聯(lián)、state與props問題分析、箭頭函數(shù)、react-bus、axios、promise、路由器、路由器跳轉(zhuǎn)、loading載入情況等。環(huán)節(jié)項(xiàng)目:《DZ論壇》、《天貓/京東電商網(wǎng)站》、《科迅視頻網(wǎng)站》、《書城管理系統(tǒng)》
課程內(nèi)容技術(shù)性點(diǎn):(VueJs架構(gòu)項(xiàng)目實(shí)戰(zhàn)演練)靈活運(yùn)用中國前端開發(fā)紅架構(gòu)之一vue,并由教師領(lǐng)著學(xué)員感受真正公司開發(fā)流程,真實(shí)把握前后端分離開發(fā)設(shè)計(jì)。在全部vue學(xué)習(xí)管理體系中,大家以“Vue套餐”定義為關(guān)鍵,融合webpack,讓學(xué)員能自身從零開始構(gòu)建詳細(xì)項(xiàng)目。教學(xué)目標(biāo):把握雙重?cái)?shù)據(jù)信息關(guān)聯(lián)、擴(kuò)展槽、vue指令、循環(huán)系統(tǒng)、分辨、三元運(yùn)算符、tab欄、圖片輪播、todolist、目標(biāo)被劫持、computed、模版分離出來、setter與getter等
深刻領(lǐng)會(huì)并把握自定惡性事件、命令、部件可擴(kuò)展性研究、擴(kuò)展槽高級(jí)使用方法、生命期、優(yōu)先選擇3D渲染對(duì)策、axios、nrm、npm、npx、vue-style-loader、vue-cli、vue-dev-tools、路由器router等
把握程序編寫式導(dǎo)航欄、動(dòng)態(tài)路由、外逃路由器、base選擇項(xiàng)、中間惡性事件系統(tǒng)總線、SPA、API原理等
靈活運(yùn)用懶加載、EventBus、keep-alive、導(dǎo)航欄守護(hù)、use方式 、登陸阻攔、vuex、mutations、getters、actions、state、ElementUI、部件封裝等
應(yīng)用Echarts完成大大數(shù)據(jù)可視化,使網(wǎng)頁頁面數(shù)據(jù)圖表主視圖展現(xiàn)環(huán)節(jié)項(xiàng)目:《DZ論壇》、《天貓/京東電商網(wǎng)站》、《科迅視頻網(wǎng)站》、《書城管理系統(tǒng)》