H5前端開發(fā)工程師培訓(xùn)班

【課程介紹】

《H5前端開發(fā)》課程以企業(yè)崗位需求為基礎(chǔ)，以企業(yè)真實技術(shù)整理知識體系，以實用技術(shù)為核心，確定目標(biāo)崗位標(biāo)準(zhǔn)，并依據(jù)崗位標(biāo)準(zhǔn)確定培訓(xùn)目標(biāo)，拆解企業(yè)真實項目作為課堂案例，按行業(yè)標(biāo)準(zhǔn)培養(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è)計理念】

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

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

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

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

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

第二階段培養(yǎng)扎實的基礎(chǔ)，簡歷良好的編程思想，能夠熟練實現(xiàn)Web頁面動態(tài)交互和后端數(shù)據(jù)的更新展示。深入理解面向?qū)ο笏枷耄炀殞嵱贸Ｓ迷O(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é)的知識既有深度又有廣度的擴(kuò)展。

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

3、每一個知識點都是以線上案例進(jìn)行分析講解，項目期學(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í)，增強(qiáng)學(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、通過綜合性項目，強(qiáng)化學(xué)員對JS的綜合應(yīng)用水平，提升學(xué)員對交互式的開發(fā)能力。

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

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

學(xué)習(xí)目的：掌握J(rèn)S基礎(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í)，掌握J(rèn)S動畫制作原理，增強(qiáng)網(wǎng)頁用戶體驗度。

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

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

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

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

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

學(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è)計能力，增強(qiáng)學(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í)，掌握當(dāng)前市場流行技術(shù)，提高網(wǎng)頁的開發(fā)效率。

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

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

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

課程特點：

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)境介紹了解，新人進(jìn)入企業(yè)工作流程介紹。

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

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

學(xué)完能力：完成課程后學(xué)員可以在入職后自如的應(yīng)對職場場景，能夠快速的融入團(tuán)隊，熟練的使用所學(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)目標(biāo)：了解企業(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é)員如何編寫高效的、可維護(hù)的代碼。

項目實訓(xùn)目標(biāo)：熟練的使用實現(xiàn)頁面的動態(tài)交互；熟練結(jié)構(gòu)出課維護(hù)的前端項目；熟練的使用設(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)目標(biāo)：項目通過企業(yè)級實現(xiàn)項目幫助學(xué)員認(rèn)識企業(yè)項目開發(fā)流程，業(yè)務(wù)邏輯的設(shè)計，熟練快速的使用框架產(chǎn)出項目解決方案，同時對已經(jīng)學(xué)過的知識進(jìn)行總結(jié)和擴(kuò)展，提升學(xué)員對web前端項目開發(fā)經(jīng)驗。

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

【課程優(yōu)勢】

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

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

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

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

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

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

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

1、課程是由一個企業(yè)級項目全線貫穿，通過四個月不斷積攢和完善，產(chǎn)出一個可以商用級的項目。而不是小作坊作風(fēng)幾天就產(chǎn)出一個項目，學(xué)員還沒有進(jìn)入項目狀態(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é)員的軟實力。

【教學(xué)模式】

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

碼上未來始終秉承“立足精英時代，培養(yǎng)時代精英”的使命，以技術(shù)視角關(guān)注IT產(chǎn)業(yè)發(fā)展，以深度分享推進(jìn)產(chǎn)業(yè)技術(shù)成長，致力于引領(lǐng)中國IT人才實踐教學(xué)新模式，努力打造高質(zhì)量值得信賴的IT人才服務(wù)平臺。

【師資介紹】

小宇老師-班主任

教齡：3年

從事教育行業(yè)多年，有著豐富得教育經(jīng)驗，對行業(yè)發(fā)展有著清晰得認(rèn)識。擅長職業(yè)規(guī)劃，曾幫助很多學(xué)生走出迷茫期，找到人生方向！

丹丹老師-班主任

教齡：5年

從事教育行業(yè)多年，熱衷教育行業(yè)，具備豐富得職業(yè)規(guī)劃經(jīng)驗，對國內(nèi)就業(yè)發(fā)展有著深入的了解，熟悉IT行業(yè)發(fā)展背景，擅長幫助迷茫、轉(zhuǎn)行的人，找到適合自己未來發(fā)展方向和人生職業(yè)道路，深受學(xué)生和家長喜歡。

安老師-Java、Python

教齡：6年

具有10年以上IT行業(yè)開發(fā)經(jīng)驗，6年教學(xué)及管理經(jīng)驗，擁有及其豐富的Java教學(xué)和培訓(xùn)經(jīng)驗。

參與過創(chuàng)業(yè)公司技術(shù)合伙人，擔(dān)任技術(shù)經(jīng)理，負(fù)責(zé)團(tuán)隊從移動端到后臺Java平臺的搭建，對Spring MVC,My Batis,Struts2,Hibernate等主流開源框架的開發(fā)及實現(xiàn)原理、應(yīng)用場合有深入理解。語言功底扎實渾厚，精通面向?qū)ο?、?shù)據(jù)結(jié)構(gòu)、設(shè)計模式和算法，另外對游戲開發(fā)、虛擬現(xiàn)實、增強(qiáng)現(xiàn)實等技術(shù)領(lǐng)域都有深厚的經(jīng)驗。講課風(fēng)格詼諧幽默，直戳重點，引入深思，深受學(xué)員喜愛。

【教學(xué)現(xiàn)場】

【學(xué)校簡介】

碼上未來科技（大連）有限公司（以下簡稱“碼上未來”），成立于2019年5月，是一家專注于IT職業(yè)培訓(xùn)的專業(yè)機(jī)構(gòu)。憑借對IT互聯(lián)網(wǎng)行業(yè)發(fā)展脈搏的深度把握，不斷創(chuàng)新，致力打造IT教育全產(chǎn)業(yè)鏈人才服務(wù)平臺。

碼上未來服務(wù)于高端IT開發(fā)人才的培養(yǎng)，教學(xué)大綱緊跟企業(yè)實際需求，**課程內(nèi)容緊隨IT互聯(lián)網(wǎng)發(fā)展步伐，課程包含：HTML5、Java EE、Python+人工智能、前端與移動開發(fā)、C/C++、全鏈路UI/UE設(shè)計、云計算、智能物聯(lián)網(wǎng)、Unity游戲開發(fā)等全棧開發(fā)學(xué)習(xí)內(nèi)容。旨在通過立體化的人才培養(yǎng)，為企業(yè)輸送能夠創(chuàng)造價值和帶來效益的IT職業(yè)精英。

【學(xué)校環(huán)境】