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

【課程介紹】

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

【課程設計理念】

一、以崗位需求為基礎

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

二、以技能培訓為目標

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

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

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

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

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

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

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

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

【課程體系】

第 一階段：HTML5基礎課程

課程定位：面向零基礎學員，主要學習內容XHTML，CSS，HTML5，CSS3，PS，SE0優(yōu)化等技術。

課程特點：

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

2、教會學員以設計的思維去思考，構建更加合理的布局結構和布局內容，提高產品SE0綜合排名。

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

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

學習難度：2

平均薪酬：2000-3000

學習內容：

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

2、XHTML和CSS學習掌握基本的網頁布局，完成靜態(tài)網頁設計。

3、HTML5和CSS3學習掌握視頻，音頻，3D變換，動畫等知識，豐富網頁內容顯示，同時提高用戶體驗度，增加網頁逼格。

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

5、浮動布局，定位布局學習，使學員能夠完成頁面更加復雜的結構布局。

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

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

第二階段：基礎課程

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

課程特點：

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

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

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

4、面向技術提升，通過面向對象思想和設計模式，讓學員在編程思想上全面的提升。

5、通過設計模式的學習，能夠有所總結，根據(jù)面對象的設計原則，熟練應用編程技巧實現(xiàn)代碼重構。

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

學習難度：3

平均薪酬：3000-4000

學習內容：

1、基礎語法學習使學員掌握語言基本的語法結構和一定的邏輯編程思維。

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

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

4、JS動畫學習，掌握JS動畫制作原理，增強網頁用戶體驗度。

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

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

7、面向對象學習，掌握前端流行的開發(fā)思想00P編程，實現(xiàn)代碼封裝思想，降低代碼耦合度。

8、主流設計模式學習，掌握當下先進的編程思想，編寫高質量代碼，提高代碼的運行效率。

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

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

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

課程定位：面向具有一定的HTML，CSS和JS基礎，能夠獨立完成各種web頁面搭建，并能夠實現(xiàn)完善的界面交互的同學。

課程特點：

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

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

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

4、增加網絡爬蟲和安全攻防課程，這點是咱們課程上的有事，讓學員出去共有競爭力。

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

學習難度：4

平均薪酬：5000-7000

學習內容：

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

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

3、學習Nodejs開發(fā)基礎和網絡框架。

4、學習網絡爬蟲設計和實現(xiàn)。

5、學習Web安全攻防（XSS和CSRF漏洞的利用與防御）。

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

課程定位：面向具有一定的HTML，CSS和JS基礎，能夠獨立完成各種web頁面搭建，并能夠實現(xiàn)完善的界面交互的同學，具有良好的面向對象思想，熟練使用常用設計模式。

課程特點：

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

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

3、產出對應上線項目。

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

學習難度：5

平均薪酬：6000-10000

學習內容：

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

2、框架設計，熟悉常見架構的應用和實現(xiàn)原理。

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

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

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

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

課程特點：

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

2、教會學員如何去分析項目，如何快速的入手新的項目。

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

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

學習難度：5

平均薪酬：6000-12000

學習內容：

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

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

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

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

【項目介紹】

項目名稱：小米商城

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

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

適應階段：一階段

項目名稱：京東（待定）

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

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

適應階段：二階段、三階段

項目名稱：餓了么

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

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

適應階段：四階段、五階段、六階段

【課程優(yōu)勢】

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

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

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

二、由淺入深，多元化教學

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

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

三、主線積攢學習，支線練習成長

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

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

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

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

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

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

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

【教學模式】

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

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

【師資介紹】

小宇老師-班主任

教齡：3年

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

丹丹老師-班主任

教齡：5年

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

安老師-Java、Python

教齡：6年

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

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

【教學現(xiàn)場】

【學校簡介】

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

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

【學校環(huán)境】