大連Web前端開發(fā)（HTML5方向）

H5前端開發(fā)

《H5前端開發(fā)》課程以企業(yè)崗位需求為基礎(chǔ)，以企業(yè)真實技術(shù)整理知識體系，以實用技術(shù)為核心， 確定目標崗位標準，并依據(jù)崗位標準確定培訓(xùn)目標，拆解企業(yè)真實項目作為課堂案例， 按行業(yè)標準培養(yǎng)學(xué)員能力。通過4個階段的學(xué)習(xí)夯實學(xué)員基礎(chǔ)，建立良好的編程思想，掌握前端開發(fā)流程，了解后端內(nèi)容，提高學(xué)員整體架構(gòu)能力，熟練使用主流框架Vue、Angular、React等技術(shù)，應(yīng)用于企業(yè)級實戰(zhàn)項目，提高學(xué)員職業(yè)應(yīng)對能力，掌握企業(yè)工作方法和流程，熟悉企業(yè)開發(fā)方式和 問題解決流程。

課程設(shè)計理念——以就業(yè)為導(dǎo)向

一、以崗位需求為基礎(chǔ)：

課程緊跟企業(yè)技術(shù)更新的節(jié)奏，根據(jù)企業(yè)的崗位需求更新迭代內(nèi)容，讓所有學(xué)員達到畢業(yè)即就業(yè)的標準。

二、以技能培訓(xùn)為目標

課程體系根據(jù)企業(yè)崗位需求，拆解企業(yè)真實項目作為課堂案例，培養(yǎng)學(xué)員技術(shù)能力。

第一階段培養(yǎng)扎實的PC端頁面布局和WebApp頁面布局，具有良好布局思路和SE0思想。

第二階段培養(yǎng)扎實的基礎(chǔ)，簡歷良好的編程思想，能夠熟練實現(xiàn)Web頁面動態(tài)交互和后端數(shù)據(jù)的更新展示。深入理解面向?qū)ο笏枷?，熟練實用常用設(shè)計模式優(yōu)化項目開發(fā)，掌握Canvas游戲引擎設(shè)計并實現(xiàn)游戲開發(fā)。

第三階段了解后端開發(fā)流程，能夠產(chǎn)出后端解決方案，掌握Web開發(fā)常見安全漏洞，并具有產(chǎn)出相應(yīng)解決方案能力。

第四階段提高學(xué)員整體架構(gòu)能力，熟練實用主流框架產(chǎn)出企業(yè)級解決方案。

第五階段提高學(xué)員職業(yè)應(yīng)對能力，掌握企業(yè)工作方法和流程，熟悉企業(yè)開發(fā)方式和問題解決流程。

三、以就業(yè)模擬為核心

企業(yè)工作環(huán)境和工作方式是學(xué)員陌生的地方，而企業(yè)要求待入職員工具備良好的職業(yè)經(jīng)驗。課程真實模擬企業(yè)工作環(huán)境與工作流程，教會學(xué)員如何分析一個項目的完整架構(gòu)并找到項目的入口及出口。

課程體系介紹

第一階段：HTML5基礎(chǔ)課程

課程定位：面向零基礎(chǔ)學(xué)員，主要學(xué)習(xí)內(nèi)容XHTML，CSS， HTML5，CSS3，PS，SE0優(yōu)化等技術(shù)。

課程特點：

1、知識點歸類總結(jié)，以點到面，讓學(xué)員對于所學(xué)的知識既有深度又有廣度的擴展。

2、教會學(xué)員以設(shè)計的思維去思考，構(gòu)建更加合理的布局結(jié)構(gòu)和布局內(nèi)容，提高產(chǎn)品SE0綜合。

3、每一個知識點都是以線上案例進行分析講解，項目期學(xué)員將之前學(xué)的知識整合即可實現(xiàn)整體頁面的構(gòu)建。

學(xué)習(xí)目的：熟悉每種類型項目的架構(gòu)和設(shè)計思路，并可以獨立的搭建完成各種類型靜態(tài)頁面。

