北京WEB前端培訓(xùn) 2019-06-11 10:11:04
上課時(shí)段: 詳見(jiàn)內(nèi)容
開(kāi)班時(shí)間: 滾動(dòng)開(kāi)班
課程價(jià)格: 請(qǐng)咨詢(xún)
咨詢(xún)電話: 400-888-9073
課程介紹
發(fā)布日期：2019-06-11 10:11:04
北京中公優(yōu)為想要從事WEB前端開(kāi)發(fā)技術(shù)的人員設(shè)置培訓(xùn)班，雄厚師資團(tuán)隊(duì)從零基礎(chǔ)出發(fā)，手把手教學(xué)，企業(yè)級(jí)團(tuán)隊(duì)項(xiàng)目實(shí)戰(zhàn)訓(xùn)練，讓學(xué)員掌握從需求到開(kāi)發(fā)再到上線部署的整個(gè)流程，達(dá)到順利的目標(biāo)。
該項(xiàng)目是一個(gè)社區(qū)平臺(tái)，用戶(hù)可以在社區(qū)注冊(cè)登錄并創(chuàng)作文章，互相交流；項(xiàng)目基于React技術(shù)架構(gòu)，學(xué)習(xí)完該項(xiàng)目可以掌握React核心技術(shù)架構(gòu)體系。
功能實(shí)現(xiàn)：
項(xiàng)目環(huán)境搭建、首頁(yè)開(kāi)發(fā)、詳情頁(yè)面開(kāi)發(fā)、登錄權(quán)限校驗(yàn)開(kāi)發(fā)、列表頁(yè)面開(kāi)發(fā)。
技術(shù)要點(diǎn)：
React、React-Router、React-redux、Redux DevTools、Redux-saga等主流新技術(shù)。
該項(xiàng)目是一個(gè)點(diǎn)餐平臺(tái)，用戶(hù)可以在該平臺(tái)瀏覽商家信息，商品，點(diǎn)餐、下單、評(píng)價(jià)等；項(xiàng)目基于Vue技術(shù)架構(gòu)，學(xué)完該項(xiàng)目可以掌握Vue的核心技術(shù)架構(gòu)體系。
功能實(shí)現(xiàn)：
商品列表、商品詳情、商家詳情、評(píng)價(jià)頁(yè)面、訂單等。
技術(shù)要點(diǎn)：
Vue、Vue-cli、ES6、Webpack、Vue-router、axios、stylus、Mock數(shù)據(jù)等。
該項(xiàng)目是一個(gè)景點(diǎn)訂票平臺(tái)，用戶(hù)可以瀏覽本地景點(diǎn)、景點(diǎn)評(píng)價(jià)、網(wǎng)上購(gòu)票；該項(xiàng)目采用前后端分離，前臺(tái)基于Vue架構(gòu)，后臺(tái)基于node搭建服務(wù)，學(xué)完該項(xiàng)目可以掌握Vue核心的技術(shù)架構(gòu)和node服務(wù)的核心技術(shù)。
功能實(shí)現(xiàn)：
項(xiàng)目環(huán)境搭建、首頁(yè)開(kāi)發(fā)、地區(qū)選擇功能開(kāi)發(fā)、景點(diǎn)詳情頁(yè)面、訂單購(gòu)票功能等。
技術(shù)要點(diǎn)：
Vue、Vue-cli、Vue-router、axios、swiper、stylus、Node、express、MongoDB等。
該項(xiàng)目是一個(gè)電商購(gòu)物網(wǎng)站，主要包括后臺(tái)和前臺(tái)兩個(gè)模塊，后臺(tái)模塊負(fù)責(zé)管理商品信息，前臺(tái)模塊負(fù)責(zé)展示商信息，用戶(hù)通過(guò)訪問(wèn)前臺(tái)模塊相關(guān)頁(yè)面，可以瀏覽該網(wǎng)站中在售的手機(jī)產(chǎn)品信息了解相關(guān)手機(jī)產(chǎn)品的相關(guān)信息。該項(xiàng)目采用PHP+MySQL實(shí)現(xiàn)，學(xué)完該項(xiàng)目，能夠掌握PHP+MySQL核心技術(shù)。
功能實(shí)現(xiàn)：
項(xiàng)目環(huán)境搭建、數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)、后臺(tái)商品基本信息的管理和文件上傳、前臺(tái)展示商品信息。
以該視頻網(wǎng)站項(xiàng)目為例，詳細(xì)分析企業(yè)項(xiàng)目開(kāi)發(fā)流程，一個(gè)網(wǎng)站從無(wú)到有的所有過(guò)程，回顧布局技巧，搭配交互合理布局，前后端數(shù)據(jù)交互流程分析、安排、實(shí)現(xiàn)，網(wǎng)站常見(jiàn)交互效果。視頻類(lèi)網(wǎng)站除了基本的布局以外，還包含諸多常見(jiàn)的網(wǎng)站交互效果，視頻播放等功能，一通百通，掌握了該項(xiàng)目的開(kāi)發(fā)技巧以后，其他網(wǎng)站效果都能輕松應(yīng)對(duì)。
技術(shù)要點(diǎn)：
切圖技巧、DIV+CSS布局、整站布局技巧、瀏覽器兼容性處理、JavaScript網(wǎng)頁(yè)交互、ajax、jsonp前后端數(shù)據(jù)交互技術(shù)。
PC端網(wǎng)站布局
WebApp頁(yè)面布局
實(shí)戰(zhàn)項(xiàng)目
PC端項(xiàng)目：《東易買(mǎi)商城》《新浪積分商城》《拉勾網(wǎng)》《QQ音樂(lè)》《佳航出國(guó)留學(xué)官網(wǎng)》《火山體育官網(wǎng)》《智德和善官網(wǎng)》《美樂(lè)樂(lè)商城》
移動(dòng)端webApp項(xiàng)目：《京東到家》《優(yōu)U學(xué)》
響應(yīng)式項(xiàng)目：《星巴克官網(wǎng)》《青竹良品商城》
培養(yǎng)目標(biāo)
了解常用瀏覽器和瀏覽器內(nèi)核；了解語(yǔ)義化的概念；掌握HTML5語(yǔ)法及使用技巧；掌握HTML5常用標(biāo)簽。
掌握CSS語(yǔ)法及使用技巧；掌握DIV+CSS布局方式；掌握常見(jiàn)網(wǎng)頁(yè)布局模式。
掌握Photoshop切圖以及插件切圖；能夠熟練使用開(kāi)發(fā)人員工具進(jìn)行頁(yè)面調(diào)試；能夠根據(jù)PSD文件獨(dú)立完成靜態(tài)頁(yè)面的開(kāi)發(fā)工作。
掌握HTML5新布局標(biāo)簽、多媒體標(biāo)簽；掌握CSS3 2D、3D變換、動(dòng)畫(huà)效果；能夠使用CSS3新屬性美化修飾網(wǎng)頁(yè)；了解移動(dòng)端屏幕、移動(dòng)端瀏覽器、操作系統(tǒng)的不同。
掌握常用移動(dòng)端調(diào)試方法；掌握常用移動(dòng)端適配方法；掌握CSS預(yù)處理器less的使用；掌握常用移動(dòng)端框架使用方法；掌握常見(jiàn)移動(dòng)端頁(yè)面開(kāi)發(fā)；掌握響應(yīng)式布局開(kāi)發(fā)；掌握Bootstrap開(kāi)發(fā)響應(yīng)式頁(yè)面；掌握適配不同終端的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)選型。
JavaScript基礎(chǔ)語(yǔ)法
JavaScript進(jìn)階
JavaScript高級(jí)編程
jQuery經(jīng)典案例
項(xiàng)目答辯
實(shí)戰(zhàn)項(xiàng)目
JS部分案例及項(xiàng)目:《百度搜索頁(yè)布局與交互》《京東首頁(yè)商品懶加載》《東易買(mǎi)商品拖拽添加購(gòu)物車(chē)》《優(yōu)學(xué)登錄頁(yè)面布局與信息存儲(chǔ)》《163郵箱注冊(cè)》《面向?qū)ο笮∮螒颉贰侗╋L(fēng)VIP會(huì)員視頻網(wǎng)站》《愛(ài)奇藝視頻網(wǎng)站》
JQuery部分項(xiàng)目:《美樂(lè)樂(lè)商城交互效果》
培養(yǎng)目標(biāo)
能夠掌握J(rèn)avaScript基本語(yǔ)法；掌握常見(jiàn)JavaScript算法；掌握DOM的各種操作；熟練使用面向?qū)ο笏枷脒M(jìn)行DOM編程；掌握J(rèn)avaScript的高級(jí)語(yǔ)法；掌握J(rèn)avaScript常見(jiàn)兼容性方案。
獨(dú)立完成視頻網(wǎng)站的頁(yè)面搭建（包括HTML結(jié)構(gòu)、CSS樣式、JavaScript特效）；掌握應(yīng)對(duì)業(yè)務(wù)編程的能力；掌握?qǐng)F(tuán)隊(duì)合作開(kāi)發(fā)流程。
熟練使用jQuery操作DOM；熟練使用和編寫(xiě)jQuery案例。
ECMAScript 6
Webpack模塊打包器
Node基礎(chǔ)
Express框架
前端模塊化
MongoDB
項(xiàng)目答辯
實(shí)戰(zhàn)項(xiàng)目
Node基礎(chǔ):《Node基礎(chǔ)案例》《在線相冊(cè)》
Node全棧項(xiàng)目:《及時(shí)聊天系統(tǒng)》《個(gè)人博客系統(tǒng)》
培養(yǎng)目標(biāo)
了解ES6和JS的關(guān)系；掌握ES6的基礎(chǔ)用法和兼容性；熟練掌握ES6的核心語(yǔ)法；熟練使用ES6實(shí)現(xiàn)前端模塊化開(kāi)發(fā)。
熟練使用Webpack模塊打包器；熟練掌握前端自動(dòng)化工具；能夠建立客戶(hù)端服務(wù)器交互模型，熟悉網(wǎng)絡(luò)通信相關(guān)概念；能夠使用Node.js進(jìn)行Web服務(wù)端開(kāi)發(fā)；能夠掌握J(rèn)avaScript異步編程模型；能夠掌握J(rèn)avaScript模塊化編程方式；能夠使用Node.js操作MongoDB數(shù)據(jù)庫(kù)；能夠理解HTTP協(xié)議；能夠獨(dú)立開(kāi)發(fā)基于后臺(tái)接口的動(dòng)態(tài)網(wǎng)站、Ajax數(shù)據(jù)交互的項(xiàng)目；能夠獨(dú)立完成企業(yè)網(wǎng)站從前臺(tái)到后臺(tái)的基本開(kāi)發(fā)工作。
數(shù)據(jù)可視化
Vue
React
Angular
項(xiàng)目答辯
實(shí)戰(zhàn)項(xiàng)目
數(shù)據(jù)可視化:《多變的統(tǒng)計(jì)圖》《百度地圖》
Vue:《vue基礎(chǔ)實(shí)例》《洋網(wǎng)店微商城》《東易買(mǎi)后臺(tái)管理系統(tǒng)》
React:《react基礎(chǔ)實(shí)例》《仿簡(jiǎn)書(shū)APP》《淘車(chē)網(wǎng)》
Angular:《angular基礎(chǔ)實(shí)例》《手機(jī)通訊錄》
培養(yǎng)目標(biāo)
掌握使用D3.js進(jìn)行大數(shù)據(jù)可視化交互開(kāi)發(fā)；能夠掌握使用Vue技術(shù)棧進(jìn)行項(xiàng)目開(kāi)發(fā)；能夠掌握使用React技術(shù)棧進(jìn)行項(xiàng)目開(kāi)發(fā)；能夠掌握源代碼管理工具的使用；能夠熟練掌握前后端分離開(kāi)發(fā)模式；能夠掌握使用主流框架開(kāi)發(fā)門(mén)戶(hù)網(wǎng)站、管理系統(tǒng)、移動(dòng)Web等客戶(hù)端；能夠掌握Webpack項(xiàng)目構(gòu)建配置流程；能夠掌握Web項(xiàng)目的部署與發(fā)布模式；能夠掌握常見(jiàn)網(wǎng)站業(yè)務(wù)模塊開(kāi)發(fā)。
掌握Angular常用的指令：掌握如何定義和使用模塊與組件：掌握路由的配置。
微信小程序
微信小游戲開(kāi)發(fā)
React Native
項(xiàng)目答辯
實(shí)戰(zhàn)項(xiàng)目
微信小程序：《仿網(wǎng)易云音樂(lè)》《優(yōu)在線書(shū)城》
微信小游戲：《星際傳奇》《飛機(jī)大戰(zhàn)》
React Native:《優(yōu)訊APP》《星座運(yùn)勢(shì)》
培養(yǎng)目標(biāo)
能夠掌握小程序的開(kāi)發(fā)基礎(chǔ)；能夠獨(dú)立開(kāi)發(fā)小程序項(xiàng)目；能夠掌握Canvas的使用；能夠掌握小程序的部署與發(fā)布；能夠掌握小程序開(kāi)發(fā)框架mpvue的使用；掌握第三方AI平臺(tái)的使用。
能夠掌握小游戲開(kāi)發(fā)基礎(chǔ)；能夠獨(dú)立開(kāi)發(fā)小游戲項(xiàng)目；能夠掌握小游戲的部署與發(fā)布；能夠獨(dú)立使用React Native開(kāi)發(fā)原生App。
企業(yè)面試前期準(zhǔn)備與技巧
企業(yè)面試實(shí)戰(zhàn)
培養(yǎng)目標(biāo)
從簡(jiǎn)歷、面試技巧等層面助學(xué)員提升，培養(yǎng)學(xué)員溝通表達(dá)能力
讓學(xué)員清晰了解職業(yè)發(fā)展規(guī)劃，明確自身定位，找到適合自身發(fā)展的工作
北京中公優(yōu)開(kāi)課校區(qū)
- 北京中公優(yōu)豐臺(tái)校區(qū)
- 北京中公優(yōu)順義校區(qū)
- 北京中公優(yōu)順義北城校區(qū)
- 北京中公優(yōu)房山校區(qū)
- 北京中公優(yōu)大興校區(qū)
- 北京中公優(yōu)通州校區(qū)
- 北京中公優(yōu)華電北農(nóng)學(xué)習(xí)中心
- 北京中公優(yōu)昌平學(xué)習(xí)中心
- 北京中公優(yōu)管莊校區(qū)
- 北京中公優(yōu)惠新東街校區(qū)
- 北京中公優(yōu)國(guó)貿(mào)校區(qū)
- 北京中公優(yōu)交大學(xué)習(xí)中心
- 北京中公優(yōu)西客站學(xué)習(xí)中心
- 北京中公優(yōu)航天橋?qū)W習(xí)中心
- 北京中公優(yōu)數(shù)碼學(xué)習(xí)中心
- 北京中公優(yōu)學(xué)清路校區(qū)
