HTML5大前端培訓(xùn)課程

【課程內(nèi)容】

基礎(chǔ)課

第 一天

課程案例：

費(fèi)曼學(xué)習(xí)法、響應(yīng)式、閱讀案例結(jié)構(gòu)搭建

掌握技能：

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

2、熟練掌握瀏覽器控制臺和Hbuilder軟件的應(yīng)用

3、熟練掌握HTML常用標(biāo)簽，會搭建基礎(chǔ)的頁面結(jié)構(gòu)

第二天

課程案例：

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

掌握技能：

1、掌握基礎(chǔ)的css語法和引入方式

2、熟練并且使用css選擇器和相關(guān)屬性

3、能夠獨(dú)立搭建簡單的頁面

第三天

課程案例：

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

掌握技能：

1、熟練掌握盒子模型的相關(guān)概念和應(yīng)用

2、熟練掌握背景相關(guān)屬性的用法和使用場景

3、能夠獨(dú)立搭建視覺差效果

第四天

課程案例：

啟夢科技布局搭建

掌握技能：

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

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

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

第五天

課程案例：

啟夢科技媒體報(bào)道頁面書寫

掌握技能：

1、能夠獨(dú)立的搭建pc端頁面

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

第六天

課程案例：

婚禮紀(jì)首頁-移動端頁面

掌握技能：

1、了解dpr的計(jì)算和meta設(shè)置視口設(shè)置

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

第七天

課程案例：

1、尋找一個(gè)主題作為分享內(nèi)容，利用ppt進(jìn)行制作

2、利用思維導(dǎo)圖把已經(jīng)經(jīng)過的內(nèi)容進(jìn)行整理和自作

掌握技能：

1、熟練使用辦公軟件制作對應(yīng)的主體內(nèi)容

2、對于計(jì)算機(jī)的基礎(chǔ)配置內(nèi)容認(rèn)識和熟悉

第八天

課程案例：

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

掌握技能：

1、掌握J(rèn)S的基本用途

2、掌握基本的編程方法

3、掌握DOM操作

第九天

課程案例：

瀑布流布局效果

掌握技能：

1、掌握J(rèn)Q樣式操作

2、掌握瀑布流布局

3、掌握J(rèn)Q動畫

第十天

課程案例：

網(wǎng)頁版的keynote，制作個(gè)人簡歷

掌握技能：

1、掌握J(rèn)S與自定義屬性的結(jié)合

2、掌握J(rèn)S操作CSS3樣式

專業(yè)課

第 一階段前端頁面重構(gòu)

掌握能力：

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

勝任職位：

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

薪資水平：

4K-6K

實(shí)戰(zhàn)項(xiàng)目：

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

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

掌握能力：

1.掌握原生JavaScript交互功能開發(fā)、掌握面向?qū)ο筮M(jìn)階與ES5/6/7/8/9/10應(yīng)用、掌握J(rèn)avaScript工具

庫開發(fā)

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

3.掌握前端工程化與模塊化應(yīng)用

勝任職位：

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

薪資水平：

6K-10K

實(shí)戰(zhàn)項(xiàng)目：

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

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

掌握能力：

1.掌握Node.js基礎(chǔ)、HTTP服務(wù)搭建、接口編寫

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

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

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

5.掌握小程序基礎(chǔ)及高級應(yīng)用

6.掌握uni-app混合框架及多端小程序應(yīng)用

勝任職位：

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

薪資水平：

10K-15K

實(shí)戰(zhàn)項(xiàng)目：

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

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

項(xiàng)目課

項(xiàng)目類別一

項(xiàng)目類別：

PC端全棧項(xiàng)目

項(xiàng)目周期：

5天

開發(fā)時(shí)間：

第12周

項(xiàng)目描述：

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

解決問題：

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

項(xiàng)目類別二

項(xiàng)目類別：

PC端全棧項(xiàng)目

項(xiàng)目周期：

8天

開發(fā)時(shí)間：

第13周

項(xiàng)目描述：

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

解決問題：

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

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

項(xiàng)目類別三

項(xiàng)目類別：

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

項(xiàng)目周期：

8天

開發(fā)時(shí)間：

第15周

項(xiàng)目描述：

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

解決問題：

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

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

項(xiàng)目類別四

項(xiàng)目類別：

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

項(xiàng)目周期：

8天

開發(fā)時(shí)間：

第15周

項(xiàng)目描述：

應(yīng)用Vue.js全家桶獨(dú)立完成Vue.js的PC端項(xiàng)目前后端開發(fā)

解決問題：

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

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

項(xiàng)目類別五

項(xiàng)目類別：

基于React WebAPP開發(fā)

項(xiàng)目周期：

8天

開發(fā)時(shí)間：

第18周

項(xiàng)目描述：

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

解決問題：

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

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

項(xiàng)目類別六

項(xiàng)目類別：

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

項(xiàng)目周期：

8天

開發(fā)時(shí)間：

第18周

項(xiàng)目描述：

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

解決問題：

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

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

項(xiàng)目類別七

項(xiàng)目類別：

小程序開發(fā)項(xiàng)目

項(xiàng)目周期：

8天

開發(fā)時(shí)間：

第20周

項(xiàng)目描述：

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

解決問題：

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

2、WebApp小程序化

項(xiàng)目類別八

項(xiàng)目類別：

多學(xué)課聯(lián)合項(xiàng)目

項(xiàng)目周期：

40天

開發(fā)時(shí)間：

第16周

項(xiàng)目描述：

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

解決問題：

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