學(xué)習(xí)難度：2

平均薪酬：2000-3000

學(xué)習(xí)內(nèi)容：

1、 photoshop實現(xiàn)PSD設(shè)計圖元素的提取，位置的測量和像素比例的設(shè)置等。

2、 XHTML和CSS學(xué)習(xí)掌握基本的網(wǎng)頁布局，完成靜態(tài)網(wǎng)頁設(shè)計。

3、 HTML5和CSS3學(xué)習(xí)掌握視頻，音頻，3D變換，動畫等知識，豐富網(wǎng)頁內(nèi)容顯示，同時提高用戶體驗度，增加網(wǎng)頁逼格。

4、媒體查詢，彈性盒布局學(xué)習(xí)掌握流式布局，媒體查詢等移動端開發(fā)技術(shù)，完成移動端開發(fā)和不同移動設(shè)備適配。

5、浮動布局，定位布局學(xué)習(xí)，使學(xué)員能夠完成頁面更加復(fù)雜的結(jié)構(gòu)布局。

6、綜合項目練習(xí)，增強學(xué)員對以上學(xué)習(xí)的知識的綜合應(yīng)用能力，同時大限度模擬公司實戰(zhàn)開發(fā)，累積學(xué)員項目實戰(zhàn)經(jīng)驗，更快適應(yīng)企業(yè)開發(fā)實戰(zhàn)要求。

學(xué)完能力：課程結(jié)束后學(xué)員可以獨立的完成京東、、映紛視覺企業(yè)官網(wǎng)、活力廣東、botlist、小米商城等各種類型的靜態(tài)頁面開發(fā)。

第二階段：基礎(chǔ)課程

課程定位：面向具有一定HTML和CSS基礎(chǔ)，能夠獨立完成各種靜態(tài)頁面布局的學(xué)員。

課程特點：

1、通過實景分析熟練掌握各種界面交互。

2、通過各種實戰(zhàn)讓學(xué)員在業(yè)務(wù)水平上有質(zhì)的提升。

3、通過綜合性項目，強化學(xué)員對JS的綜合應(yīng)用水平，提員對交互式的開發(fā)能力。

4、面向技術(shù)提升，通過面向?qū)ο笏枷牒驮O(shè)計模式，讓學(xué)員在編程思想上的提升。

5、通過設(shè)計模式的學(xué)習(xí)，能夠有所總結(jié)，根據(jù)面對象的設(shè)計原則，熟練應(yīng)用編程技巧實現(xiàn)代碼重構(gòu)。

學(xué)習(xí)目的：掌握JS基礎(chǔ)語法，能夠熟練運用方法解決業(yè)務(wù)邏輯和動態(tài)交互效果。熟練使用框架。輕松實現(xiàn)常見動態(tài)交互效果，D0M操作，熟練運用JQuery等基礎(chǔ)框架，提高開發(fā)效率。

學(xué)習(xí)難度：3

平均薪酬：3000-4000

學(xué)習(xí)內(nèi)容：

1、 基礎(chǔ)語法學(xué)習(xí)使學(xué)員掌握語言基本的語法結(jié)構(gòu)和一定的邏輯編程思維。

2、 D0M、B0M學(xué)習(xí)，掌握對節(jié)點結(jié)構(gòu)和內(nèi)容的操作，實現(xiàn)界面跟隨數(shù)據(jù)動態(tài)改變。

3、 事件學(xué)習(xí)，掌握豐富的PC端操作事件和移動端操作事件，輕松實現(xiàn)網(wǎng)頁多種多樣的用戶交互的效果。

4、JS動畫學(xué)習(xí)，掌握JS動畫制作原理，增強網(wǎng)頁用戶體驗度。

5、Ajax服務(wù)器端通信原理學(xué)習(xí)，明確前端和服務(wù)器的交互原理，實現(xiàn)數(shù)據(jù)真正意義上的遠程傳輸。

