深圳中公優(yōu)就業(yè)

優(yōu)就業(yè)Web前端課程，提供多種選擇

• 0基礎(chǔ)小白

  想要學(xué)習(xí)web，自制 力薄弱

• 技術(shù)瓶頸

  想提升技術(shù)， 遇到瓶頸

• 在校學(xué)生

  畢業(yè)季找不到工作

• 待業(yè)轉(zhuǎn)行

  在夕陽行業(yè)看不到未 來

優(yōu)就業(yè)大前端課程內(nèi)容

• 開始階段：HTML5 CSS3

  課程主題：PC端網(wǎng)站布局、WebApp頁面布局

  實(shí)戰(zhàn)項(xiàng)目： PC端項(xiàng)目：《東易買商城》《新浪積分商城》《拉勾網(wǎng)》《QQ音樂》《美樂樂商城》等；移動端webApp項(xiàng)目：《京東到家》 《優(yōu)就業(yè)U學(xué)》；響應(yīng)式項(xiàng)目：《青竹良品商城》。

  培養(yǎng)目標(biāo)：了解常用瀏覽器和瀏覽器內(nèi)核； 了解語義化的概念； 掌握 HTML5 語法及使用技巧； 掌握 HTML5 常用標(biāo)簽。 掌握 CSS 語法及使用技巧； 掌握 DIV CSS 布局方式； 掌握常見網(wǎng)頁布局模式。 掌握 Photoshop 切圖以及插件切圖； 能夠熟練使用開發(fā)人員工具進(jìn)行頁面調(diào)試； 能夠根據(jù)PSD文件獨(dú)立完成靜態(tài)頁面的開發(fā)工作。 掌握 HTML5 新布局標(biāo)簽、多媒體標(biāo)簽； 掌握 CSS3 2D、3D 變換、動畫效果； 能夠使用CSS3新屬性美化修飾網(wǎng)頁； 了解移動端屏幕、移動端瀏覽器、操作系統(tǒng)的不同。 掌握常用移動端調(diào)試方法； 掌握常用移動端適配方法； 掌握 CSS 預(yù)處理器 less 的使用； 掌握常用移動端框架使用方法； 掌握常見移動端頁面開發(fā)； 掌握響應(yīng)式布局開發(fā)； 掌握 Bootstrap 開發(fā)響應(yīng)式頁面； 掌握適配不同終端的網(wǎng)頁開發(fā)技術(shù)選型。

  立即咨詢

• 第二階段：JS交互設(shè)計(jì)

  課程主題： JavaScript基礎(chǔ)語法、JavaScript進(jìn)階、JavaScript高級編程、jQuery經(jīng)典案例、項(xiàng)目答辯。

  實(shí)戰(zhàn)項(xiàng)目： JS部分案例及項(xiàng)目:《百度搜索頁布局與交互》《優(yōu)學(xué)登錄頁面布局與信息存儲》《愛奇藝視頻網(wǎng)站》；JQuery部分項(xiàng)目:《美樂樂商城交互效果》。

  培養(yǎng)目標(biāo)： 能夠掌握 JavaScript 基本語法； 掌握常見 JavaScript 算法； 掌握 DOM 的各種操作； 熟練使用面向?qū)ο笏枷脒M(jìn)行 DOM 編程； 掌握 JavaScript 的高級語法； 掌握 JavaScript 常見兼容性方案。 獨(dú)立完成視頻網(wǎng)站的頁面搭建（包括 HTML結(jié)構(gòu)、CSS樣式、JavaScript 特效）； 掌握應(yīng)對業(yè)務(wù)編程的能力； 掌握團(tuán)隊(duì)合作開發(fā)流程。 熟練使用 jQuery 操作 DOM； 熟練使用和編寫 jQuery 案例。

  立即咨詢

