【課程介紹】

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

【課程設計理念】

一、以崗位需求為基礎

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

二、以技能培訓為目標

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

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

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

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

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

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

三、以就業模擬為核心

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

【課程體系】

第 一階段：HTML5基礎課程

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

課程特點：

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

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

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

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

學習難度：2

平均薪酬：2000-3000

學習內容：

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

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

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

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

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

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

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

第二階段：基礎課程

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

課程特點：

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

2、通過各種實戰讓學員在業務水平上有質的提升。

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

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

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

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

學習難度：3

平均薪酬：3000-4000

學習內容：

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

2、D0M、B0M學習，掌握對節點結構和內容的操作，實現界面跟隨數據動態改變。

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

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

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

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

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

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

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

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

第三階段：全棧開發課程

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

課程特點：

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

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

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

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

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

學習難度：4

平均薪酬：5000-7000

學習內容：

1、PHP+MySql學習，完成數據的持久化存儲，實現前端和后臺的一體化編程。

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

3、學習Nodejs開發基礎和網絡框架。

4、學習網絡爬蟲設計和實現。

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

第四階段：流程框架-企業項目實戰

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

課程特點：

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

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

3、產出對應上線項目。

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

學習難度：5

平均薪酬：6000-10000

學習內容：

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

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

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

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

第五階段：企業模擬

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

課程特點：

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

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

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

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

學習難度：5

平均薪酬：6000-12000

學習內容：

1、企業環境介紹了解，新人進入企業工作流程介紹。

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

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

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

【項目介紹】

項目名稱：小米商城

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

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

適應階段：一階段

項目名稱：京東（待定）

項目實訓能力：實現可交互的動態頁面，培養學員對有深入的理解和實戰能力；學員能夠實現后端數據的請求與展示；教會學員如何編寫高效的、可維護的代碼。

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

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

項目名稱：餓了么

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

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

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

【課程優勢】

一、貼合企業需求的就業技能培養

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

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

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

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

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

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

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

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

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

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

五、HTML5行業職場規劃

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

2、專業的職業規劃課程，提高學員的軟實力。

【教學模式】

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

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

【師資介紹】

小宇老師-班主任

教齡：3年

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

丹丹老師-班主任

教齡：5年

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

安老師-Java、Python

教齡：6年

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

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

【教學現場】

【學校簡介】

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

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

【學校環境】