6、jQuery、Zepto等前端框架學(xué)習(xí)，貼近公司開發(fā)，提高學(xué)員交互式的開發(fā)效率。

7、面向?qū)ο髮W(xué)習(xí)，掌握前端流行的開發(fā)思想00P編程，實現(xiàn)代碼封裝思想，降低代碼耦合度。

8、主流設(shè)計模式學(xué)習(xí)，掌握當下先進的編程思想，編寫高質(zhì)量代碼，提高代碼的運行效率。

9、 canvas動畫學(xué)習(xí)，提高動畫的執(zhí)行效率，增強動畫在移動端的流暢度。

學(xué)完能力：課程學(xué)習(xí)結(jié)束后學(xué)員可以獨立的完成京東、移動端、360瀏覽器宣傳頁、飛揚的小鳥、小米商城等涉及后端數(shù)據(jù)交互和用戶交互的動態(tài)頁面開發(fā)。

第三階段：全棧開發(fā)課程

課程定位：面向具有一定的HTML，CSS和JS基礎(chǔ)，能夠獨立完成各種web頁面搭建，并能夠?qū)崿F(xiàn)完善的界面交互的同學(xué)。

課程特點：

1、學(xué)會一種后端語言，讓學(xué)員了解后端的實現(xiàn)，通過實現(xiàn)后端接口，具備一定的后端開發(fā)能力。

2、在講解上需要按照實際企業(yè)的方式去思考和講解，不能讓學(xué)生產(chǎn)生誤解起到反作用。

3、學(xué)員學(xué)完這個階段后，就會知道企業(yè)前后端交互的思想，更容易和其他部門溝通，增加學(xué)員工作資歷

4、增加網(wǎng)絡(luò)爬蟲和安全攻防課程，這點是咱們課程上的有事，讓學(xué)員出去共有競爭力。

學(xué)習(xí)目的：掌握一門服務(wù)端語言，熟悉協(xié)議，了解安全攻防，前后端整體貫通，為全棧開發(fā)打下基礎(chǔ)。

學(xué)習(xí)難度：4

平均薪酬：5000-7000

學(xué)習(xí)內(nèi)容：

1、PHP+MySql學(xué)習(xí)，完成數(shù)據(jù)的持久化存儲，實現(xiàn)前端和后臺的一體化編程。

2、接口設(shè)計和HTTP協(xié)議使學(xué)員更加熟悉后臺服務(wù)器的運行原理，同時使學(xué)員具備一定的接口設(shè)計能力，增強學(xué)員跟后臺的溝通能力。

3、學(xué)習(xí)Nodejs開發(fā)基礎(chǔ)和網(wǎng)絡(luò)框架。

4、學(xué)習(xí)網(wǎng)絡(luò)爬蟲設(shè)計和實現(xiàn)。

5、學(xué)習(xí)Web安全攻防（XSS和CSRF漏洞的利用與防御）。

第四階段：流程框架-企業(yè)項目實戰(zhàn)

課程定位：面向具有一定的HTML，CSS和JS基礎(chǔ)，能夠獨立完成各種web頁面搭建，并能夠?qū)崿F(xiàn)完善的界面交互的同學(xué)，具有良好的面向?qū)ο笏枷?，熟練使用常用設(shè)計模式。

課程特點：

1、學(xué)會項目管理打包編譯工具，質(zhì)量控制，模板引擎，單元測試等工具

2、熱門框架精通一種，Vue與React Native代表。

3、產(chǎn)出對應(yīng)上線項目。

學(xué)習(xí)目的：熟練使用業(yè)界項目工程相關(guān)工具，精通一種框架，了解各個框架的特點，合理使用框架解決PC端，移動端，APP端各類業(yè)務(wù)需求。了解常見框架模式。知道原理。

學(xué)習(xí)難度：5

平均薪酬：6000-10000

學(xué)習(xí)內(nèi)容：

