Web前端開發(fā)

上課時(shí)段: 詳見內(nèi)容

已關(guān)注: 566人

課程價(jià)格: 請(qǐng)咨詢

咨詢電話:

授課學(xué)校: 廣州傳智播客

教學(xué)點(diǎn): 1個(gè)

開班時(shí)間: 滾動(dòng)開班

預(yù)約試聽

課程介紹

基礎(chǔ)班

核心知識(shí)點(diǎn)

? HTML 語義化? CSS3 基本語法規(guī)范? CSS常見布局技巧大全? 網(wǎng)頁開發(fā)規(guī)范以及流程? CSS企業(yè)級(jí)網(wǎng)頁開發(fā)? CSS初始化技術(shù)選擇? CSS3基本變換特效

學(xué)員能力體現(xiàn)

? 了解常用瀏覽器和瀏覽器內(nèi)核? 了解語義化的概念? 掌握 HTML 語法及使用技巧? 掌握 CSS 語法及使用技巧? 掌握 DIV+CSS 布局方式 ? 掌握常見網(wǎng)頁布局模式? 掌握 HTML5 常用標(biāo)簽? 掌握 Photoshop 切圖以及插件切圖? 能夠熟練使用開發(fā)人員工具進(jìn)行頁面調(diào)試 ? 能夠完成基本的動(dòng)畫效果? 能夠根據(jù)PSD文件獨(dú)立完成靜態(tài)頁面的開發(fā)工作? 能夠使用CSS3新屬性美化修飾網(wǎng)頁

關(guān)鍵詞

HTML5、CSS3、語義化標(biāo)簽、CSS3新屬性、盒子模型、定位與浮動(dòng)、CSS 調(diào)試技巧、PS 切圖、網(wǎng)頁特效、靜態(tài)頁面開發(fā)、PSD文件還原網(wǎng)頁文件

就業(yè)班

階段

核心知識(shí)點(diǎn)

? CSS3 2D、3D 變換? CSS3 animation 動(dòng)畫? H5C3 炫酷頁面開發(fā)? Flex伸縮布局? 移動(dòng)端主流適配方案? 常見移動(dòng)端樣式兼容方案? 預(yù)處理器Less

學(xué)員能力體現(xiàn)

? 掌握HTML5新布局標(biāo)簽、多媒體標(biāo)簽? 掌握CSS3 2D、3D變換、動(dòng)畫效果? 了解移動(dòng)端屏幕、移動(dòng)端瀏覽器、操作系統(tǒng)的不同? 掌握常用移動(dòng)端調(diào)試方法? 掌握常用移動(dòng)端適配方法 ? 掌握CSS預(yù)處理器less的使用? 掌握常用移動(dòng)端框架使用方法? 掌握常見移動(dòng)端頁面開發(fā)? 掌握響應(yīng)式布局開發(fā) ? 掌握Bootstrap 開發(fā)響應(yīng)式頁面? 掌握適配不同終端的網(wǎng)頁開發(fā)技術(shù)選型

關(guān)鍵詞

HTML5 標(biāo)簽、CSS3 動(dòng)畫、移動(dòng)端適配、真機(jī)調(diào)試、rem、flex布局、媒體查詢、Bootstrap、Viewport、移動(dòng)端調(diào)試

第二階段

核心知識(shí)點(diǎn)

? JavaScript 語言基礎(chǔ)? BOM操作大全? DOM操作大全? 封裝動(dòng)畫函數(shù)? JavaScript高級(jí)? 正則表達(dá)式? ECMAScript 2015（ES6）新語法? jQuery 快速開發(fā)? jQuery 插件開發(fā)

學(xué)員能力體現(xiàn)

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

關(guān)鍵詞

網(wǎng)頁編程、JavaScript高級(jí)、面向?qū)ο蟆㈤]包、原型、原型鏈、ES6、正則表達(dá)式、DOM、BOM、動(dòng)畫函數(shù)、jQuery、jQuery插件

第三階段

核心知識(shí)點(diǎn)

? 能夠建立客戶端服務(wù)器交互模型，熟悉網(wǎng)絡(luò)通信相關(guān)概念? 能夠使用 Node.js 進(jìn)行 Web 服務(wù)端開發(fā)? ? 基于Node.js開發(fā)Web應(yīng)用? Express? RESTFul API? 原聲AJAX、jQuery的AJAX相關(guān)API使用? 跨域請(qǐng)求及解決方案? 前端模板引擎

