HTML5大前端培訓課程

【課程內容】

基礎課

第 一天

課程案例：

費曼學習法、響應式、閱讀案例結構搭建

掌握技能：

1、熟悉項目開發(fā)流程

2、熟練掌握瀏覽器控制臺和Hbuilder軟件的應用

3、熟練掌握HTML常用標簽，會搭建基礎的頁面結構

第二天

課程案例：

千鋒教育和健康頁面搭建書寫

掌握技能：

1、掌握基礎的css語法和引入方式

2、熟練并且使用css選擇器和相關屬性

3、能夠獨立搭建簡單的頁面

第三天

課程案例：

紅英頁面、知乎案例、小鹿、視覺差頁面搭建

掌握技能：

1、熟練掌握盒子模型的相關概念和應用

2、熟練掌握背景相關屬性的用法和使用場景

3、能夠獨立搭建視覺差效果

第四天

課程案例：

啟夢科技布局搭建

掌握技能：

1、熟練掌握浮動的原理和使用場景

2、掌握基本的pc端頁面的布局

3、熟練利用ps切圖、取色、測量

第五天

課程案例：

啟夢科技媒體報道頁面書寫

掌握技能：

1、能夠獨立的搭建pc端頁面

2、熟悉頁面布局過程中的bug和解決方式

第六天

課程案例：

婚禮紀首頁-移動端頁面

掌握技能：

1、了解dpr的計算和meta設置視口設置

2、獨立開發(fā)簡單的移動端頁面

第七天

課程案例：

1、尋找一個主題作為分享內容，利用ppt進行制作

2、利用思維導圖把已經經過的內容進行整理和自作

掌握技能：

1、熟練使用辦公軟件制作對應的主體內容

2、對于計算機的基礎配置內容認識和熟悉

第八天

課程案例：

武漢加油，解封武漢JS動態(tài)交互頁面

掌握技能：

1、掌握JS的基本用途

2、掌握基本的編程方法

3、掌握DOM操作

第九天

課程案例：

瀑布流布局效果

掌握技能：

1、掌握JQ樣式操作

2、掌握瀑布流布局

3、掌握JQ動畫

第十天

課程案例：

網頁版的keynote，制作個人簡歷

掌握技能：

1、掌握JS與自定義屬性的結合

2、掌握JS操作CSS3樣式

專業(yè)課

第 一階段前端頁面重構

掌握能力：

掌握PC端網頁開發(fā)，掌握移動端網頁開發(fā)，掌握HTML5CSS3新特性

勝任職位：

Web前端開發(fā)工程師、前端頁面布局與重構工程師

薪資水平：

4K-6K

實戰(zhàn)項目：

《Ghost開源博客平臺頁面的響應式布局》《足球圈M站布局》

第二階段JavaScript高級程序設計+PC端全棧開發(fā)

掌握能力：

1.掌握原生JavaScript交互功能開發(fā)、掌握面向對象進階與ES5/6/7/8/9/10應用、掌握JavaScript工具

庫開發(fā)

2.掌握jQuery經典交互特效開發(fā)、掌握Echarts數(shù)據(jù)可視化、掌握PHP+MySQL后端基礎

3.掌握前端工程化與模塊化應用

勝任職位：

Web前端工程師、高級Web前端工程師、網站開發(fā)工程師、移動前端開發(fā)工程師

薪資水平：

6K-10K

實戰(zhàn)項目：

《小米商城全棧開發(fā)》

第三階段Node.js后端開發(fā)+Vue.js前端框架+React前端框架+小程序開發(fā)

掌握能力：

1.掌握Node.js基礎、HTTP服務搭建、接口編寫

2.掌握VUE基礎及高級內容、掌握SPA開發(fā)、掌握vuex狀態(tài)管理

3.掌握React基礎及高級內容、掌握SPA開發(fā)、掌握redux狀態(tài)管理

4.掌握dva和umijs在企業(yè)開發(fā)中的應用

5.掌握小程序基礎及高級應用

6.掌握uni-app混合框架及多端小程序應用

勝任職位：

高級Web前端工程師、全棧工程師、移動前端App開發(fā)工程師、微信開發(fā)工程師、小程序開發(fā)工程師

薪資水平：

10K-15K

實戰(zhàn)項目：

《打造仿拉勾網M站》《打造拉勾網后臺管理系統(tǒng)》《Vue嗨購移動端項目開發(fā)》

《Vue管理系統(tǒng)項目開發(fā)》《美食大全》《基于React管理系統(tǒng)項目》《萌寵交易平臺》

