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