


初級前端程序員
傳智高級前端工程師
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天強化模式
基礎班階段一
就業班階段一
就業班階段二
就業班階段三
就業班階段四
就業班階段五
就業班階段六
就業班階段七
就業班階段八
就業班階段九
就業班階段十
升級說明
使用案例場景式教學,提升學習興趣,降低入門難度
主要內容
?自適應布局?BFC?藍湖?選擇器?盒模型?浮動?背景?定位?Flex?轉換?Web 字體?動畫?標簽語法?排版標簽?布局標簽?多媒體標簽?電商網頁開發
可解決的現實問題
借助藍湖工具,參照設計稿,進行 PC 端靜態網頁的開發。
可掌握的核心能力
?熟練運用 HTML 語法?掌握語義化的本質?合理使用 HTML 標簽編寫網頁的結構?通過浮動、定位、Flex 精細控制網頁布局?通過背景、圓角、陰影、漸變等美裝飾美化網頁內容?結合轉換、過渡、動畫等高級特性增強用戶體驗?能夠編寫大型綜合性網頁?基于設計稿編寫網頁?借助藍湖協同平臺進行網頁開發?體驗真實團隊開發流程
升級說明
高度還原設計稿,熟悉靜態網頁的開發流程,新增1天團隊實戰
主要內容
?媒體查詢?分辨率?視口?媒體查詢?rem?屏幕適配?2 倍圖?響應式圖片?劉海屏適配?添加主屏?禁止復制?Bootstrap?柵格化?團隊實戰
可解決的現實問題
解決移動設備屏幕所呈現網頁的開發,高度還原設計稿,熟悉靜態網頁的開發流程。
可掌握的核心能力
?了解 PC 屏幕與移動設備屏幕的差異?結合視口、媒體查詢、rem 等知識整合出穩定高效的移動屏幕適配方案?基于設計稿編寫高還原度的網頁?針對移動設備的特征應用差異化的技術解決方案?借助藍湖協同平臺,體驗真實團隊開發流程?基于媒體查詢技術適配多終端網頁?運用 Bootstrap 框架開發響應式網頁
升級說明
融合 ES6-11 新語法,重新設計案例
主要內容
?流程控制?循環?函數?對象?數組?宿主環境?節點操作?事件流?高階函數?排序?重繪?回流?預加載?面向對象?原型?class?柯里化?箭頭函數?閉包?點九圖?ECharts?jQuery?數據可視化項目
可解決的現實問題
網頁操作和用戶交互是網頁開發中不可或缺的組成部分,讓網頁“動”起來。
可掌握的核心能力
?掌握客戶端開發技術,如視覺交互、數據處理、安全、性能?掌握熟練操作 DOM 的能力?熟悉 ES6+ 語法特性?具備面向對象編程的能力?運用 jQuery 提高開發效率,深入面向對象思想?運用 Echarts 完成數據可視化項目的開發
升級說明
優化課程,新增防抖節流,JWT 權鑒,優化資訊后臺管理項目,新增 2 天團隊實戰
主要內容
?客戶端與服務器?封裝 Ajax?axios?跨域?防抖節流?HTTP?Node.js?數據庫?Express?身份認證?session?JWT?Git?Token 身份認證?資訊后臺管理項目
可解決的現實問題
實現客戶端與服務端的交互,快速搭建服務器,具備大前端的基本功。
可掌握的核心能力
?掌握網頁數據交互的 Ajax 技術?掌握 Node.js 中核心模塊?具備 Node.js 的編程思維?掌握 npm 的基本使用?根據發包流程將自己開發的庫發布到 npm 平臺?了解后端數據庫的基本使用?能夠使用常見的 SQL 語句操作數據庫?能夠使用 MySQL 模塊在項目中操作 MySQL 數據庫?掌握 Express 結合 MySQL 編寫后端 API 接口?培養出懂后端的前端程序員?運用 Git 對項目進行版本控制?掌握實際開發中那些必知必會的 Git 操作?基于 jQuery + Ajax + 模板引擎 + Git 等技術完成后臺管理項目的開發
升級說明
新增人資中臺項目,置換小兔鮮兒電商前臺項目,新增6天團隊實戰
主要內容
?webpack?Vue 常用 API?Vue-cli?Element?Vuex?vue-router?Vant?MVVM 原理?電商前臺管理系統項目?人力資源管理系統項目?黑馬頭條移動端項目?組件開發
可解決的現實問題
滿足前端工程師的崗位要求,重中之重,也是主流框架之一,必會技能。
可掌握的核心能力
?了解組件化開發的思想?了解路由的原理?掌握 Webpack 的基本使用?理解數據驅動視圖的思想?掌握 Vue 的使用步驟?掌握 Vue 條件渲染、列表渲染、過濾器、生命周期、計算屬性、偵聽器等常用 API?掌握 ElementUI 的基本使用?掌握 Vue 中的組件通信技術?掌握 Vue 常用技術棧,如 vue-cli、vue-router、vuex、vue?運用 Vue 的基本語法開發電商后臺管理系統?運用 Vue 開發人資管理平臺?運用 Vue 開發黑馬頭條移動端網站?掌握 Vant 的使用?熟悉企業開發流程?熟悉團隊開發流程?運用節流和防抖進行性能優化?理解 MVVM 的原理?熟悉 defineProperty 的使用?了解發布訂閱設計模式?了解 Proxy 的使用?掌握 npm 平臺發包步驟?掌握 Vue 組件封裝的技巧
升級說明
升級品優購 v2.0 項目(uni-app)
主要內容
?小程序 API?小程序發布流程?WXS?微信支付?Mobx?uni-app
可解決的現實問題
滿足前端工程師的崗位要求,受眾廣泛,提高就業能力,找工作時的加分項。
可掌握的核心能力
?了解小程序開發的一般流程?熟悉小程基礎組件的使用?能夠基于 wxml 和 wxss 實現小程序的界面布局?基于模板的數據綁定實現數據的動態渲染?基于 API 實現與服務端的數據通信?掌握小程序中高級 API 的使用。?理解 uni-app 實現跨平臺開發的原理機制?以及 uni-app 開發小程序時開發時與原生小程序的差異?熟悉微信支付的接入流程?利用數據緩存實現性能優化
升級說明
升級好客租房 v2.0 項目,新增 Hooks,函數式編程,Redux-Saga、Redux-Thunk 中間件
主要內容
?React 常用 API?JSX?虛擬 DOM?生命周期?組件通信?數據管理流程?Antd?百度地圖?高階組件?組件定制?數據處理?utils?移動端租房項目
可解決的現實問題
深入理解組件化和模塊化開發思想,三大主流框架之一,滿足企業招聘中的崗位要求。
可掌握的核心能力
?掌握 React 的基本語法?掌握 JSX 的常用語法?掌握 create-react-app 的使用?掌握路由的使用?掌握 React 中組件化開發的能力?了解高階組件的基本使用?熟悉組件通信的常用方法。?掌握 React 的生命周期?掌握 Redux 的數據管理流程?掌握 Redux 中各組成部分的作用?掌握 React-Redux 的基本使用?了解展示組件和容器組件的區別?了解單向數據流的概念?掌握 React 中 dev-tools 的使用。?掌握 Reac 技術棧進行移動端網站的能力?了解百度地圖 SDK 的基本使用?掌握 antd 的基本使用?了解項目中常見業務的開發思路?了解組件化開發思想?了解 CSS in JS 思想
升級說明
小兔鮮兒電商后臺項目(TypeScript)
主要內容
?TypeScript 基礎語法?接口、類、繼承、構造器?useState?useEffect?useContext?自定義 Hooks?Redux 中間件?AntV?G6?單點登錄?小兔鮮兒電商項目
可解決的現實問題
進軍大廠必備,結合 TypeScript+Hooks 和函數式編程思想完成項目開發。
可掌握的核心能力
?理解 TypeScript 中的類型系統?理解并能使用 TypeScript 中的泛型?了解 TypeScript 中類型的推斷過程?了解 TypeScript 類型的高級用法?理解 Effect Hooks 和 State Hooks 設計思想?理解 Hooks 應用場景?掌握使用 Hooks 封裝一些組件?掌握 JavaScript 函數式編程范式?理解主流的數據管理設計思想?掌握 Webpack 的工程化解決方案?掌握 Ant Desgin 的 UI 組件庫?掌握基于 RESTful 風格的 API 解決方案?掌握 React-Router-Dom 的路由管理方案?掌握 Redux 的全局狀態管理?掌握基于 Redux-Saga 的 Redux 異步處理方案?掌握 create-react-app 腳手架工具?掌握基于 xlsx 的 Excel 表格解析處理方案?掌握基于 AntV/G6 的 Graph 的流程審批功能?掌握基于 React 組件化技術解決方案?掌握結合 Redux 狀態管理?掌握用戶權限解決方案?掌握 AI 智能推薦方案?掌握秒殺 / 拼團 / 砍價方案?掌握物流追蹤方案?掌握數據導出方案?掌握第三方支付方案?掌握即時通訊方案?掌握短信服務方案?掌握流媒體方案?掌握單點登錄方案?掌握服務提醒方案
升級說明
新增 React Native 交友 App 項目,新增 Flutter 小兔鮮兒移動 App 項目;新增小兔鮮兒原生小程序項目
主要內容
?React-Naitve?Flutter?Dart?PWA?Taro?跨平臺電商項目?跨平臺交友項目
可解決的現實問題
高級前端工程師必備技能,真正實現一套代碼多端運行,減少開發成本,提高開發效率。
可掌握的核心能力
?掌握 RN 原生 App 界面布局?掌握第三方 RN 組件的集成和改造?掌握第三方 Android 原生組件的集成和使用?掌握高德定位自動獲取終端經緯度?掌握騰訊逆地址技術?掌握 JWT 交互模式?掌握 Mobx 管理數據?掌握自定義 SVG 繪制?掌握 RN 模態窗口的實現?掌握圖文混排布局?掌握 RN 本地相冊訪問?掌握 RN 本地相機調用?掌握高德地圖實現定位功能?掌握 RN 多圖片上傳?掌握 Flutter 開發環境搭建?掌握 Dart 語言基礎?掌握 Flutter 常見的布局方式?理解組件的概念及分類?掌握基礎組件、容器類組件、可滾動組件、功能性組件的應用?理解 Taro 實現跨平臺開發的原理機制?理解單 JSX 組件與原生小程序組件的對應關系?理解 Taro 開發小程序與原生小程序的差異?掌握原生小程序消息推送方案?掌握原生小程序多線程方案?掌握原生小程序云開發等高級方案?了解 PWA?能夠實現通過 PWA 技術強化 H5 網頁的原生特性?了解當前 PWA 技術的瀏覽器兼容情況
升級說明
新增 webpack 核心;新增腳手架工具;新增 git flow 全流程。
主要內容
?webpack 核心原理?手寫腳手架?性能優化?AST?gitflow 工作流
可解決的現實問題
高級前端工程師必備技能,在項目開發中實現自動化、規范化、組件化、模塊化。
可掌握的核心能力
?理解 webpack 的作用與原理?熟悉項目的打包過程配置?理解工程化的前端思維?掌握前端工程化的常見工具及工作原理?了解 webpack 性能優化?了解 webpack 中的 tapable?了解 AST 的應用?深入學習 webpack 原理,手寫 webpack?掌握 vue-cli 及相關配置?掌握 vue-cli 初始化單頁及多頁項目?掌握使用 create-react-app 搭建項目?了解 create-react-app 的原理?掌握 angular-cli 搭建項目?了解 angular-cli 的原理?掌握一個基礎 cli 的功能實現?掌握提交相關:git rebase/git commit/git reflog/git log?掌握子模塊: submodule/subtree?掌握分支管理:git fetch/git checkout/git merge?掌握重置及回退:git reset/git checkout/git rm?掌握多人協同 git 工作流?掌握 git 常見的分支管理命令
升級說明
新增 Web 框架;新增 No SQL;新增 SSR;新增性能監控,埋點方案,異常上報,錯誤預警方案等
主要內容
?Egg?koa?redis?MongoDB?監控平臺?版本號分析?埋點方案?PV/UV 統計?性能監控?SSR 原理?Nuxt.js?Next.js
可解決的現實問題
高級前端工程師必備技能,SEO 優化策略之一,網站性能監控與埋點方案。
可掌握的核心能力
?理解 Egg 的作用?運用 Egg 完成項目?理解 Koa 的核心設計思想?掌握 Koa 的中間件編寫?理解 redis 核心概念與使用?結合 redis 完成項目?理解 MongoDB 核心概念與使用?理解服務端日志收集系統設計?掌握接入第三方監控平臺?掌握對服務端錯誤預警?實現前端異常上報?實現用戶 PV/UV 統計?實現頁面加載時間統計?實現用戶點擊行為統計?實現接口請求日志統計?實現接口請求耗時統計?實現靜態資源加載異常統計?實現實現 JS 頁面截圖?實現 JS 報錯實時監控?實現詳情分析和代碼定位?實現靜態資源加載異常實時監控?實現靜態資源加載異常的統計分析?實現接口請求報錯實時監控?實現接口請求報錯的統計分析?實現用戶 PV/UV 實時統計?實現記錄回放功能(詳細記錄用戶使用的足跡)?實現 7 日內留存數據分析?了解版本號分析,瀏覽器分布等信息分析?分析頁面加載性能數據?理解 SSR 運行原理?掌握 SSR 環境搭建?掌握使用緩存和 stream 對 SSR 進行性能優化?掌握 Nuxt.js 的應用?掌握 Next.js 的應用
嚴格的考勤體系
助教/班主任上課實時督導
階段性考核體系
每日測評及反饋
末位輔導/晚自習輔導/作業點評
學習優異者進行獎勵
日常學習小獎勵
老學員分享
勵志故事分享
拓展活動、聯歡會、節日活動
階段性就業輔導
模仿真實企業面試流程
面試禮儀培訓
輔助學員修改簡歷
綜合面試培訓