學(xué)員能力體現(xiàn)

? 能夠掌握J(rèn)avaScript基本語法? 掌握常見JavaScript 算法? 能夠掌握 JavaScript 異步編程模型 ? 能夠掌握 JavaScript 模塊化編程方式? 能夠使用 Node.js 操作 MySQL 數(shù)據(jù)庫 ? 能夠理解 HTTP 協(xié)議? 熟悉原生 Ajax 請(qǐng)求流程與細(xì)節(jié)，并掌握常見跨域技巧? 能夠基于 jQuery 的 Ajax 相關(guān) API 熟練開發(fā)常見的前端功能? ?能夠獨(dú)立開發(fā)基于后臺(tái)接口的動(dòng)態(tài)網(wǎng)站、Ajax 數(shù)據(jù)交互的項(xiàng)目 ? 能夠獨(dú)立完成企業(yè)網(wǎng)站從前臺(tái)到后臺(tái)的基本開發(fā)工作

關(guān)鍵詞

Node.js、CommonJS、JavaScript 模塊化、異步編程、服務(wù)端、MySQL、HTTP協(xié)議、Express、Koa、Cookie、Session、中間件、分頁、注冊(cè)登錄、模塊化、CMS系統(tǒng)開發(fā)、RESTFul、Ajax、SQL

第四階段

核心知識(shí)點(diǎn)

? 大數(shù)據(jù)可視化D3.js? Vue.js/Vue Router/Vuex/axios/Element-UI? Vue CLI腳手架工具? 使用Git、Github管理項(xiàng)目源代碼? webpack? React.js / React Router / Redux / axios / Ant Design? create?react?app 腳手架工具? 項(xiàng)目打包及優(yōu)化? 項(xiàng)目部署與開發(fā)

學(xué)員能力體現(xiàn)

? 掌握使用 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)、移動(dòng)Web等客戶端? 能夠掌握 webpack 項(xiàng)目構(gòu)建配置流程? 能夠掌握 Web 項(xiàng)目的部署與發(fā)布模式? 能夠掌握常見網(wǎng)站業(yè)務(wù)模塊開發(fā) ? 能夠獨(dú)立完成企業(yè)網(wǎng)站從前臺(tái)到后臺(tái)的基本開發(fā)工作

關(guān)鍵詞

MVVM、前后端分離、Vue.js、Vuex、Vue-CLI、單頁應(yīng)用、工程化、品優(yōu)購、Axios、Webpack、React.js、Redux、好租客、Vue Router、React Router、路由系統(tǒng)、JSX、項(xiàng)目打包

第五階段

核心知識(shí)點(diǎn)

? 人工智能? 小程序開發(fā)? 小程序應(yīng)用及頁面的生命周期? 小程序運(yùn)行機(jī)制? WePY小程序開發(fā)框架? 小游戲開發(fā)

學(xué)員能力體現(xiàn)

? 能夠掌握小程序的開發(fā)基礎(chǔ)? 能夠獨(dú)立開發(fā)小程序項(xiàng)目? 能夠掌握 Canvas 的使用? 能夠掌握小游戲開發(fā)基礎(chǔ)? 能夠獨(dú)立開發(fā)小游戲項(xiàng)目 ? 能夠掌握小程序/小游戲的部署與發(fā)布? 能夠掌握小程序開發(fā)框架 WePY 的使用? 掌握第三方 AI 平臺(tái)的使用

關(guān)鍵詞

小程序、WePY、黑馬優(yōu)購、小程序商城、飛機(jī)大戰(zhàn)、小游戲、Canvas

第六階段

核心知識(shí)點(diǎn)

? 二次開發(fā)? 團(tuán)隊(duì)協(xié)作? 團(tuán)隊(duì)管理工具? 源碼管理工具? 源碼管理及協(xié)作? 敏捷開發(fā)模式

學(xué)員能力體現(xiàn)

? 能夠根據(jù)現(xiàn)有的項(xiàng)目進(jìn)行二次開發(fā)? 能夠掌握企業(yè)中源代碼管理的協(xié)作方式? 能夠掌握企業(yè)中常見的開發(fā)協(xié)作模式? ? 能夠掌握主流團(tuán)隊(duì)管理工具的使用