培養(yǎng)學(xué)員全棧技術(shù)開發(fā)能力、團(tuán)隊(duì)協(xié)作能力、溝通表達(dá)能力及項(xiàng)目設(shè)計(jì)能力等

一、團(tuán)隊(duì)?wèi)敉馔卣褂?xùn)練

課程內(nèi)容：

1、團(tuán)隊(duì)建設(shè)、團(tuán)隊(duì)協(xié)作

2、逆境生存法則

掌握能力：

1、團(tuán)隊(duì)協(xié)作能力

2、逆境生存能力

解決問題：

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

2、增加企業(yè)拓展訓(xùn)練經(jīng)驗(yàn)

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

課程內(nèi)容：

1、項(xiàng)目需求分析與交互設(shè)計(jì)

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

3、JavaScript框架設(shè)計(jì)

4、移動端組件庫設(shè)計(jì)

5、項(xiàng)目架構(gòu)與產(chǎn)品選型

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

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

8、如何與兄弟部門及項(xiàng)目團(tuán)隊(duì)各方密切合作與有效溝通

掌握能力：

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

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

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

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

5、JavaScript深度應(yīng)用

解決問題：

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

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

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

三、管理課程

課程內(nèi)容：

1、項(xiàng)目管理架構(gòu)及流程

2、整合管理和范圍管理

3、時(shí)間管理、成本管理和質(zhì)量管理

4、人力資源管理、溝通管理、風(fēng)險(xiǎn)管理

5、基層管理者領(lǐng)導(dǎo)力提升培訓(xùn)解決方案

掌握能力：

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

2、掌握如果帶領(lǐng)一個(gè)小團(tuán)隊(duì)

解決問題：

1、使學(xué)員提前掌握企業(yè)的項(xiàng)目管理和團(tuán)隊(duì)管理的能力

2、增強(qiáng)學(xué)生的就業(yè)能力

《企業(yè)初認(rèn)知》

課程內(nèi)容：

1、公司類型

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

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

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

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

掌握能力：

通過本課程學(xué)習(xí)熟悉公司類型，組織架構(gòu)和本職位相關(guān)的工作流程以及公司招聘常用哪些招聘平臺等信息，

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

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

課程內(nèi)容：

1、市場行情分析

2、崗位招聘需求分析

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

4、技術(shù)網(wǎng)站拓展

掌握能力：

通過本課程的學(xué)習(xí)了解當(dāng)下知名招聘平臺全國各個(gè)城市的招聘需求數(shù)量、薪資分布崗位職責(zé)等內(nèi)容并且

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

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

課程內(nèi)容：

1、企業(yè)軟需求

2、情商提升

3、職場規(guī)則

掌握能力：

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

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

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

課程內(nèi)容：

1、求職禮儀

2、薪資構(gòu)成解讀

3、社保及合同解讀

4、其他職場常見問題

掌握能力：

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

法律法規(guī)保護(hù)個(gè)人權(quán)益，進(jìn)行全方位解讀，為能進(jìn)入職場保駕護(hù)航。

一、算法與網(wǎng)絡(luò)

掌握能力：

計(jì)算機(jī)網(wǎng)絡(luò)進(jìn)階、數(shù)據(jù)結(jié)構(gòu)與算法進(jìn)階

解決問題：

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

解決場景網(wǎng)絡(luò)協(xié)議下的優(yōu)化調(diào)試問題

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

解決場景網(wǎng)絡(luò)協(xié)議下的優(yōu)化調(diào)試問題

二、前端框架（實(shí)時(shí)更新）

掌握能力：

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

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

解決問題：

angular應(yīng)用開發(fā)及相關(guān)技術(shù)

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

MUI及Cordova混合開發(fā)

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

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

桌面端軟件開發(fā)

【課程優(yōu)勢】

六維課程：

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

全程面授：

堅(jiān)持全程面授，靈活照顧到班級每一位學(xué)員的學(xué)習(xí)需求，形成“逼著學(xué)，比著學(xué)”的良好氛圍

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

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

王炸組合：

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

全天無休：

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

科學(xué)合理：

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

高快穩(wěn)準(zhǔn)：

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

持續(xù)提升：

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

【學(xué)員心得】

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

2、來干鋒學(xué)習(xí)一段時(shí)間了，學(xué)習(xí)編程每天對著電腦寫代碼，必須要認(rèn)真仔細(xì)。每天都過的很充實(shí)。老師講課由淺入深循序漸進(jìn)地讓我們掌握知識理論結(jié)合實(shí)踐 ，真的受益匪淺。這段時(shí)間我認(rèn)識了很多同學(xué)，我們來自不同地區(qū)因?yàn)楣餐硐攵咴谝黄穑衅D苦有歡樂，但不管怎樣，我們都微笑著面對。

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

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

1、職位起薪高

0工作經(jīng)驗(yàn)應(yīng)屆生起步月薪超過6500元，同比其他應(yīng)屆生高出近40%

2、行業(yè)需求大

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

3、就業(yè)口徑寬

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

【師資力量】

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

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

2、企業(yè)講師團(tuán)

千鋒HTML5大前端引入企業(yè)技術(shù)官，負(fù)責(zé)企業(yè)課內(nèi)容講解，實(shí)時(shí)掌控?zé)衢T技術(shù)、前沿趨勢及最 新招聘需求，讓學(xué)員開發(fā)能力進(jìn)步的同時(shí)學(xué)習(xí)到最契合企業(yè)招聘需求的前瞻技術(shù)

【教學(xué)優(yōu)勢】

名企雙選會：

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

人才定制：

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

上門招聘：

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

企業(yè)內(nèi)推：

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

就業(yè)共享：

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

【學(xué)校簡介】

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

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