• 第三階段：Node開發(fā)

  課程主題： ECMAScript 6、Webpack模塊打包器、Node基礎(chǔ)、Express框架、前端模塊化、MongoDB、項(xiàng)目答辯。

  實(shí)戰(zhàn)項(xiàng)目： Node基礎(chǔ):《Node基礎(chǔ)案例》《在線相冊》、Node全棧項(xiàng)目:《及時(shí)聊天系統(tǒng)》《個人博客系統(tǒng)》。

  培養(yǎng)目標(biāo)： 了解ES6和JS的關(guān)系； 掌握ES6的基礎(chǔ)用法和兼容性； 熟練掌握ES6的核心語法； 熟練使用ES6實(shí)現(xiàn)前端模塊化開發(fā)。 熟練使用Webpack模塊打包器； 熟練掌握前端自動化工具； 能夠建立客戶端服務(wù)器交互模型，熟悉網(wǎng)絡(luò)通信相關(guān)概念； 能夠使用 Node.js 進(jìn)行 Web 服務(wù)端開發(fā)； 能夠掌握 JavaScript 異步編程模型； 能夠掌握 JavaScript 模塊化編程方式； 能夠使用 Node.js 操作 MongoDB 數(shù)據(jù)庫； 能夠理解 HTTP 協(xié)議； 能夠獨(dú)立開發(fā)基于后臺接口的動態(tài)網(wǎng)站、Ajax 數(shù)據(jù)交互的項(xiàng)目； 能夠獨(dú)立完成企業(yè)網(wǎng)站從前臺到后臺的基本開發(fā)工作。

  立即咨詢

• 第四階段：前端框架

  課程主題： 數(shù)據(jù)可視化、Vue、React、Angular、項(xiàng)目答辯。

  實(shí)戰(zhàn)項(xiàng)目： 數(shù)據(jù)可視化:《多變的統(tǒng)計(jì)圖》《百度地圖》；Vue:《vue基礎(chǔ)實(shí)例》《洋網(wǎng)店微商城》《東易買后臺管理系統(tǒng)》；React:《react基礎(chǔ)實(shí)例》《仿簡書APP》《淘車網(wǎng)》 ；Angular:《angular基礎(chǔ)實(shí)例》《手機(jī)通訊錄》。

  培養(yǎng)目標(biāo)： 掌握使用 D3.js 進(jìn)行大數(shù)據(jù)可視化交互開發(fā)； 能夠掌握使用 Vue 技術(shù)棧進(jìn)行項(xiàng)目開發(fā)； 能夠掌握使用 React 技術(shù)棧進(jìn)行項(xiàng)目開發(fā)； 能夠掌握源代碼管理工具的使用； 能夠熟練掌握前后端分離開發(fā)模式； 能夠掌握使用主流框架開發(fā)門戶網(wǎng)站、管理系統(tǒng)、移動 Web 等客戶端； 能夠掌握 Webpack 項(xiàng)目構(gòu)建配置流程； 能夠掌握 Web 項(xiàng)目的部署與發(fā)布模式； 能夠掌握常見網(wǎng)站業(yè)務(wù)模塊開發(fā)。 掌握Angular常用的指令： 掌握如何定義和使用模塊與組件： 掌握路由的配置。

  立即咨詢

• 第五階段：小程序與APP開發(fā)

  課程主題： 微信小程序、微信小游戲開發(fā)、React Native、項(xiàng)目答辯。

  實(shí)戰(zhàn)項(xiàng)目： 微信小程序：《仿網(wǎng)易云音樂》《優(yōu)就業(yè)在線書城》；微信小游戲：《星際傳奇》《飛機(jī)大戰(zhàn)》；React Native:《優(yōu)訊APP》《星座運(yùn)勢》。

  培養(yǎng)目標(biāo)： 能夠掌握小程序的開發(fā)基礎(chǔ)； 能夠獨(dú)立開發(fā)小程序項(xiàng)目； 能夠掌握 Canvas 的使用； 能夠掌握小程序的部署與發(fā)布； 能夠掌握小程序開發(fā)框架 mpvue 的使用； 掌握第三方 AI 平臺的使用。 能夠掌握小游戲開發(fā)基礎(chǔ)； 能夠獨(dú)立開發(fā)小游戲項(xiàng)目； 能夠掌握小游戲的部署與發(fā)布； 能夠獨(dú)立使用 React Native 開發(fā)原生 App。

  
  

  立即咨詢

• 第六階段：就業(yè)指導(dǎo)

  課程主題： 微信小程序、微信小游戲開發(fā)、React Native、項(xiàng)目答辯

  培養(yǎng)目標(biāo)： 從簡歷、面試技巧等層面助學(xué)員提升，培養(yǎng)學(xué)員溝通表達(dá)能力 讓學(xué)員清晰了解職業(yè)發(fā)展規(guī)劃，明確自身定位，找到適合自身發(fā)展的工作。

  立即咨詢