關(guān)鍵詞

綜合實(shí)戰(zhàn)、二次開發(fā)、團(tuán)隊(duì)協(xié)作、源代碼管理協(xié)作、團(tuán)隊(duì)管理工具使用

在職加薪班

階段

核心知識(shí)點(diǎn)

? 前端工程化（Webpack4、Rollup、Parcel、Gulp4）? 閑云旅游項(xiàng)目（無服務(wù)端方案、靜態(tài)站點(diǎn)生成工具）? JavaScript 進(jìn)階（TypeScript、Flow）? Angular 實(shí)戰(zhàn)開發(fā)（入門、實(shí)戰(zhàn)）? MVVM 框架進(jìn)階與實(shí)現(xiàn)（React.js、Vue.js）? 數(shù)據(jù)流框架的應(yīng)用（Redux、Vuex、Mobx、RxJS、ngrx）? 服務(wù)端渲染 SSR 專題（Next.js、Nuxt.js、Universal）? 學(xué)成在線項(xiàng)目（React16、Redux4、ReactRouter4、Next.js）

學(xué)員能力體現(xiàn)

? 能夠輕松運(yùn)用目前市場(chǎng)主流工具應(yīng)對(duì)工程化項(xiàng)目需求? 能夠基于無服務(wù)端平臺(tái)快速開發(fā)應(yīng)用并了解國內(nèi)主流的平臺(tái)服務(wù)? 能夠使用靜態(tài)站點(diǎn)構(gòu)建方案快速開發(fā)企業(yè)站? 能夠使用 Flow、TypeScript 完成復(fù)雜應(yīng)用業(yè)務(wù)代碼的編寫? 能夠掌握使用 Angular 技術(shù)棧進(jìn)行項(xiàng)目開發(fā) ? ?能夠理解 React.js / Vue.js 一類的 MVVM 框架的實(shí)現(xiàn)原理? 能夠使用不同的數(shù)據(jù)流框架應(yīng)對(duì)不同技術(shù)棧在大型項(xiàng)目中的數(shù)據(jù)狀態(tài)管理? 能夠使用服務(wù)端渲染解決方案解決 React.js / Vue.js / Angular 框架在 SEO 方面的問題? 能夠掌握不同框架的服務(wù)端渲染的實(shí)現(xiàn)及運(yùn)用 ? 能夠使用 React16 + Redux4 + ReactRouter4 + Next.js 完成社交類項(xiàng)目的開發(fā)

關(guān)鍵詞

工程化、自動(dòng)化、無服務(wù)端、Gatsby、TypeScript、Flow、Angular、MVVM 框架原理、Mobx、RxJS、SSR、Next.js、Nuxt.js、Universal、薪資15k-25k

第二階段

核心知識(shí)點(diǎn)

? 混合式 App 開發(fā)框架（Cordova、Phonegap、Ionic、WeX5）? H5 配合原生開發(fā) App（Webview、JSbridge、NativeScript）? 黑馬證券 App 項(xiàng)目（Webview + H5）? 小程序/快應(yīng)用開發(fā)框架（MINA、wepy、mpvue、taro）? 原生應(yīng)用開發(fā)框架（React Native、Weex、Flutter）? 好客租房 App 項(xiàng)目（React Native）

學(xué)員能力體現(xiàn)

? 能夠使用混合式 App 開發(fā)框架快速開發(fā)移動(dòng) App? 能夠配合原生應(yīng)用開發(fā) App 內(nèi)嵌 H5 頁面并可以通過 JSBridge 調(diào)用原生接口? 能夠使用 wepy / mpvue 框架開發(fā)小程序或快應(yīng)用項(xiàng)目 ? 能夠使用 taro 多端統(tǒng)一解決方案同時(shí)完成移動(dòng) App、移動(dòng) Web、小程序的開發(fā)? 能夠獨(dú)立使用 React Native 開發(fā)原生 App ? ?了解 Weex / Flutter 等其他原生應(yīng)用的前端技術(shù)開發(fā)方式

關(guān)鍵詞

Cordova、Ionic、Webview + H5、JSBridge、mpvue、taro、Weex、Flutter、薪資20k-30K

第三階段

核心知識(shí)點(diǎn)