1、 項目管理打包編譯工具，質(zhì)量控制，模板引擎，ES6/ES7編譯轉(zhuǎn)換，單元測試等工具的學(xué)習(xí)，使學(xué)員集項目開發(fā)，測試和打包上線于一身。

2、框架設(shè)計，熟悉常見架構(gòu)的應(yīng)用和實現(xiàn)原理。

3、主流框架（Vue.js、Angular、react、Node.js、React Native、小程序等）學(xué)習(xí)，掌握當前市場流行技術(shù)，提高網(wǎng)頁的開發(fā)效率。

學(xué)完能力：完成課程后學(xué)員可以熟練的使用框架解決各種類型web前端項目開發(fā)例如：京東、、餓了么、攜程網(wǎng)、窮游等，同時可將以上項目產(chǎn)出小程序版本。

第五階段：企業(yè)模擬

教學(xué)定位：面向具備良好的web前端技術(shù)基礎(chǔ)，能夠獨立的解決主流類型項目的開發(fā)與維護。

課程特點：

1、全實模擬企業(yè)工作環(huán)境和流程，從員工入職后個任務(wù)開始安排。

2、教會學(xué)員如何去分析項目，如何的入手新的項目。

3、每個項目都有真實的業(yè)務(wù)邏輯集合，積累學(xué)員真實的工作經(jīng)驗。

學(xué)習(xí)目的：具有扎實的web前段基礎(chǔ)，能夠熟練解決和應(yīng)對各種開發(fā)中遇到的問題，熟知企業(yè)的工作流程和業(yè)務(wù)知識。

學(xué)習(xí)難度：5

平均薪酬：6000-12000

學(xué)習(xí)內(nèi)容：

1、企業(yè)環(huán)境介紹了解，新人進入企業(yè)工作流程介紹。

2、入職后份任務(wù)，如何基于現(xiàn)有項目迭代。

3、時間管理、工作流程管理，如何拋出問題。

學(xué)完能力：完成課程后學(xué)員可以在入職后自如的應(yīng)對職場場景，能夠的融入團隊，熟練的使用所學(xué)技能完成公司開發(fā)任務(wù)。

項目介紹

項目名稱：小米商城

項目實訓(xùn)能力：通過項目培養(yǎng)學(xué)生對HTML+CSS階段的技能實戰(zhàn)，讓學(xué)員可以在學(xué)習(xí)中積攢項目能力；培養(yǎng)學(xué)生可以獨立的完成各種類型頁面的搭建；實現(xiàn)頁面中常用動畫展示；學(xué)員能夠熟練的解決各種瀏覽器兼容問題和響應(yīng)式布局開發(fā)。

項目實訓(xùn)目標：了解企業(yè)設(shè)計的思路和布局方式，熟練的掌握HTML和CSS的布局原理和應(yīng)用方式；熟練使用git版本工具管理項目代碼；熟練掌握頁面SE0技巧。

適應(yīng)階段：一階段

項目名稱：京東（待定）

項目實訓(xùn)能力：實現(xiàn)可交互的動態(tài)頁面，培養(yǎng)學(xué)員對有深入的理解和實戰(zhàn)能力；學(xué)員能夠?qū)崿F(xiàn)后端數(shù)據(jù)的請求與展示；教會學(xué)員如何編寫的、可維護的代碼。

項目實訓(xùn)目標：熟練的使用實現(xiàn)頁面的動態(tài)交互；熟練結(jié)構(gòu)出課維護的前端項目；熟練的使用設(shè)計模式將復(fù)雜問題分解成一個一個的小的模塊，具有的工作效率。

適應(yīng)階段：二階段、三階段

項目名稱：餓了么

項目實訓(xùn)能力：學(xué)員通過實訓(xùn)項目，能夠熟練的使用一種主流框架實現(xiàn)企業(yè)級項目開發(fā)；培養(yǎng)學(xué)員掌握企業(yè)級項目的分析思路和設(shè)計原理，通過使用框架實現(xiàn)規(guī)范的項目構(gòu)建，并在分析問題、解決問題、查閱資料和動手實踐方面獲得應(yīng)的提高。