項目課

項目類別一

項目類別：

PC端全棧項目

項目周期：

5天

開發(fā)時間：

第12周

項目描述：

PC全棧項目基于課程第 一、二階段，是貫通學員學習前端頁面重構、交互特效開發(fā)與后端知識的組合項目，包括微信游戲開發(fā)、電商首頁交互與后端接口開發(fā)，進階至全棧項目開發(fā)。

解決問題：

解決PC設備屏幕所呈現(xiàn)網頁的開發(fā)，高度還原設計稿，熟悉全棧網頁的開發(fā)流程。

項目類別二

項目類別：

PC端全棧項目

項目周期：

8天

開發(fā)時間：

第13周

項目描述：

應用Node.js基礎知識、Node.js框架、后端模板及MongoDB數(shù)據(jù)庫開發(fā)一個后臺系統(tǒng)接口。

解決問題：

1、Node.js后端接口開發(fā)

2、掌握前后端合作，無縫對接

項目類別三

項目類別：

基于Vue.js WebAPP開發(fā)

項目周期：

8天

開發(fā)時間：

第15周

項目描述：

應用Vue.js全家桶獨立完成Vue.js移動端前后端開發(fā)

解決問題：

1、勝任基于Vue.js+Node.js技術棧的前后端項目開發(fā)

2、能應對組件庫二次開發(fā)的工作

項目類別四

項目類別：

基于Vue.js管理信息系統(tǒng)開發(fā)

項目周期：

8天

開發(fā)時間：

第15周

項目描述：

應用Vue.js全家桶獨立完成Vue.js的PC端項目前后端開發(fā)

解決問題：

1、勝任基于Vue.js+Node.js技術棧的前后端項目開發(fā)

2、能應對組件庫二次開發(fā)的工作

項目類別五

項目類別：

基于React WebAPP開發(fā)

項目周期：

8天

開發(fā)時間：

第18周

項目描述：

應用React全家桶獨立完成react移動端前后端開發(fā)

解決問題：

1、勝任基于React全家桶開發(fā)WebAPP項目

2、能應對組件庫二次開發(fā)的工作

項目類別六

項目類別：

基于React管理信息系統(tǒng)開發(fā)

項目周期：

8天

開發(fā)時間：

第18周

項目描述：

電商管理系統(tǒng)(React)，系統(tǒng)包含界面搭建、UI框架使用、React基礎語法、路由、全局狀態(tài)管理等技術

解決問題：

1、勝任基于React全家桶開發(fā)PC端項目

2、能應對組件庫二次開發(fā)的工作

項目類別七

項目類別：

小程序開發(fā)項目

項目周期：

8天

開發(fā)時間：

第20周

項目描述：

應用原生小程序開發(fā)各種類型的小程序項目

解決問題：

1、企業(yè)各類業(yè)務原生小程序項目開發(fā)

2、WebApp小程序化

項目類別八

項目類別：

多學課聯(lián)合項目

項目周期：

40天

開發(fā)時間：

第16周

項目描述：

千鋒UI+大前端+Java/Python+云計算+網絡安全+物聯(lián)網+大數(shù)據(jù)全學科聯(lián)合開發(fā)企業(yè)級項目。

解決問題：

結合當下流行的多元化一線大廠技術研發(fā)技術，也融入了極為熱門的創(chuàng)新技術。

培養(yǎng)學員全棧技術開發(fā)能力、團隊協(xié)作能力、溝通表達能力及項目設計能力等

一、團隊戶外拓展訓練

課程內容：

1、團隊建設、團隊協(xié)作

2、逆境生存法則

掌握能力：

1、團隊協(xié)作能力

2、逆境生存能力

解決問題：

1、調節(jié)專業(yè)課緊張的學習狀態(tài)

2、增加企業(yè)拓展訓練經驗

二、企業(yè)合作項目課程

課程內容：

1、項目需求分析與交互設計

2、前后端及移動端流行工具、框架與庫的企業(yè)項目深度應用實戰(zhàn)

3、JavaScript框架設計

4、移動端組件庫設計

5、項目架構與產品選型

6、大廠的項目開發(fā)流程、項目測試、部署與發(fā)布實踐

7、項目安全、性能與可用性實戰(zhàn)

8、如何與兄弟部門及項目團隊各方密切合作與有效溝通

掌握能力：

1、掌握項目開發(fā)流程

2、掌握企業(yè)開發(fā)架構

3、企業(yè)級應用代碼觀摩

4、企業(yè)里部門合作方式

5、JavaScript深度應用

解決問題：