? Node.js 網(wǎng)絡(luò)通信（net 模塊、Socket）? Node.js 事件循環(huán)與多進(jìn)程（EventLoop、Cluster）? NoSQL 數(shù)據(jù)庫（Redis、MongoDB、Memcached）? Web 應(yīng)用開發(fā)框架（Adonis.js、Egg.js、?oa）? BaaS 接口標(biāo)準(zhǔn)（GraphQL）? 十次方項(xiàng)目（Node.js Midway、微服務(wù)）I? 網(wǎng)絡(luò)爬蟲開發(fā)（Cheerio、Nightmare、Puppeteer）

學(xué)員能力體現(xiàn)

? 能夠基于 net 模塊開發(fā) Socket 應(yīng)用并深度理解 HTTP 協(xié)議? 徹底理解 Node.js 中的事件循環(huán)特性? 能夠使用 Cluster 開發(fā)多進(jìn)程應(yīng)用充分發(fā)揮多核 CPU? 能夠操作常見的 NoSQL 數(shù)據(jù)庫并能夠通過 Node.js 操作? 能夠掌握主流的 MVC Web 應(yīng)用開發(fā)框架 Adonis、Egg ? 能夠升入理解基于 GraphQL 標(biāo)準(zhǔn)開發(fā)現(xiàn)代化的應(yīng)用層接口? 能夠掌握 Node.js 中途島在企業(yè)級(jí)項(xiàng)目中的應(yīng)用? 能夠使用 Node.js 開發(fā)基本的網(wǎng)絡(luò)爬蟲應(yīng)用

關(guān)鍵詞

Socket、EventLoop、Cluster、Redis、MongoDB、Memcached、Adonis.js、Egg.js、GraphQL、微服務(wù)、Nightmare、Puppeteer 、薪資20k-35k

第四階段

核心知識(shí)點(diǎn)

? 網(wǎng)頁游戲開發(fā)基礎(chǔ)（Canvas）? 網(wǎng)頁高性能圖形編程（WebGL）? 圖形化開發(fā)庫（Three.js、D3.js）? HTML5 游戲引擎（Cocos2d?x、Egret）

學(xué)員能力體現(xiàn)

? 能夠使用 HTML5 技術(shù)開發(fā)網(wǎng)頁游戲? 能夠使用 WebGL 技術(shù)完成炫酷 3D 類圖形效果? 能夠掌握常用的可視化庫的應(yīng)用? 能夠使用 Three.js 開發(fā)簡(jiǎn)單的 3D 網(wǎng)頁游戲? 能夠使用 HTML5 游戲引擎開發(fā)網(wǎng)頁游戲

關(guān)鍵詞

WebGL、Three.js、H5 游戲、游戲引擎、Cocos2d-x、Egret 、薪資20-30K

第五階段

核心知識(shí)點(diǎn)

? 前端性能優(yōu)化（JSPerf、YSlow、PageSpeed）? 項(xiàng)目質(zhì)量監(jiān)測(cè)（Lint、e2e test、codecov）? 自動(dòng)化測(cè)試（Mocha、Jest、AVA、?arma、Nightmare）? 持續(xù)集成與持續(xù)部署（Jenkins、TravisCI、CircleCI）? Linux 服務(wù)?（Nginx、HTTP(s)、ECS、RDS、SLB 云服務(wù)）? 容?化運(yùn)維操作（Docker）

學(xué)員能力體現(xiàn)

? 能夠通過不同的工具發(fā)現(xiàn) Web 項(xiàng)目的性能瓶頸并加以解決? 能夠掌握使用不同的工具和平臺(tái)對(duì)項(xiàng)目及代碼進(jìn)行質(zhì)量監(jiān)測(cè)? 能夠使用不同的自動(dòng)化測(cè)試框架完成項(xiàng)目的單元測(cè)試和集成測(cè)試? 能夠使用 Jenkins、TravisCI 等工具對(duì)項(xiàng)目進(jìn)行持續(xù)集成和持續(xù)部署? 能夠掌握基本的 Linux 服務(wù)器操作與維護(hù) ? 能夠掌握 Nginx Web 服務(wù)器的搭建與配置? 了解 Docker 容器化平臺(tái)的基本操作

關(guān)鍵詞

JSPerf、YSlow、PageSpeed、E2E、QA、Jest、AVA、Nightmare、持續(xù)集成、持續(xù)部署、Jenkins、Nginx、Docker 、薪資25k-45