


初級前端程序員
黑馬中級前端工程師
79037人學習
4.9分40059人學習
4.9分30196人學習
5.0分25093人學習
5.0分20794人學習
5.0分19241人學習
5.0分13080人學習
5.0分9581人學習
5.0分知識點堆砌
黑馬技術解決方案庫
"學了很多知識點,
依然解決不了技術問題"
"技術解決方案讓我快速適應
職場,遇到技術問題就能直
接套用"
基于 Node.js 的前后端分離解決方案
基于 Gulp 的前端自動化解決方案
基于 Webpack 的前端模塊化解決方案
基于 GraphQL 的應用層接口開發解決方案
基于 JWT 的接口鑒權解決方案
基于 OAuth2 的第三方鑒權認證解決方案
基于 EasyMock 的接口 Mock 解決方案
基于 ECharts.js 的大數據可視化解決方案
基于 Vue.js 全套技術棧的管理系統開發解決方案
基于 React.js 全套技術棧 SPA 開發解決方案
基于 UEditor 的富文本處理解決方案
基于 PJAX 的頁面無刷新解決方案
基于 TravisCI 的持續集成解決方案
基于 Aliyun OSS 的圖像上傳存儲解決方案
基于 Nuxt.js 的服務端渲染(SSR)解決方案
基于百度地圖 API 的地圖業務解決方案
基于 Mocha 的 JavaScript 單元測試解決方案
基于 Git 的源代碼管理解決方案
基于七牛云的文件云存儲解決方案
基于 Next.js 的服務端渲染(SSR)解決方案
基于 Socket.io 的實時通信解決方案
基于 Docker 的前端持續集成容?解決方案
基于 Puppeteer 的瀏覽?自動化測試解決方案
基于 Puppeteer 的爬蟲解決方案
基于 Flex 的快速布局解決方案
基于 mpvue 的小程序快速開發解決方案
基于 RESTful 的 API 接口設計解決方案
基于 D3.js 的大數據可視化解決方案
基于 PostCSS 的 CSS 后處理解決方案
基于 SASS 的 CSS 預處理解決方案
基于 Firebase 的無服務端解決方案
基于 Electron 的跨平臺桌面應用開發解決方案
基于 React Native 的原生 App 開發解決方案
基于 Ionic 的混合 App 開發解決方案
基于 json?server 的數據 Mock 解決方案
基于 Flutter 的原生 App 開發解決方案
基于 Element?UI 的快速應用開發解決方案
基于 Require.js 的 JavaScript 模塊化開發解決方案
基于 ESLint 的代碼規范質量解決方案
基于 Axios 的異步請求解決方案
基于 Redux 的集中式狀態解決方案
基于 Font Awesome 的字體圖標解決方案
基于 PARCEL 的Web應用快速打包構建解決方案
基于 Vuex 的集中式狀態管理解決方案
基于 Gatsby 的快速靜態站點構建生成解決方案
基于 Babel 的 ES6 兼容解決方案
基于 infinite?scroll 列表無限滾動解決方案
基于 Mock.js 的數據 Mock 解決方案
基于 Ant Design 的快速應用開發解決方案
基于 Lozad.js 的懶加載解決方案
基于 Taro 的多端統一開發解決方案
基于 Bootstrap 的響應式布局解決方案
基于 Mongoose 的 ORM 解決方案
基于 Moment.js 的時間處理解決方案
基于 Egg.js 的企業級 Web 服務開發解決方案
基于 TypeScript 的大型項目強類型語言開發解決方案
基于 Express 的快速 Web 服務開發解決方案
基于 Rollup 的快速應用打包構建解決方案
基于 Angular.js 全套技術棧的管理系統開發解決方案
基于 Protractor 的端到端測試解決方案
電商購物車解決方案
基于 Jenkins 的持續集成/部署解決方案
大數據可視化解決方案
RBAC 權限管理解決方案
社交平臺實時通信解決方案
移動支付解決方案
基于 Jest 的 JavaScript 單元測試解決方案
訂單支付解決方案
小程序UI開發
小程序API編程
常用App界面布局實現
Canvas實戰應用
WePY/mpvue快速開發框架
騰訊云服務接入
本項目通過一個小程序電商業務項目為切入點,使用更高效小程序的框架 mpvue,結合最新ES6語法,在實戰開發環節充分應用,讓學員深入理解項目設計背后的原理,解決實際業務中的各類問題。
首頁推薦頻道展示、分類篩選、搜索商品、商品詳情、分頁加載數據及長列表展示優化、購物車、下單、支付、用戶個人中心、Postman接口測試工具。
小程序彈性布局原聲組件應用小程序登錄樣式復用微信支付接入App編程思維異步編程組件式拆分與開發設計稿重構
理論薄弱
黑馬學員理論扎實
只能解決簡單的技術問題
隨時可能被替代
扎實的理論基礎讓你擁有更高的價值,
可參與整個項目/業務,競爭力更強
32.5小時 占比12%
46.5小時 占比18%
49小時 占比19%
59.5小時 占比22%
54小時 占比20%
23小時 占比9%
人才篩選
技術考核
定制個人培訓方案
教育心理學培訓
教育方法培訓
模擬教學
培訓考核
培訓結果驗收
180天強化模式
夯實前端基礎技能
掌握高起點就業技能
縮短升職加薪周期
? HTML 語義化? CSS3 基本語法規范? CSS常見布局技巧大全? 網頁開發規范以及流程? CSS企業級網頁開發? CSS初始化技術選擇? CSS3基本變換特效
? 掌握 HTML5 常用標簽? 掌握 CSS 語法及使用技巧? 掌握CSS3新增選擇器? 掌握CSS3新增樣式屬性? 掌握 DIV+CSS 布局方式 ? 掌握常見網頁布局技巧? 掌握企業級、電商級網頁開發基本的流程、規范? 掌握語義化、模塊化、兼容性的PC端網頁開發? 掌握 Photoshop 切圖以及插件切圖 ? 熟練使用調試工具進行頁面調試? 掌握基本的動畫效果
HTML5、CSS3、語義化標簽、CSS3新屬性、盒子模型、定位與浮動、CSS 調試技巧、PS 切圖、網頁特效、頁面初始化、靜態頁面開發、PSD文件還原網頁文件
? CSS3 2D? CSS3 3D 變換? CSS3 animation 動畫? H5C3 炫酷頁面開發? Flex伸縮布局? 移動端主流適配方案? 常見移動端樣式兼容方案? 預處理器Less? 移動端調試方案
? 掌握CSS3 2D、3D變換、動畫效果? 了解移動端屏幕、移動端瀏覽器、操作系統的不同? 掌握主流移動端調試方法? 掌握常用移動端適配方案(流式布局、flex布局、rem適配) ? 掌握CSS預處理器less的使用? 掌握主流移動端頁面開發技術選型與解決方案? 掌握常用移動端框架使用方法? 掌握常見移動端頁面開發流程與規范 ? 掌握響應式布局開發? 掌握 Bootstrap 開發響應式頁面? 掌握適配不同終端的移動端頁面開發
2D變化、3D變換、animation 動畫、移動端適配、真機調試、rem、flex布局、媒體查詢、Bootstrap、Viewport、移動端調試
? JavaScript 語言基礎? BOM操作大全? DOM操作大全? 封裝動畫函數? JavaScript高級語法? 正則表達式? ECMAScript 2015(ES6)? jQuery 快速開發? jQuery 插件開發
? 能夠掌握JavaScript基本語法? 掌握JavaScript中的運算符(操作符)? 掌握JavaScript中的數據類型與數據類型轉換 ? 掌握常見 JavaScript 算法? 掌握數組遍歷? 掌握常見的 DOM 操作? 能夠掌握DOM中元素的屬性操作? 掌握DOM中事件綁定方法? 掌握事件委托? 能夠使用面向對象思想進行 DOM 編程? 掌握offset系列,client系列,scroll系列? 掌握 JavaScript 的高級語法? 熟練使用 jQuery 操作 DOM? 熟練使用和編寫 jQuery 插件? 獨立完成電商網站的頁面搭建(包括 HTML 結構、CSS 樣式、JavaScript 特效)? 函數進階? 面向對象? 掌握touch事件? 掌握touch事件對象? 能夠完成移動端輪播圖效果? 掌握應對業務編程的能力? 掌握 JavaScript 常見兼容性方案
網頁編程、JavaScript 基礎語法、內置對象、面向對象、繼承、閉包、原型、原型鏈、ES6、正則表達式、DOM、BOM、動畫函數、jQuery、jQuery 插件、Class類、constructor、super
? 能夠建立客戶端服務器交互模型,熟悉網絡通信相關概念? 能夠使用 Node.js 進行 Web 服務端開發? 基于Node.js開發Web應用? Express? RESTFul API? 原聲AJAX、jQuery的AJAX相關API使用? 跨域請求及解決方案? 前端模板引擎
? 能夠建立客戶端服務器交互模型,熟悉網絡通信相關概念? 能夠使用 Node.js 進行 Web 服務端開發? 能夠掌握 JavaScript 異步編程模型 ? 能夠掌握 JavaScript 模塊化編程方式? 能夠使用 Node.js 操作 MySQL 數據庫? 能夠理解 HTTP 協議? 熟悉原生 AJAX 請求流程與細節,并掌握常見跨域技巧? 能夠基于 jQuery 的 AJAX 相關 API 熟練開發常見的前端功能? 能夠獨立開發基于后臺接口的動態網站、AJAX 數據交互的項目? 能夠獨立完成企業網站從前臺到后臺的基本開發工作? MySQL操作建庫建表? 增刪改查語句 ? 能夠了解什么是繼承? 能夠使用Express快速搭建Web服務器? 能夠使用Node.js操作數據庫? 能夠使用session保持登錄狀態
Node.js、CommonJS、異步編程、服務端開發、MySQL、SQL語句的、HTTP 協議、Express/Koa、Cookie、Session、中間件、分頁、注冊登錄、模塊化、CMS 系統開發、RESTful、AJAX、模板引擎、跨域、XMLHttpRequest2
? 基于Vue技術棧開發PC項目? 基于Vue技術棧開發移動端項目? MVVM? 發布訂閱模式? 前后端分離? 自定義組件? 組件通信? 生命周期? axios網絡請求? 開發SPA項目? Vuex狀態管理? Element-UI? vue-cli腳手架搭建項目? Vant ? webpack打包項目? 打包優化和項目部署? Cordova? 數據可視化開發
? 能夠掌握使用 Vue 技術棧進行項目開發;? 能夠掌握企業中項目開發的流程;? 能夠掌握源代碼管理工具的使用;? 能夠熟練掌握前后端分離開發模式;? 能夠掌握使用主流框架開發門戶網站、管理系統、移動 Web 等客戶端;? 能夠掌握 Webpack 項目構建配置流程;? 能夠掌握 Web 項目的部署與發布模式;? 掌握使用 echarts/d3.js進行數據可視化交互開發? 能夠知道雙向數據綁定的原理? 能夠知道MVVM設計模式的原理? 能夠掌握自定義組件的封裝? 能夠知道Vue的主流技術棧的使用
MVVM、前后端分離、Vue.js、Vue-Router、Vuex、vue-cli、單頁應用、工程化、組件化開發、axios、webpack、element-ui、vant、websocket、SSR、Cordova
? 微信小程序開發基礎知識? 小程序應用及頁面的生命周期? 小程序視圖與邏輯? 小程序商城? 購物車? 小程序運行機制? 微信支付? 開發中常用組件的使用? 小程序開發框架
? 能夠掌握小程序的開發基礎? 能夠使用小程序開發者工具創建項目? 能夠使用常見的UI組件? 能夠知道小程序中生命周期的執行? 能夠實現小程序頁面中的數據綁定和事件處理? 能夠實現頁面之間的導航跳轉? 能夠獨立開發小程序項目? 能夠掌握小程序的部署與發布? 能夠掌握微信支付的使用? 能夠掌握小程序開發框架的使用? 掌握第三方 AI 平臺的使用
微信小程序、小程序開發框架、黑馬優購、小程序商城、購物車、微信支付
? React.js? React Router? Redux? axios? Ant Design? create?react?app 腳手架工具? 地理定位? 項目部署與開發
? 能夠理解 React 的開發理念;? 能夠掌握 React 的基本使用;? 能夠理解 React 的內部原理;? 能夠使用 React 及其常用組件庫進行項目開發;? 能夠使用 React 封裝項目中用到組件實現復用;? 能夠掌握 React 項目中常見問題的解決方案;? 能夠掌握 React 項目優化、部署;
React.js、PureComponent、高階組件、虛擬DOM、Redux、React Router、JSX、地理定位、租房、項目打包優化
? 前端工程化(Webpack4、Rollup、Parcel、Gulp4)? 閑云旅游項目(無服務端方案、靜態站點生成工具)? JavaScript 進階(TypeScript、Flow)? Angular 實戰開發(入門、實戰)? MVVM 框架進階與實現(React.js、Vue.js)? 數據流框架的應用(Redux、Vuex、Mobx、RxJS、ngrx)? 服務端渲染 SSR 專題(Next.js、Nuxt.js、Universal)? 學成在線項目(React16、Redux4、ReactRouter4、Next.js)
? 能夠輕松運用目前市場主流工具應對工程化項目需求? 能夠基于無服務端平臺快速開發應用并了解國內主流的平臺服務? 能夠使用靜態站點構建方案快速開發企業站? 能夠使用 Flow、TypeScript 完成復雜應用業務代碼的編寫? 能夠掌握使用 Angular 技術棧進行項目開發? 能夠理解 React.js / Vue.js 一類的 MVVM 框架的實現原理? 能夠使用不同的數據流框架應對不同技術棧在大型項目中的數據狀態管理? 能夠使用服務端渲染解決方案解決 React.js / Vue.js / Angular 框架在 SEO 方面的問題? 能夠掌握不同框架的服務端渲染的實現及運用 ? 能夠使用 React16 + Redux4 + ReactRouter4 + Next.js 完成社交類項目的開發
工程化、自動化、無服務端、Gatsby、TypeScript、Flow、Angular、MVVM 框架原理、Mobx、RxJS、SSR、Next.js、Nuxt.js、Universal、薪資15k-25k
? 混合式 App 開發框架(Cordova、Phonegap、Ionic、WeX5)? H5 配合原生開發 App(Webview、JSbridge、NativeScript)? 黑馬證券 App 項目(Webview + H5)? 小程序/快應用開發框架(MINA、wepy、mpvue、taro)? 原生應用開發框架(React Native、Weex、Flutter)? 好客租房 App 項目(React Native)
? 能夠使用混合式 App 開發框架快速開發移動 App? 能夠配合原生應用開發 App 內嵌 H5 頁面并可以通過 JSBridge 調用原生接口? 能夠使用 wepy / mpvue 框架開發小程序或快應用項目 ? 能夠使用 taro 多端統一解決方案同時完成移動 App、移動 Web、小程序的開發? 能夠獨立使用 React Native 開發原生 App? 了解 Weex / Flutter 等其他原生應用的前端技術開發方式
Cordova、Ionic、Webview + H5、JSBridge、mpvue、taro、Weex、Flutter、 薪資20k-30K
? Node.js 網絡通信(net 模塊、Socket)? Node.js 事件循環與多進程(EventLoop、Cluster)? NoSQL 數據庫(Redis、MongoDB、Memcached)? Web 應用開發框架(Adonis.js、Egg.js、?oa)? BaaS 接口標準(GraphQL)? 十次方項目(Node.js Midway、微服務)I? 網絡爬蟲開發(Cheerio、Nightmare、Puppeteer)
? 能夠基于 net 模塊開發 Socket 應用并深度理解 HTTP 協議? 徹底理解 Node.js 中的事件循環特性? 能夠使用 Cluster 開發多進程應用充分發揮多核 CPU? 能夠操作常見的 NoSQL 數據庫并能夠通過 Node.js 操作? 能夠掌握主流的 MVC Web 應用開發框架 Adonis、Egg? 能夠升入理解基于 GraphQL 標準開發現代化的應用層接口? 能夠掌握 Node.js 中途島在企業級項目中的應用? 能夠使用 Node.js 開發基本的網絡爬蟲應用
Socket、EventLoop、Cluster、Redis、MongoDB、Memcached、Adonis.js、Egg.js、GraphQL、微服務、Nightmare、Puppeteer 、薪資20k-35k
? 網頁游戲開發基礎(Canvas)? 網頁高性能圖形編程(WebGL)? 圖形化開發庫(Three.js、D3.js)? HTML5 游戲引擎(Cocos2d?x、Egret)
? 能夠使用 HTML5 技術開發網頁游戲? 能夠使用 WebGL 技術完成炫酷 3D 類圖形效果? 能夠掌握常用的可視化庫的應用? 能夠使用 Three.js 開發簡單的 3D 網頁游戲? 能夠使用 HTML5 游戲引擎開發網頁游戲
WebGL、Three.js、H5 游戲、游戲引擎、Cocos2d-x、Egret 、薪資20-30K
? 前端性能優化(JSPerf、YSlow、PageSpeed)? 項目質量監測(Lint、e2e test、codecov)? 自動化測試(Mocha、Jest、AVA、?arma、Nightmare)? 持續集成與持續部署(Jenkins、TravisCI、CircleCI)? Linux 服務?(Nginx、HTTP(s)、ECS、RDS、SLB 云服務)? 容?化運維操作(Docker)
? 能夠通過不同的工具發現 Web 項目的性能瓶頸并加以解決? 能夠掌握使用不同的工具和平臺對項目及代碼進行質量監測? 能夠使用不同的自動化測試框架完成項目的單元測試和集成測試? 能夠使用 Jenkins、TravisCI 等工具對項目進行持續集成和持續部署? 能夠掌握基本的 Linux 服務器操作與維護? 能夠掌握 Nginx Web 服務器的搭建與配置? 了解 Docker 容器化平臺的基本操作
JSPerf、YSlow、PageSpeed、E2E、QA、Jest、AVA、Nightmare、持續集成、持續部署、Jenkins、Nginx、Docker 、薪資25k-45
嚴格的考勤體系
助教/班主任上課實時督導
階段性考核體系
每日測評及反饋
末位輔導/晚自習輔導/作業點評
學習優異者進行獎勵
日常學習小獎勵
老學員分享
勵志故事分享
拓展活動、聯歡會、節日活動
階段性就業輔導
模仿真實企業面試流程
面試禮儀培訓
輔助學員修改簡歷
綜合面試培訓