1、提前了解企業(yè)的用人要求和技術要求

2、體驗企業(yè)工作流程和工作要求

3、大前端技術的企業(yè)落地

三、管理課程

課程內容：

1、項目管理架構及流程

2、整合管理和范圍管理

3、時間管理、成本管理和質量管理

4、人力資源管理、溝通管理、風險管理

5、基層管理者領導力提升培訓解決方案

掌握能力：

1、掌握企業(yè)項目管理流程和方法

2、掌握如果帶領一個小團隊

解決問題：

1、使學員提前掌握企業(yè)的項目管理和團隊管理的能力

2、增強學生的就業(yè)能力

《企業(yè)初認知》

課程內容：

1、公司類型

2、企業(yè)組織架構

3、企業(yè)崗位發(fā)布及招聘流程

4、企業(yè)招聘途徑

5、對標IT職業(yè)人的綜合素養(yǎng)和技術

掌握能力：

通過本課程學習熟悉公司類型，組織架構和本職位相關的工作流程以及公司招聘常用哪些招聘平臺等信息，

讓學員對公司有了初步認知，清晰目標，走出舒服區(qū)，努力修煉技能，拿到職場入場券。

《市場行情分析及職業(yè)發(fā)展》

課程內容：

1、市場行情分析

2、崗位招聘需求分析

3、職業(yè)生涯規(guī)劃

4、技術網站拓展

掌握能力：

通過本課程的學習了解當下知名招聘平臺全國各個城市的招聘需求數(shù)量、薪資分布崗位職責等內容并且

360度解讀一名程序員的職業(yè)生涯發(fā)展路線。對從事崗位有了具體、細致的了解，從而有了清晰的規(guī)劃職業(yè)。

《企業(yè)需求及職場規(guī)則》

課程內容：

1、企業(yè)軟需求

2、情商提升

3、職場規(guī)則

掌握能力：

本課程重點從公司考察的硬實力和軟實力出發(fā)分析需要掌握的技能，同時縱向橫向三位一體的從態(tài)度、

言行、微笑等細節(jié)及職場潛規(guī)則等方面解讀讓準職業(yè)人了解職場法則。

《求職禮儀及面試常見問題》

課程內容：

1、求職禮儀

2、薪資構成解讀

3、社保及合同解讀

4、其他職場常見問題

掌握能力：

本課程重點講解著裝、談話、儀容、薪資構成以及五險一金、合同等方面講解，從個人形象的打造到熟悉

法律法規(guī)保護個人權益，進行全方位解讀，為能進入職場保駕護航。

一、算法與網絡

掌握能力：

計算機網絡進階、數(shù)據(jù)結構與算法進階

解決問題：

解決數(shù)據(jù)處理場景中的各種算法及邏輯問題

解決場景網絡協(xié)議下的優(yōu)化調試問題

解決數(shù)據(jù)處理場景中的各種算法及邏輯問題

解決場景網絡協(xié)議下的優(yōu)化調試問題

二、前端框架（實時更新）

掌握能力：

Anguar基礎與實戰(zhàn)、Ionic基礎與實戰(zhàn)、微信公眾號開發(fā)、各類混合應用開發(fā)、React-Native開發(fā)、

Flutter開發(fā)、大數(shù)據(jù)課可視化D3.js、桌面APP開發(fā)Electron

解決問題：

angular應用開發(fā)及相關技術

公眾號開發(fā)常見問題

MUI及Cordova混合開發(fā)

基于RN或者Flutter的原生app開發(fā)場景

大數(shù)據(jù)可視化實戰(zhàn)

桌面端軟件開發(fā)

【課程優(yōu)勢】

六維課程：

研發(fā)六維全息課程，長期市場調研+大廠協(xié)助研發(fā)，每年兩次大型革新升級，融合阿里課程，提升架構開發(fā)能力，完成從全棧工程師到架構師的進階培養(yǎng)。

全程面授：

堅持全程面授，靈活照顧到班級每一位學員的學習需求，形成“逼著學，比著學”的良好氛圍

聯(lián)合開發(fā)：

成立大廠技術聯(lián)盟，引進大廠真實項目，嚴格執(zhí)行技術查重，篩選優(yōu)質項目，最終學員需要完成從項目立項到上線部署的全流程聯(lián)合開發(fā)，能獨立承接企業(yè)需求。

王炸組合：

百人天團+名企講師，必須具備大型項目開發(fā)能力與授課能力，講師錄用率低于5%

全天無休：

總監(jiān)級講師全程面授，強師007答疑，智能AI系統(tǒng)輔學，無死角解決學習問題