項目實訓(xùn)目標：項目通過企業(yè)級實現(xiàn)項目幫助學(xué)員認識企業(yè)項目開發(fā)流程，業(yè)務(wù)邏輯的設(shè)計，熟練的使用框架產(chǎn)出項目解決方案，同時對已經(jīng)學(xué)過的知識進行總結(jié)和擴展，提員對web前端項目開發(fā)經(jīng)驗。

適應(yīng)階段：四階段、五階段、六階段

課程優(yōu)勢

一、貼合企業(yè)需求的就業(yè)技能培養(yǎng)

1、實時分析阿里巴巴、京東、餓了么、小米等企業(yè)項目和技術(shù)，根據(jù)市場需求的變更及時調(diào)整課程體系，企業(yè)里用什么，我們的課程就會包含什么。

2、企業(yè)級的項目案例，覆蓋面廣、實用性強，打造“一專多能”的符合型人才，適應(yīng)企業(yè)需求，拓寬職業(yè)發(fā)展空間。

二、由淺入深，多元化教學(xué)

1、課程從基礎(chǔ)到，循循漸進，由淺入深從靜態(tài)頁面布局，到動態(tài)頁面交互，前后端數(shù)據(jù)溝通，再到企業(yè)級項目實戰(zhàn)，讓學(xué)員知識金字塔式成長，對于零基礎(chǔ)學(xué)員也沒有任何的難度。

2、講師面授講解，全程錄屏回顧，知識點視頻擴展，讓學(xué)員毫無死角的提升。

三、主線積攢學(xué)習(xí)，支線練習(xí)成長

1、課程是由一個企業(yè)級項目全線貫穿，通過四個月不斷積攢和完善，產(chǎn)出一個可以商用級的項目。而不是小作坊作風(fēng)幾天就產(chǎn)出一個項目，學(xué)員還沒有進入項目狀態(tài)就已經(jīng)結(jié)束了。

2、每日的作業(yè)練習(xí)是以一個支線項目貫穿，學(xué)員將每天所學(xué)和主線項目的總結(jié)，實戰(zhàn)到作業(yè)中，讓學(xué)員對于每日所學(xué)理解更加深入，實戰(zhàn)更加順手。

四、主攻一種框架，以防貪多嚼不爛

市面上的框架眼花繚亂每天都有新的框架發(fā)布，學(xué)員對于大量的框架選擇無從下手，本套課程在框架學(xué)習(xí)上課程會根據(jù)市場需求，選擇一個佳的框架作為主講課程。投入大量時間和經(jīng)歷深入講解一個框架，讓學(xué)員出去后就可以熟練的使用框架產(chǎn)出解決方案。而不是每種框架都會，但是都是了解，毫無實戰(zhàn)能力。

五、HTML5行業(yè)職場規(guī)劃

1、模擬職業(yè)素質(zhì)場景，讓學(xué)員在切身體驗中提高職場能力。

2、專業(yè)的職業(yè)規(guī)劃課程，提高學(xué)員的軟實力。

直接撥打即可預(yù)約申請免費試學(xué)！

怕錢不夠？

可分期付款學(xué)費！

怕沒時間？

就業(yè)班、業(yè)余班兩種班型任你選擇！

怕學(xué)不會？

教學(xué)采用全程面授高品質(zhì)、高體驗培養(yǎng)模式，特別重視學(xué)員實踐能力的培養(yǎng)，根據(jù)個人學(xué)習(xí)計劃提供視頻、圖文、答疑、作業(yè)批改等服務(wù)，旨在讓零基礎(chǔ)學(xué)員輕松入門。

擔(dān)心就業(yè)？

依托眾多合作企業(yè)資源，提供就業(yè)和薪資服務(wù)，讓學(xué)員畢業(yè)就能贏得高薪和名企。

碼上未來，成就你更好的未來！