• 社區(qū)平臺

  項(xiàng)目介紹：該項(xiàng)目是一個社區(qū)平臺，用戶可以在社區(qū)注冊登錄并創(chuàng)作文章，互相交流；項(xiàng)目基于React技術(shù)架構(gòu)，學(xué)習(xí)完該項(xiàng)目可以掌握React核心技術(shù)架構(gòu)體系。

  功能實(shí)現(xiàn)：項(xiàng)目環(huán)境搭建、首頁開發(fā)、詳情頁面開發(fā)、登錄權(quán)限校驗(yàn)開發(fā)、列表頁面開發(fā)。

  技術(shù)要點(diǎn)：React、React-Router、React-redux、Redux DevTools、Redux-saga等主流新技術(shù)。

  課程詳情 我要學(xué)習(xí)
• 點(diǎn)餐平臺

  項(xiàng)目介紹：該項(xiàng)目是一個點(diǎn)餐平臺，用戶可以在該平臺瀏覽商家信息，商品，點(diǎn)餐、下單、評價(jià)等；項(xiàng)目基于Vue技術(shù)架構(gòu)，學(xué)完該項(xiàng)目可以掌握Vue的核心技術(shù)架構(gòu)體系。

  功能實(shí)現(xiàn)：商品列表、商品詳情、商家詳情、評價(jià)頁面、訂單等。

  技術(shù)要點(diǎn)：Vue、Vue-cli、ES6、Webpack、Vue-router、axios、stylus、Mock數(shù)據(jù)等。

  課程詳情 我要學(xué)習(xí)
• 旅游平臺

  項(xiàng)目介紹：該項(xiàng)目是一個景點(diǎn)訂票平臺，用戶可以瀏覽本地景點(diǎn)、景點(diǎn)評價(jià)、網(wǎng)上購票；該項(xiàng)目采用前后端分離，前臺基于Vue架構(gòu)，后臺基于node搭建服務(wù)，學(xué)完該項(xiàng)目可以掌握Vue核心的技術(shù)架構(gòu)和node服務(wù)的核心技術(shù)。

  功能實(shí)現(xiàn)：項(xiàng)目環(huán)境搭建、首頁開發(fā)、地區(qū)選擇功能開發(fā)、景點(diǎn)詳情頁面、訂單購票功能等。

  技術(shù)要點(diǎn)：Vue、Vue-cli、Vue-router、axios、swiper、stylus、Node、express、MongoDB

  課程詳情 我要學(xué)習(xí)
• 電商平臺

  項(xiàng)目介紹：該項(xiàng)目是一個電商購物網(wǎng)站，主要包括后臺和前臺兩個模塊，后臺模塊負(fù)責(zé)管理商品信息，前臺模塊負(fù)責(zé)展示商信息，用戶**訪問前臺模塊相關(guān)頁面，可以瀏覽該網(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ù)庫結(jié)構(gòu)設(shè)計(jì)、后臺商品基本信息的管理和文件上傳、前臺展示商品信息。

  技術(shù)要點(diǎn)：PHP、MySQL、MVC、Smarty、HTML5、JQuery、Swiper等。

  課程詳情 我要學(xué)習(xí)
• 影視平臺

  項(xiàng)目介紹：以該視頻網(wǎng)站項(xiàng)目為例，詳細(xì)分析企業(yè)項(xiàng)目開發(fā)流程，一個網(wǎng)站從無到有的所有過程，回顧布局技巧，搭配交互合理布局，前后端數(shù)據(jù)交互流程分析、安排、實(shí)現(xiàn)，網(wǎng)站常見交互效果。視頻類網(wǎng)站除了基本的布局以外，還包含諸多常見的網(wǎng)站交互效果，視頻播放等功能，一通百通，掌握了該項(xiàng)目的開發(fā)技巧以后，其他網(wǎng)站效果都能　應(yīng)對。

  技術(shù)要點(diǎn)：切圖技巧、DIV CSS布局、整站布局技巧、瀏覽器兼容性處理、JavaScript網(wǎng)頁交互、ajax、jsonp前后端數(shù)據(jù)交互技術(shù)。

  課程詳情 我要學(xué)習(xí)