科學合理：

學習周期是根據(jù)授課進度、課程深度與講師水平，經過多年教研探索推導而出，讓學員學好技術并且能夠高薪就業(yè)

高快穩(wěn)準：

薪資高、就業(yè)快、發(fā)展穩(wěn)，部分學員入職即Leader，行業(yè)有口皆碑，這是上面所有環(huán)節(jié)層層疊加的良好結果。

持續(xù)提升：

重磅升級六維全息課程！職后課跟隨行業(yè)熱門技術定期升級，學員可終身免費持續(xù)學習

【學員心得】

1、來干鋒之前我本身也打算提升下自己，剛好聽朋友說在這個學校學習后，高薪就業(yè)了，而且說HTML5相比較其他簡單一點，適合女孩子，對比了很多學校最終選擇 了千鋒。這里的招生老師很熱情，介紹的很詳細，還可以試學2個星期，這段時間我已經從一個什么都不懂的小菜鳥，到可以完成靜態(tài)頁面了，繼續(xù)加油!

2、來干鋒學習一段時間了，學習編程每天對著電腦寫代碼，必須要認真仔細。每天都過的很充實。老師講課由淺入深循序漸進地讓我們掌握知識理論結合實踐 ，真的受益匪淺。這段時間我認識了很多同學，我們來自不同地區(qū)因為共同理想而走在一起，有艱苦有歡樂，但不管怎樣，我們都微笑著面對。

【畢業(yè)學員薪資】

【行業(yè)優(yōu)勢】

1、職位起薪高

0工作經驗應屆生起步月薪超過6500元，同比其他應屆生高出近40%

2、行業(yè)需求大

目前HTML5工程師日均崗位缺口超50000，并且逐年上漲

3、就業(yè)口徑寬

移動Web、小程序、響應式、服務端......HTML5在互聯(lián)網發(fā)展過程中的作用與優(yōu)勢占比越來越大

【師資力量】

1、總監(jiān)級講師團

由中科院計算機專家領銜組建，講師均來自百度、網易、去哪兒網等一線大廠，兼具大型項目開發(fā)經驗與教學經驗，嚴格篩選面試通過率不超過5%

2、企業(yè)講師團

千鋒HTML5大前端引入企業(yè)技術官，負責企業(yè)課內容講解，實時掌控熱門技術、前沿趨勢及最 新招聘需求，讓學員開發(fā)能力進步的同時學習到最契合企業(yè)招聘需求的前瞻技術

【教學優(yōu)勢】

名企雙選會：

整合企業(yè)招聘資源，定期舉辦名企雙選會，18000余家企業(yè)為學員打開職場通道。

人才定制：

與企業(yè)簽訂人才培養(yǎng)協(xié)議，按需求定制培養(yǎng)，學員畢業(yè)即可入職。

上門招聘：

企業(yè)定期上門招聘，在畢業(yè)班進行人才選拔，優(yōu)秀學員直接錄用。

企業(yè)內推：

就業(yè)老師企業(yè)直推，學員快速面試入職。

就業(yè)共享：

一地學習全國就業(yè)，同城異地自主選擇。

【學校簡介】

千鋒教育隸屬于北京千鋒互聯(lián)科技有限公司，秉承“做真實的自己，用良心做教育”理念，致力于打造IT教育全產業(yè)鏈人才服務平臺，公司總部位于北京，目前已在深圳、上海、廣州、鄭州、大連、武漢、成都、西安、杭州、青島、重慶、長沙、哈爾濱、南京、太原、沈陽、合肥成立分公司，業(yè)務范圍覆蓋以大學生就業(yè)培訓、職后技能培訓與企業(yè)內訓培訓為主的立體化教育培訓產業(yè)鏈。 公司目前已與國內20000余家IT相關企業(yè)建立人才輸送合作關系，年培養(yǎng)優(yōu)質人才20000余人，合作院校超600所，累計向互聯(lián)網輸出免費教學視頻800余套，累積播放量逾9000萬次。每年有數(shù)百萬名學員受益于千鋒組織的技術研討會、技術培訓課、網絡公開課及免費教學視頻。

千鋒歷程精彩紛呈，獲得榮譽包括：中關村移動互聯(lián)網產業(yè)聯(lián)盟副理事長單位、中國軟件協(xié)會教育培訓委員會認證一級培訓機構、中關村國際孵化軟件協(xié)會授權中關村移動互聯(lián)網學院、教育部教育管理信息中心指定移動互聯(lián)網實訓基地等。