項目開發驗收27項考核指標
功能實現
業務流程
UI/UE實現
代碼質量
接口/性能
……
課程質量驗收15項考核指標
技術應用合理性
技術前沿性
技術深度
課程銜接合理性
引導式教學應用程度
……
研發效率驗收3項考核指標
進度
成本
變更頻率
……
用戶驗收17項考核指標
課程導入吸引度
授課語言感染力
課程趣味性
教學結果
課程吸收度
……
選擇學科
HTML&JS+前端
HTML&JS+前端
高級軟件工程師課程
推出9個月高級軟件工程師課程，覆蓋全棧+全端，知識量和技術深度增加50％；工程化+場景化深度定制，更貼合現階段大廠要求
前端培訓課程標準為什么要培訓9個月成為高級軟件工程師？
前端課程大綱
基礎班階段一
就業班階段一
就業班階段二
就業班階段三
就業班階段四
就業班階段五
就業班階段六
就業班階段七
就業班階段八
就業班階段九
就業班階段十
查看詳細課程大綱>基礎入門新課時：14天VS舊課時：14天
升級說明
使用案例場景式教學，提升學習興趣，降低入門難度
主要內容
?自適應布局?BFC?藍湖?選擇器?盒模型?浮動?背景?定位?Flex?轉換?Web 字體?動畫?標簽語法?排版標簽?布局標簽?多媒體標簽?電商網頁開發
可解決的現實問題
借助藍湖工具，參照設計稿，進行 PC 端靜態網頁的開發。
可掌握的核心能力
?熟練運用 HTML 語法?掌握語義化的本質?合理使用 HTML 標簽編寫網頁的結構?通過浮動、定位、Flex 精細控制網頁布局?通過背景、圓角、陰影、漸變等美裝飾美化網頁內容?結合轉換、過渡、動畫等高級特性增強用戶體驗?能夠編寫大型綜合性網頁?基于設計稿編寫網頁?借助藍湖協同平臺進行網頁開發?體驗真實團隊開發流程
查看詳細課程大綱>移動 / Web新課時：13天VS舊課時：12天
升級說明
高度還原設計稿，熟悉靜態網頁的開發流程，新增1天團隊實戰
主要內容
?媒體查詢?分辨率?視口?媒體查詢?rem?屏幕適配?2 倍圖?響應式圖片?劉海屏適配?添加主屏?禁止復制?Bootstrap?柵格化?團隊實戰
可解決的現實問題
解決移動設備屏幕所呈現網頁的開發，高度還原設計稿，熟悉靜態網頁的開發流程。
可掌握的核心能力
?了解 PC 屏幕與移動設備屏幕的差異?結合視口、媒體查詢、rem 等知識整合出穩定高效的移動屏幕適配方案?基于設計稿編寫高還原度的網頁?針對移動設備的特征應用差異化的技術解決方案?借助藍湖協同平臺，體驗真實團隊開發流程?基于媒體查詢技術適配多終端網頁?運用 Bootstrap 框架開發響應式網頁
查看詳細課程大綱>JavaScript / WebAPI / jQuery新課時：30天VS舊課時：30天
升級說明
融合 ES6-11 新語法，重新設計案例
主要內容
?流程控制?循環?函數?對象?數組?宿主環境?節點操作?事件流?高階函數?排序?重繪?回流?預加載?面向對象?原型?class?柯里化?箭頭函數?閉包?點九圖?ECharts?jQuery?數據可視化項目
可解決的現實問題
網頁操作和用戶交互是網頁開發中不可或缺的組成部分，讓網頁“動”起來。
可掌握的核心能力
?掌握客戶端開發技術，如視覺交互、數據處理、安全、性能?掌握熟練操作 DOM 的能力?熟悉 ES6+ 語法特性?具備面向對象編程的能力?運用 jQuery 提高開發效率，深入面向對象思想?運用 Echarts 完成數據可視化項目的開發
查看詳細課程大綱>服務端編程新課時：25天VS舊課時：25天
升級說明
優化課程，新增防抖節流，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 等技術完成后臺管理項目的開發
查看詳細課程大綱>Vue.js新課時：59天VS舊課時：50天
升級說明
新增人資中臺項目，置換小兔鮮兒電商前臺項目，新增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 組件封裝的技巧
查看詳細課程大綱>小程序新課時：14天VS舊課時：14天
升級說明
升級品優購 v2.0 項目（uni-app）
主要內容
?小程序 API?小程序發布流程?WXS?微信支付?Mobx?uni-app
可解決的現實問題
滿足前端工程師的崗位要求，受眾廣泛，提高就業能力，找工作時的加分項。
可掌握的核心能力
?了解小程序開發的一般流程?熟悉小程基礎組件的使用?能夠基于 wxml 和 wxss 實現小程序的界面布局?基于模板的數據綁定實現數據的動態渲染?基于 API 實現與服務端的數據通信?掌握小程序中高級 API 的使用。?理解 uni-app 實現跨平臺開發的原理機制?以及 uni-app 開發小程序時開發時與原生小程序的差異?熟悉微信支付的接入流程?利用數據緩存實現性能優化
查看詳細課程大綱>React.js 基礎新課時：20天VS舊課時：20天
升級說明
升級好客租房 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 思想
查看詳細課程大綱>React.js 高級新課時：17天VS舊課時：0天
升級說明
小兔鮮兒電商后臺項目（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 智能推薦方案?掌握秒殺 / 拼團 / 砍價方案?掌握物流追蹤方案?掌握數據導出方案?掌握第三方支付方案?掌握即時通訊方案?掌握短信服務方案?掌握流媒體方案?掌握單點登錄方案?掌握服務提醒方案
查看詳細課程大綱>多端跨平臺新課時：35天VS舊課時：0天
升級說明
新增 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 技術的瀏覽器兼容情況
查看詳細課程大綱>工程化新課時：8天VS舊課時：1天
升級說明
新增 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 常見的分支管理命令
查看詳細課程大綱>前端服務化新課時：30天VS舊課時：0天
升級說明
新增 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 的應用
前端培訓適合人群
-
有具象思維
相比較邏輯思維，前端工程師更需要具體、形象的思維能力
-
有好奇心
喜歡接觸新興事物，對互聯網行業有好奇心和探索欲望
-
耐心細致
前端應用是觸達用戶的第一入口，
用戶體驗十分重要 -
應屆畢業生
前端工程師崗位需求多、前景好、
上手快，適合作為應屆生的第一職業
前端工程師職業發展路徑
初級前端工程師
（0~1 年）
中級前端工程師
（1~2 年）
高級前端工程師
（2~4 年）
資深前端工程師
（4~6 年）
前端架構師
（6~10 年）
CTO
（10 年以上）
技術開發組長
（4~6 年）
項目經理
（6~10 年）
項目總監
（10 年以上）
真項目
由大廠架構師精心設計，推出全平臺、全業務、場景化、工程化的前端項目課程，制定前端真項目標準 ，并且建立可以免費體驗的在線“項目庫”-
高標準"億元級"研發投入
大廠項目標準 -
全平臺Web、H5、小程序、
移動端等平臺全覆蓋 -
全業務主流業務全覆蓋
開發場景真實還原 -
場景化業務場景深度定制
行業方案全面主流 -
工程化項目開發規范化
上線部署自動化 -
嚴保障12項評審流程
4項驗收標準
-
項目實戰天數 ≥9天
實實在在的項目干貨
不用框架基礎來湊數
頁面數量≥ 8個
足夠的頁面數量
支撐完整的業務體系
主業務類型數≥ 6個
企業真實開發場景
從容應對主流業務
解決方案數量≥ 8個
定制化的解決方案
提升技術應用的靈活性與穩定性
接口數量≥ 30個
足夠的接口數量
體現項目的規模化 -
Now - 單項目全端 跨平臺
技術范圍廣 合并重復知識點
企業開發同一產品 多個平臺更真實
各平臺產品 密切聯動
依行業特點 制定強實施性解決方案Before - 多項目多端
不同類型項目 存在重復知識點
體量不足 性能優化感知弱
缺失跨平臺公共業務和數據請求
行業縱深較淺 解決方案非體系化以小兔鮮兒項目為例
全平臺多端項目行業首個真正的全端項目課程，并且業務在全端貫通
Web 項目-電商前臺 小程序項目 – 小兔鮮兒小程序Web 項目– 電商后臺 移動端項目 – 小兔鮮兒App
-
專業級的產品經理團隊
企業級業務模型打造
高級后端開發工程師
配合產品實現
拒絕DEMO級項目
-
場景化—深度場景定制
數據監控
短信服務
角色權限
流媒體
AI智能推薦
工作流
單點登錄
物流追蹤
即時通訊
消息提醒
-
工程化 — 企業生產效率提升必備
模塊化
●模塊化構建
●ESModule
●Babel構建JavaScript
●PostCSS構建CSS
●常用資源模塊化
●常見loader的使用組件化
●結合Vue實現組件化開發
●結合React實現組件化開發性能優化
●DllPlugin
●HappyPack
●UglifyPlugin
●文件監聽
●TreeShaking
●壓縮代碼
●CDN加速
●Prepack規范化
●編程范式約束
●目錄結構統一
●編碼規范統一
●接口規范統一
●文檔規范
●Mock數據并行開發
●GitFlow與版本管理自動化
●環境嗅探、自動刷新、
一鍵部署
●資源定位、hash文件指紋
●動態構建、HMR
●腳手架定制
●持續集成
●CDN內容分發
●錯誤監控以下開發問題場景都可以通過工程化解決
開發層面
相同業務重復編寫
代碼調試困難
業務代碼維護困難
網站性能較差
文件依賴關系混亂
性能層面
靜態和動態資源部署混亂
性能問題重復
人工交付流程繁瑣
JS邏輯對接口API強依賴
協同層面
同一模塊無法多人開發
團隊開發效率低
團隊協作能力差
規范層面
接口規范不統一
命名不規范
編碼規范不統一
項目組織結構不規范
自動化層面
圖標無法自動合并
無法持續集成
無法自動構建
無法進行自動化測試 -
HTML&JS+前端項目12項評審流程
HTML&JS+前端項目4項驗收標準
前端項目體驗
專職課研團隊
專職教學團隊
16級標準嚴選專職課研老師，嚴控課程研發質量
人才篩選
4項標準
- 標準化研發人才畫像
大廠背景，技術深度、廣度，
大型項目經驗
- 多維面試（五面）
背景調查，技術360°鑒定 ，
新課題設計 ，課程隨機演繹 ，
職業定位、發展規劃 - 研究院小組診斷測評
教育情懷、價值觀，進
取精神、培養潛力 - 全鏈路面試流程監控
CEO審核，信息存檔
人才考核
8大環節
課研人員素質考核視頻錄制考核
課程設計考核課堂試煉考核
大綱設計考核產品全方位審評
講義撰寫考核考核答辯
人才培訓及
發展規劃
平臺、組件
技術開源歷練
技術私享會
大牛技術沙龍
企業對對碰
技術共享
優中選優，教學老師錄取率<3%，從源頭嚴控師資及授課質量
人才篩選
4項標準
- 標準化講師畫像
業務技能、性格
特色、溝通能力
- 初試技術深度
框架能力、底層原理、性能與
安全、算法與數據結構 - 復試授課質量
課程設計、授課邏輯互動與
交互、代碼規范 - 終試價值觀
抗壓能力、學習動力、
專業程度、培養潛力
人才考核
8大環節
定制個性化考核方案教育心理考核
講師素質考核教學方法考核
排課、備課產出物考核課堂試講考核
視頻錄制考核正式授課答辯
人才培訓及
發展規劃
每日授課
學員滿意度打分
階段課程實施
評審組審核
傳智培訓院
多維培養計劃
講師專屬
晉升通道
學員作品
還原大廠企業標準化開發流程，學員主導項目從零到上線的全周期、全流程，學習一個半月就可以完成以下作品-
![前端開發培訓作品：攝影網站]()
Perfect Photo & Studio
【在線演示】深圳-40期程同學組
簡介：自主創意的攝影作品工作室網站，使用 jQuery + CSS3 + flipping +...
作品簡介
自主創意的攝影作品工作室網站，使用 jQuery + CSS3 + flipping + slick + bootstrap + animate，封裝圖像切割動效 JavaScript 動效庫，實現豐富的圖片特效。
在線演示![前端培訓班學員作品：飄視覺]()
飄視覺
【在線演示】廣州-27期三組
簡介：參考《飄視覺》官網，使用 jQuery + CSS3 + pincolor + swiper...
![前端培訓班學員作品：企業網站]()
UEMO
【在線演示】廣州-11期李同學組
簡介：提供企業網站定制服務解決方案，為企業輕松快速定制高端官網...
作品簡介
提供企業網站定制服務解決方案，為企業輕松快速定制高端官網。使用 jQuery + CSS3 + mplayer 實現大量商業級動畫效果，尤其動畫的設計既專業又炫酷，封裝 common JavaScript 工具庫。
在線演示![前端開發培訓機構學員作品：唯一視覺婚紗攝影]()
唯一視覺婚紗攝影
【在線演示】西安-7期張同學組
簡介：參考《唯一視覺婚紗攝影》官網，使用 jQuery + CSS3 + animate...
![前端培訓機構學員作品：軒轅劍龍舞云山]()
軒轅劍龍舞云山
【在線演示】深圳-38期范同學組
簡介：參考網易游戲《軒轅劍龍舞云山》手游官網，使用 jQuery + CSS3...
作品簡介
參考網易游戲《軒轅劍龍舞云山》手游官網，使用 jQuery + CSS3，封裝 common JavaScript 工具庫，應用 normalize 實現 CSS reset，基本還原了首頁全景，動畫交互效果精致。
在線演示![前端工程師培訓學員作品：光·遇]()
光·遇
【在線演示】深圳-38期肖同學組
簡介：參考網易游戲《光·遇》官網，使用 jQuery + CSS3 + bootstrap + ...
![前端工程師培訓學員作品：陰陽師：百聞牌]()
陰陽師：百聞牌
【在線演示】深圳-38期汪同學組
簡介：參考網易游戲《陰陽師：百聞牌》手游官網，使用 jQuery + CSS3...
![web前端開發學員作品：戰意]()
戰意
【在線演示】廣州-27期二組
簡介：參考網易游戲《戰意》官網，使用 jQuery + CSS3 + swiper...
-
![web前端培訓學員作品：網易游戲]()
網易大神
【在線演示】廣州-27期七組
簡介：參考《網易游戲》官網，使用 jQuery + CSS3 + wrating + ...
作品簡介
參考《網易游戲》官網，使用 jQuery + CSS3 + wrating + nav.byebye3 + iplay + entry + vendor，實現精彩的 3D 動效交互效果。
在線演示![web前端培訓學員作品：AWA 4.0]()
AWA 官網
【在線演示】廣州-27期六組
簡介：參考《AWA 4.0》官網，使用 jQuery + CSS3 + html5shiv + ...
作品簡介
參考《AWA 4.0》官網，使用 jQuery + CSS3 + html5shiv + swiper，實現響應式交互菜單動效，封裝 shop JavaScript 工具庫專門處理商品信息。
在線演示![前端開發工程師培訓作品：陰陽師]()
陰陽師
【在線演示】廣州-25期張同學組
簡介：參考網易游戲《陰陽師》官網，使用 jQuery + CSS3 + swiper + ...
![傳智web前端學生作品：美食網]()
美食網
【在線演示】廣州-23期李同學組
簡介：美食網，吃天下。使用 jQuery + CSS3 + flex + SuperSlide ...
![前端培訓機構學生作品：方舟生存天下]()
方舟生存天下
【在線演示】廣州-23期王同學組
簡介：參考網易游戲《方舟生存天下》官網，使用 jQuery + CSS3 +...
作品簡介
參考網易游戲《方舟生存天下》官網，使用 jQuery + CSS3 + posterSwing + canvas-nest + scrollreveal，獨立研發并封裝視頻播放方案：全屏 + 自動播放 + 輪播。
在線演示![前端學員作品：天下 3]()
天下 3
【在線演示】廣州-11期薛同學組
簡介：參考網易游戲《天下 3》官網，使用原生的 JavaScript、HTML5 和...
![前端培訓班學員作品：蒙娜麗莎]()
蒙娜麗莎婚紗攝影
【在線演示】廣州-11期張同學組
簡介：參照《蒙娜麗莎》婚紗官網，使用 jQuery + CSS3 + Bootstrap + animate...
作品簡介
參照《蒙娜麗莎》婚紗官網，使用 jQuery + CSS3 + Bootstrap + animate + mplayer，實現了豐富的酷炫的動畫效果，封裝 common JavaScript 工具庫。
在線演示![web前端學生作品：行行攝色]()
行行攝色
【在線演示】西安-7期高同學組
簡介：參考《行行攝色》官網，使用 jQuery + CSS3 + easying + move-line...
作品簡介
參考《行行攝色》官網，使用 jQuery + CSS3 + easying + move-line + bundle + animatie，實現了炫酷的 3D 交互式動效，同時還封裝 tools JavaScript 工具庫，并獨立研發了風景照片特效。
在線演示 -
![前端開發培訓班學員作品1]()
哇噻網
【在線演示】西安 7 期馬同學組
簡介：參考《哇噻網》官網，使用 jQuery + CSS3 + animate，實現了...
作品簡介
參考《哇噻網》官網，使用 jQuery + CSS3 + animate，實現了豐富精致的動畫效果，小資購物的情調展現的淋漓盡致，同時還封裝 common JavaScript 工具庫。
在線演示![前端開發培訓班學員作品2]()
優必選官網
【在線演示】西安 7 期高同學組
簡介：參考《優必選官網》官網，使用 jQuery + CSS3 + animate，實現了...
![前端開發培訓班學員作品3]()
馬蜂窩
【在線演示】西安 7 期王同學組
簡介：參考《馬蜂窩》官網，使用 jQuery + CSS3 + animate，實現了...
作品簡介
參考《馬蜂窩》官網，使用 jQuery + CSS3 + animate，實現了豐富的酷炫的動畫效果，封裝通用和動畫兩個 JavaScript 工具庫，并根據業務封裝了城市、店鋪 JavaScript 業務庫。
在線演示
前端實戰標準及流程 —— 完成高質量項目作品，快速適應企業工作流程
-
采用大廠推薦的開發流程
實現項目高效開發、快速迭代 -
打通需求 → 設計 → 開發 → 測試 →協同全流程，提升團隊協同效率
-
學員親歷項目從零到上線的全周期開發，對項目流程有深刻認知
-
學員主導，分組練習，提升需求分析及實現能力
Tlias全方位AI教輔系統
數據驅動教學，貫通教/學/練/測/評，為每一位學員私人定制學習計劃和就業服務
- 學員入學
- 課堂教學
- 課后指導
- 專項練習
- 入學多維測評
定制專屬學習計劃 - 目標導向式學習
精準定靶不脫節 - 隨堂診斷糾錯
掃清理解盲點
- 循序漸進式練習
從理論到應用 - 階段效果測評
消除知識薄弱點 - 智能指引式建議
分層教學，因材施教
- 隨時有問必答
攻克技術難點 - 學員薄弱知識可視化
精準查漏補缺 - BI報表數據呈現
精準把控教學質量
-
精準定靶學習目標，讓學員對每天的學習進程了如指掌。課上一講多練的教學模式更便于學員反思評估當天學習目標的掌握程度，教師提供針對性的學習指導，保障學習效果。
-
TLIAS系統為學員提供了充足的實操訓練機會，并構建了一條科學的練習路徑，多級練習提示使各類學員都能獲得充分指引，最終獨立解決問題，提升知識技能水平。
-
TLIAS系統的診斷測評工具，使學員能夠對每天所學知識進行檢測，將薄弱知識可視化，精準查漏補缺，對問題知識點給予重點消化吸收，復習更高效、更聚焦，效果更明顯。
-
為充分激活學員間互動能量，將學員個人單線的學習擴展為立體互動性較強的探索式共享學習，TLIAS系統搭建了學習問答社區。熱帖瀏覽高達到2.5w人次。
-
TLIAS系統的就業中心從實際就業需求出發，為學員們準備了非常豐富的就業資源，5大課程門類，2000余節課程視頻，能夠滿足不同學員的實際需求。
-
為提升學員的面試實戰經驗，TLIAS系統的模擬面試平臺高度還原學員目標崗位的面試環境和流程，并打造求職利器“面試寶典”，幫助學員熟悉面試流程，提高面試成功率。
-
TLIAS系統的BI數據平臺能夠全方位采集、實時監測各關鍵環節數據，形成一套成熟且執行有效的數據驅動模式，問題及時解決，風險提前預防，保障教學質量持續穩定的輸出。
-
為老師的教學打分，對校區的服務評價，TLIAS系統會做出定性和定量分析，在精準的教學質量監控下，師資質量精益求精、學習效果穩步提升，學習體驗與滿意度口碑雙提升。
-
學習目標體系
-
作業試題庫
-
個人專屬測評
-
學習問答社區
-
就業指導資源
-
模擬面試平臺
-
多數據采集
-
教學質量監控
更多Tlias就業服務
就業流程
全信息化處理
學員能力
雷達圖分析
定制個性化
就業服務
技術面試題
講解
就業指導課
面試項目分析
HR面試攻略
模擬企業
真實面試
專業簡歷指導
面試復盤輔導
風險預警
企業黑名單提醒
傳智匯-打造你的IT職業生態圈
老學員畢業后可加入傳智匯IT精英社區，持續幫助學員終身成長，一次學習，永久服務-
行業沙龍
每年百場行業交流
每年24場免費交流 -
高端人脈
行業大牛講座
技術大牛分享
攻克研發難關
緊跟科技前沿 -
職場資源
二千余家企業
高管精準指導
助力職場晉升
突破發展瓶頸 -
技術研習
服務中高端IT人才
持續跟蹤量身定做
-
網頁布局基礎班 1
課時:14天技術點:54項測驗:1次學習方式:線下面授
學習目標
借助藍湖工具，參照設計稿，進行 PC 端靜態網頁的開發。
主講內容1HTML
HTML 是網頁開發的基礎，從最簡單的網頁開發基礎入手，使用常見的標簽制作網頁內容，包含了以下技術點：?
標簽語法 | 排版標簽 | 布局標簽 | 多媒體標簽 | 符號實體 | 語義化 | 路徑 | 元數據 | 文檔聲明主講內容2CSS
在 HTML 結構的基礎上，通過浮動、定位、Flex 精細控制網頁布局，通過背景、圓角、陰影、漸變等美裝飾美化網頁內容，結合轉換、過渡、動畫高級特性增強用戶體驗，能夠編寫大型綜合性網頁。
選擇器 | 規則聲明 | 盒模型 | 文檔流 | 浮動 | 字體 | 背景 | 偽類 | 3大特征 | 圓角 | 限影 | 過渡 | 透明 | 偽元素 | 定位 | Web 字體主講內容3電商網頁制作
基于設計稿編寫網頁，確保網頁布局的高還原度，綜合運用 HTML、CSS 的基礎知識，歸納使用技巧，提升綜合實戰水平，借助藍湖協同平臺，體驗真實團隊開發流程。
元素居中 | 自適應布局 | BFC | 瀏覽器內核 | 性能優化 | 文檔編碼 | 設計稿 | 藍湖 -
移動端布局就業班 1
課時:13天技術點:49項測驗:1次學習方式:線下面授
學習目標
解決移動設備屏幕所呈現網頁的開發，高度還原設計稿，熟悉靜態網頁的開發流程。
主講內容1移動端布局
深入理解屏幕相關知識，了解 PC 屏幕與移動屏幕本質上的差異，結合視口、媒體查詢、rem 等基礎知識整合出穩定高效的移動屏幕適配方案。
Flex布局 | Less基礎語法 | 媒體查詢 | 分辨率 | 像素密度 | 像素 | 視口 | 媒體查詢 | rem | 屏幕適配主講內容2響應式布局
基于媒體查詢開發跨終端的網頁，通過 Bootstrap 體會框架封裝的高效性及組件化的復用性等實戰化特征。
Bootstrap | 響應斷點 | 柵格化 | 組件主講內容32D&3D 轉換與動畫
基于 CSS 的 2D 與 3D 轉換特性制作動效網頁
2D 轉換 | 3D 轉換 | 動畫 animation | 立方體制作主講內容4團隊實戰
基于設計稿編寫網頁，確保網頁布局的高還原度，針對移動設備的特征應用差異化的技術解決方案，歸納開發技巧，提升綜合實戰水平，借助藍湖協同平臺，體驗真實團隊開發流程。
開發流程 | 2 倍圖 | 響應式圖片 | 區域滾動 | 劉海屏適配 | 添加主屏 | 禁止復制 -
JavaScript就業班 2
課時:28天技術點:124項測驗:2次學習方式:線下面授
學習目標
網頁操作和用戶交互是網頁開發中不可或缺的組成部分，讓網頁“動”起來。
主講內容1JavaScript 基礎語法
了解語言的基本概念，熟識語法規則，培養語言基礎邏輯能力，建立良好的編程思維，具有一定的語言駕馭能力。
變量 | 數據類型 | 運算符 | 類型轉稱 | 函數 | 對象 | 流程控制 | 數組 | Math | 內置函數主講內容2WebAPI
學習客戶端開發技術，能夠根據產品需求完成開發任務，如視覺交互、數據處理、安全、性能等，熟練掌握 DOM 操作的方法，能夠分析視覺交互需求，結合 CSS 規則設計合理的 DOM 結構，完成開發任務。
宿主環境 | 節點查找 | 節點操作 | 節點關系 | 事件 | 事件流 | 事件委托 | 間歇函數 | 高階函數 | 偽數組 | 執行環境 | 自執行函數 | 命名空間 | 排序 | 延時函數 | 正則 | 表單 | 自定義屬性 | 重繪 | 回流 | 預加載 | 懶加載 | 生命周期主講內容3JavaScript 高級 / ES6+
深入理解 ECMAScript 的知識體系及工作機制，熟悉 ES6+ 新的語法特性，注重抽象思維的培養，具備面向對象編程的的能力。
字面量 | 構造函數 | 單體對象 | 面向對象 | 原型 | class | getter | setter | 柯里化 | 解構 | 箭頭函數 | Object | Array | const | 嚴格模式 | 閉包主講內容4jQuery
借助 jQuery 提升開發的效率，同時借鑒和學習 jQuery 的封裝實現思想，鞏固面向對象的相關知識，加深對面象對象的理解。
選擇器 | 節點方法 | 動畫 | 動畫隊列 | 事件 | 事件委托 | 鏈式操作 | 插件 | 插件機制主講內容5數據可視化 ECharts 實戰
綜合 JavaScript、HTML、CSS 所學的知識，針對企業現實開發需求，基于 ECharts 數據可視化插件歸納數據可視化領域解決方案，提升知識綜合運用水平。
Flex / 媒體查詢 / 點九圖 / ECharts / jQuery -
服務端編程就業班 3
課時:22天技術點:97項測驗:1次學習方式:線下面授
學習目標
實現客戶端與服務端的交互，快速搭建服務器，具備大前端的基本功。
主講內容1Ajax
系統的學習網頁數據交互的 Ajax 技術，建立前后端交互的知識體系，為學生夯實網絡編程的基礎，為后期高級課程的學習做好鋪墊。
客戶端與服務器 | URL 地址 | jQuery 中的 Ajax | 接口 | form 表單提交 | 模板引擎 | XMLHttpRequest | XHR Level2 | 數據交換格式 | 封裝 ajax | 文件上傳 | axios 基本使用 | 跨域 | 防抖節流 | HTTP 協議主講內容2Git
借助 Git 對項目進行版本控制，掌握實際開發中那些必知必會的 Git 操作。
Git 基本概念 | 安裝并配置 Git | Git 的基本操作 | Github | 遠程倉庫 | SSH 訪問 | 本地分支操作 | 遠程分支操作主講內容3Node 基礎
全面系統講解 Node.js 中最核心的、必知必會的概念，能夠基于模塊化的開發思想優化項目代碼，編寫出高效、健壯的代碼，同時培養出 Node.js 的編程思維。
Node.js 環境配置 | fs 模塊 | path 模塊 | http 模塊 | 模塊化 | CommonJS | 模塊的分類 | 模塊作用域 | 模塊成員共享 | 模塊加載機制主講內容4npm
掌握 npm 的使用，能夠在實際開發中利用 npm 上的資源提高自己的開發效率，根據項目需求下載并安裝合適的包。同時也能夠根據遵守規范的包結構開發出屬于自己的包并發布到 npm。
包的概念 | 包的安裝與使用 | 包管理配置文件 | nrm | 全局包 | 規范的包結構 | 發布包 | nodemon主講內容5MySQL
了解后端數據庫的基本使用，能夠使用常見的 SQL 語句操作數據庫，并且能夠使用 MySQL 模塊在項目中操作 MySQL 數據庫，為實現從前端程序員進階到全棧程序員做準備。
數據庫的基本概念 | 安裝并配置 MySQL | MySQL Workbench | SQL 語句 | mysql 模塊主講內容6Express
掌握如何使用 Express 結合 MySQL 編寫后端 API 接口項目，為學生構建完整的前后端知識體系，培養出懂后端的前端程序員，提升學生的職場競爭力，邁出從前端程序員進階到全棧程序員關鍵的一步。
創建 Express 服務器 | 托管靜態資源 | 路由 | 中間件 | 自定義中間件 | 實現 GET 接口 | 實現 POST 接口 | 實現 JSONP 接口 | 實現 CORS 接口 | Web 開發模式 | 身份認證 | session | jwt主講內容7大事件項目
基于 jQuery + Ajax + 模板引擎 + Git 等技術，完成綜合性的后臺管理項目開發，鞏固前面課程所學的技術點，積累項目開發經驗，提升綜合解決問題的能力。
登錄 | 注冊 | Token 身份認證 | 后臺主頁 | 基本資料 | 重置密碼 | 更換頭像 | 文字類別管理 | 文章列表管理 | 分頁 | 文章管理 -
Vue.js就業班 4
課時:54天技術點:216項測驗:0次學習方式:線下面授
學習目標
滿足前端工程師的崗位要求，重中之重，也是主流框架之一，必會技能。
主講內容1webpack
掌握 ES6 模塊化的基本使用，熟悉異步編程的高級用法。同時建立前端工程化的開發思想，為工程化項目中腳手架的使用做基礎鋪墊。
ES6 模塊化 | Promise | async/await | EventLoop | 宏任務&微任務 | 前端工程化 | build 過程 | 入口 | 出口 | 加載器 | 插件 | 熱更新 | 打包發布 | SourceMap主講內容2Vue 基礎
掌握 Vue3.x 中常用指令及 API 的使用，使用 Vue 語法對常見頁面進行開發，了解組件化的開發思想，掌握路由的使用，熟悉組件之間實現數據共享的方式，知道 ElementUI 的基本使用，掌握組件封裝的原理，熟悉腳手架工具的使用，了解數據驅動視圖的思想。
MVMV | SPA | Vue 調試工具 | 指令 | 模板 | 選項 | 生命周期 | Vite | 樣式穿透 | 樣式綁定 | 插槽 | 跨域接口代理 | 組件化 | 自定義指令 | ref | 動態組件 | $nextTick | 自定義事件 | 計算屬性 | 偵聽器 | 組件庫 Element | 組件封裝 | 組件通信 | 路由 | 導航守衛 | vue-cli | 工程化基礎 | axios | interceptors | 經典案例實戰主講內容3頭條移動端項目
運用 Vue 的基本語法開發移動端網站，熟悉組件封裝的技巧，掌握 Vant 的使用，了解項目業務的開發思路，了解節流和防抖的應用場景。
移動端項目搭建 | Vant | REM 適配方案 | Token 過期處理 | 動態編輯 | 上拉加載 | 下拉刷新 | 評論與回復 | 搜索功能 | DayJS | 數據持久化 | 圖片預覽 | 頭像裁切 | 組件定制 | 組件封裝 | 性能優化主講內容4HR-saas中臺管理項目(vue)
深度使用 Vue 相關的技術，包括 Vue.js（MVVM 框架）、Vuex（狀態共享）、Vue-Router（路由表）、Vue-CLI（Vue 腳手架）、ElementUI（VueUI 框架）開發人力資源管理平臺，對人力資源各種常見的業務使用以上技術進行實現。展示常見的路由權限攔截、Token 角色認證、動態路由解析、重置、權限點設置、審批流程、PDF 打印、Excel 導入導出、跨域反向代理等業務，掌握 Vue 開發復雜 PC 管理項目的使用，掌握 Vuex 在 Vue 項目的深度應用。
vue-element-admin（請求模塊化，請求工具攔截，scss 樣式，布局組件） | Vuex 持久化（state，mutations，actions，getters 和 modules） | Vue CLI 配置(webpack) | 反向代理 | ElementUI 表單校驗（async-validator） | vue-router 導航守衛 | token 認證 | token 失效控制（主動介入和被動處理）| 角色管理業務 | RBAC 權限 | Vuex + 路由 + RBAC | 動態路由 | 角色權限 | 混入 mixns | 工作日歷 | Echarts 雷達圖 | 審批業務 | 全屏（screenfull） | tabs 頁多頁簽組件 | vue-i18n 國際化方案 | history 路由模式的應用 | element 列表的數據過濾 | 導入導出 Excel | Excel 復雜型表頭 | PDF 打印（vue-print-nb）| el-upload 上傳第三方云服務器 | 二維碼 qrcode | 打包性能分析 | CDN 加速的實踐應用 | 組件封裝 | 業務組件封裝主講內容5小兔鮮兒電商管理前臺項目
基于 vue3.0 的組合 AP I方式與選項 API 的方式開發的一個綜合品類的電商前臺系統。 實現了一套完整的電商業務流程，從首頁，類目，搜索，品牌，商品詳情，購物車，結算，支付，個人中心，訂單管理，收貨地址管理，評價中心，和其他個人信息管理業務。
核心技術：vue3.0 框架，vue-cli 項目腳手架，vue-router 路由，vuex 狀態管理，vuex-persistedstate 狀態持久化，less 預處理器，style-resoures-loader 樣式資源加載器，normalize.css 樣式庫，@vueuse/core 組合API工具庫，power set 算法庫，dayjs 日期庫，vue-infinite-loading 滾動加載，vee-validate 表單校驗，mockjs 本地數據模擬，soket.io 即時通訊。 封裝 UI 組件庫：carousel 組件，more 組件，bread 組件，skeleton 組件，checkbox 組件，radio 組件，select 組件，dialog 組件，message 組件，confirm 組件，pagination 組件，steps 組件，timeline 組件，tabs 組件，loading 組件，city 組件，v-lazy 指令。 核心業務：數據懶加載，圖片懶加載，骨架屏效果，無限列表，sku 規格選擇，云端購物車 & 本地購物車，微信支付 & 支付寶支付，商品類目，訂單管理。主講內容6Vue 原理
理解 MVVM 模式的實現原理，了解 defineProperty 的使用，了解 Proxy 的使用，掌握組件封裝的原理。
發布訂閱模式 | compile | observer | watcher | Object.property | Proxy | 組件開發 | 組件通信 | slot | render -
小程序就業班 5
課時:15天技術點:58項測驗:0次學習方式:線下面授
學習目標
滿足前端工程師的崗位要求，受眾廣泛，提高就業能力，找工作時的加分項。
主講內容1小程序基礎
了解小程序開發的一般流程序，熟悉小程基礎組件的使用，能夠基于 wxml 和 wxss 實現小程序的界面布局，基于模板的數據綁定實現數據的動態渲染，基于 API 實現與服務端的數據通信，以及熟悉其它高級 API 的使用。
賬號申請 | 開發工具 | 工程目錄 | 項目配置 | 屏幕適配 | 資源托管 | 字體圖標 | 數據綁定 | 事件處理 | 生命周期 | 場景值 | 模塊化 | 網絡請求 | 路由 | WXS | 模板 | 組件 | UI 框架 | 表單 | Promise | MobX主講內容2uni-app
理解 uni-app 實現跨平臺開發的原理機制，理清單文件組件與原生小程序組件的對應關系，以及 uni-app 開發小程序時開發時與原生小程序的差異。
腳手架 | 項目配置 | 單文件組件 | 生命周期 | 條件編譯 | 計算屬性 | 跨平臺支持 | less | sass | 組件通信主講內容3小程序電商項目
基于真實需求綜合運用小程序開發的相關知識，突出小程序 API 的真實應用場景，強化和鞏固小程序開發的相關知識，提升綜合解決問題的能力。
客戶消息 | 微信支付 | 微信地址 | 小程序轉發 | 區域滾動 | 上拉加載 | 下拉刷新 | 數據緩存 | 用戶信息 | 自定義組件 | 微信登錄 | 意見反饋 | 上線發布 -
React.js 基礎就業班 6
課時:15天技術點:62項測驗:0次學習方式:線下面授
學習目標
深入理解組件化和模塊化開發思想，三大主流框架之一，滿足企業招聘中的崗位要求。
主講內容1React 基礎
掌握 React 的基本語法，掌握 JSX 的常用語法，掌握 create-react-app 的使用，掌握路由的使用，掌握 React 中組件化開發的能力，了解高階組件的基本使用，熟悉組件通信的常用方法。
JSX | 組件化思維 | 虛擬 DOM | 生命周期 | 無狀態組件 | 有狀態組件 | ref | class | HOC | renderProps | 組件通信主講內容2Redux
掌握 Redux 的數據管理流程，掌握 Redux 中各組成部分的作用，掌握 React-Redux 的基本使用，了解展示組件和容器組件的區別，了解單向數據流的概念，掌握 React 中 dev-tools 的使用。
數據管理流程 | action | dispatch | store | reducer | 展示組件 | 容器組件 | react-redux | 開發調試工具主講內容3租房移動端項目
掌握 Reac 技術棧進行移動端網站的能力，了解百度地圖 SDK 的基本使用，掌握 antd 的基本使用，了解項目中常見業務的開發思路，了解組件化開發思想，了解 CSS in JS 思想。
項目搭建 | Antd | 百度地圖 | 常用高階組件 | 組件定制 | 數據處理 | utils | 移動端經典布局 -
React.js 高級就業班 7
課時:30天技術點:118項測驗:0次學習方式:線下面授或線上學習（可選）
學習目標
進軍大廠必備，結合 TypeScript+Hooks 和函數式編程思想完成項目開發。
主講內容1TypeScript 基礎
理解類型系統 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法，能理解代碼
靜態類型 | 基礎類型和對象類型 | 類型注解和類型推斷 | 函數相關類型 | 數組和元組 | Interface 接口 | 類 | 繼承 | 構造器 | Setter 和 Getter | 抽象類主講內容2TypeScript 高階語法
理解類型系統 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法，能理解代碼
聯合類型和類型保護 | Enum | 函數泛型 | 類中的泛型 | 命名空間 | 模塊化 | 描述文件主講內容3Hooks
理解 Effect Hooks 和 State Hooks 設計思想 理解 Hooks 應用場景 掌握使用 Hooks 封裝一些組件
useState | useEffect | useContext | 自定義 Hooks主講內容4函數式編程
掌握 JavaScript 函數式編程范式，為閱讀前沿框架源碼，學習框架設計思想做儲備，例如：React、RxJS、cycleJS、lodashJS、underscoreJS 等。
純函數 | 柯里化 | 函數組合 | Point Free | 聲明式與命令式主講內容5Redux 中間件
理解業內比較主流的 2 種數據管理設計思想 掌握如何運用合適的數據管理工具在項目 能通過查看源碼對項目做一些性能優化
React-Redux | redux-thunk | redux-saga主講內容6小兔鮮兒后臺管理項目
掌握基于 React 組件化技術解決方案 掌握結合 Redux 狀態管理 掌握用戶權限解決方案 掌握 AI 智能推薦方案 掌握秒殺 / 拼團 / 砍價方案 掌握物流追蹤方案 掌握數據導出方案 掌握第三方支付方案 掌握即時通訊方案 掌握短信服務方案 掌握流媒體方案 掌握單點登錄方案 掌握服務提醒方案
react 組件邏輯復用 | hooks 與組件生命周期 | useState | useEffect | useContext | useMemo 性能優化 | react-router-dom | redux | redux-thunk | useReducer | 環信 | 百度push | 微軟小冰 -
多端跨平臺就業班 8
課時:39天技術點:148項測驗:0次學習方式:線下面授或線上學習（可選）
學習目標
高級前端工程師必備技能，真正實現一套代碼多端運行，減少開發成本，提高開發效率。
主講內容1React Native 交友項目
掌握 RN 原生 APP 界面布局 掌握第三方 RN 組件的集成和改造 掌握第三方 Android 原生組件的集成和使用 掌握高德定位自動獲取終端經緯度 掌握騰訊逆地址 掌握 JWT 交互模式 掌握 Mobx 管理數據 掌握自定義 SVG 繪制 掌握 RN 模態窗口的實現 掌握圖文混排布局 掌握 RN 本地相冊訪問 掌握 RN 本地相機調用 掌握高德地圖實現定位功能 掌握 RN 多圖片上傳
登錄|注冊 | 短信驗證碼 | RN 前端輸入組件 | 自動獲取終端所在城市 | 城市選擇組件 | 生日選擇組件 | 照片上傳 | JWT 交互 | RN 輪播 | RN 滾動組件 | 測靈魂 | 搜附近 | 今日佳人 | 推薦朋友圈 | 最新朋友圈 | 點贊朋友圈 | 發布朋友圈 | 評論朋友圈 | 喜歡朋友圈 | 聊天功能集成 | 文字發送及回復 | 圖片發送及回復 | 語音發送及回復主講內容2Flutter 小兔鮮兒項目
掌握 Flutter 開發環境搭建 掌握 Dart 語言基礎 掌握 Flutter 常見的布局方式 理解組件的概念及分類 掌握基礎組件、容器類組件、可滾動組件、功能性組件的應用
開發環境搭建 | Dart 入門 | StatelessWidget | StatefulWidget | 布局 | 路由和導航 | 手勢 | 事件 | 資源文件 | 生命周期 | 拍照和圖片 | 動畫 | 網絡請求 | 列表組件 | 屏幕適配 | 混合開發 | 性能優化 | Plugin | 打包發布主講內容3小兔鮮兒原生小程序精講
理解 Taro 實現跨平臺開發的原理機制 理解單 JSX 組件與原生小程序組件的對應關系 理解 Taro 開發小程序與原生小程序的差異 掌握原生小程序消息推送方案 掌握原生小程序多線程方案 掌握原生小程序云開發等高級方案
腳手架 | 項目配置 | 編譯配置 | 條件編譯 | 適配 | 跨平臺支持 | sass | 組件通信 | 分包加載 | 消息推送 | 多線程 | 插件 | 云開發主講內容4PWA
了解 PWA 能夠實現通過 PWA 技術強化 H5 網頁的原生特性 了解當前 PWA 技術的瀏覽器兼容情況
PWA 簡介與優點 | PWA 背后的技術與原理 | PWA 現狀 | manifest | serviceWorker | 消息推送的實現 | PWA 瀏覽器兼容情況 -
前端工程化就業班 9
課時:9天技術點:39項測驗:0次學習方式:線下面授或線上學習（可選）
學習目標
高級前端工程師必備技能，在項目開發中實現自動化、規范化、組件化、模塊化。
主講內容1webpack 核心
學會 webpack 的配置 理解 webpack 的作用與原理 上手項目的打包過程配置 擁有工程化的前端思維 掌握前端工程化的常見工具及工作原理 了解 webpack 性能優化 了解 webpack 中的 tapable 了解 AST 的應用 深入學習 webpack 原理，手寫 webpack
基本配置 | loader | plugin | sourc map | HMR | Shimming | CodeSplitting | TreeShaking | Caching | 性能優化 | 多頁應用 | PreLoading | PreFetching主講內容2腳手架工具
掌握 vue-cli 及相關配置 掌握 vue-cli 初始化單頁及多頁項目 掌握使用 create-react-app 搭建項目 了解 create-react-app 的原理 掌握 angular-cli 搭建項目 了解 angular-cli 的原理 掌握一個基礎 cli 的功能實現
vue-cli | create-react-app | angular-cli | CLI 原理主講內容3git flow 全流程
掌握提交相關：git rebase/git commit/git reflog/git log 掌握子模塊: submodule/subtree 掌握分支管理：git fetch/git checkout/git merge 掌握重置及回退：git reset/git checkout/git rm 掌握多人協同 git 工作流 掌握 git 常見的分支管理命令
rebase | commit | reflog | log | submodule | subtree | fetch | checkout | merge | reset | checkout | rm | mv | branch | switch | git flow -
前端服務化就業班 10
課時:33天技術點:135項測驗:0次學習方式:線下面授或線上學習（可選）
學習目標
高級前端工程師必備技能，SEO 優化策略之一，網站性能監控與埋點方案。
主講內容1Koa / egg
Koa / egg / 中間件
對 Egg 的功能有全面的理解 | 掌握使用 Egg 完成項目 | 理解 Koa 的核心設計思想 | 掌握 Koa 的中間件編寫主講內容2NoSQL
Redis / MongoDB
理解 redis 核心概念與使用 | 能使用 redis 運用到項目中 | 理解 MongoDB 核心概念與使用 | 能使用 MongoDB 運用到項目中主講內容3性能監控
服務端日志收集系統設計 接入第三方監控平臺 服務端錯誤預警 分析用戶行為 建立用戶畫像
理解服務端日志收集系統設計 | 掌握接入第三方監控平臺 | 掌握對服務端錯誤預警 | 前端異常上報 | 用戶 PV/UV 統計 | 頁面加載時間統計 | 用戶點擊行為統計 | 接口請求日志統計 | 接口請求耗時統計 | 靜態資源加載異常統計 | 實現 JS 頁面截圖 | JS 報錯實時監控統計分析 | 詳情分析和代碼定位 | 靜態資源加載異常實時監控 | 靜態資源加載異常的統計分析 | 接口請求報錯實時監控 | 接口請求報錯的統計分析 | 用戶 PV/UV 實時統計 | 記錄回放功能（詳細記錄用戶使用的足跡） | 7 日內留存數據分析 | 版本號分析，瀏覽器分布，等信息分析 | 分析頁面加載性能數據主講內容4SSR
SSR 運行原理 SSR 環境搭建 緩存和 stream 性能優化
理解 SSR 運行原理及為什么需要使用 SSR | 掌握 SSR 環境搭建 | 掌握使用緩存和 stream 對 SSR 進行優化 | 掌握 Nuxt.js / Next.js 的應用
“周”更新日志
課程大版本更新
更多>課程更新日志按周更新熱點/前沿技術
2020.07.11 升級版本7.0
課程名稱
HTML&JS+前端
課程推出時間
2020.07.11
課程版本號
7.0
主要針對系統
Windows、Linux、macOS
主要使用開發工具
VSCode、HBuilder X
課程介紹
專為培養和打造高級前端工程師，重磅推出9 個月高含金量課程，課程升級顛覆培訓行業。
行業首家推出全端跨平臺項目并且業務在全端貫通。
超大項目庫，多行業多領域項目課程，主流行業全覆蓋，其中項目課程天數占比為 190 天，課程覆蓋 7 大主流就業領域，讓學生達到一線大廠的項目經驗要求。
專為高級前端工程師定做的 9 天前端工程化課程，包括：模塊化、組件化、性能優化、規范化、自動化，定制腳手架及性能方案，提升團隊開發效率。
1
新增小兔鮮兒電商前臺 （Vue.js 技術棧）
1
新增辦公管理人資中臺（Vue.js 技術棧）
1
新增黑馬頭條 H5 項目 2.0（Vue.js 技術棧）
1
新增品優購 2.0（uni-app）
1
新增好客租房 H5 項目 2.0（React.js 技術棧）
1
新增小兔鮮兒電商后臺 （React.js 技術棧 TypeScript + Hooks）
1
新增探花交友 （React Native)
1
小兔鮮兒移動App （Flutter 技術棧）
1
新增小兔鮮兒小程序 （原生小程序）
1
新增Febo 性能監控（核心模塊：React.技術棧 插件：Vue.js技術棧）
1
新增小兔鮮兒宣傳頁 （SSR）
1
刪除黑馬頭條自媒體管理平臺（Vue.js 技術棧）
1
刪除品優購電商 1.0（wepy）
1
刪除好客租房后臺管理系統（React.js 技術棧）
1
友情提示更多學習視頻+資料+源碼，請加QQ：2632311208。
2019.6.1 升級版本6.5
課程名稱
HTML&JS+前端
課程推出時間
2019.6.1
課程版本號
6.5
主要針對系統
Windows、Linux、macOS
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
課程在6.0的基礎上，為了適應企業的需求優化基礎知識的講解并大幅度延長Vue的課時。基礎階段突出編程的交互性，Vue課程中項目由1變2，增加MVVM框架原理、SSR服務端渲染、混合app開發等，并加強狀態管理vuex的應用。React項目好客租房優化項目功能和界面美化。
1
新增 黑馬頭條自媒體管理平臺（Vue.js技術棧）
1
新增黑馬頭條移動Web項目（Vue.js技術棧）
1
新增好客租房后臺管理系統（React.js 全套技術棧）
1
新增 好客租房移動 Web 項目（React.js 全套技術棧）
1
新增 網頁應用案例(待辦事項列表、購物車、微博發布等)
1
新增網絡編程講法優化和部分案例
1
友情提示更多學習視頻+資料+源碼，請加QQ：2632311208。
2018.9.10 升級版本 6.0
課程名稱
HTML&JS+前端
課程推出時間
2018.9.10
課程版本號
6.0
主要針對系統
Windows、Linux、macOS
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
課程增加了項目課程和應用型技術課程的時長，以培養具備企業真實項目經驗的程序員為目標，從編程基礎階段培養學生企業級編碼規范和業務實現能力，以Node.js為依托培養服務端概念和HTTP通訊協議，讓學員能夠適應前端行業的快速發展。后期以流行框架為主，通過超長的企業級全終端項目實戰培養具有3年工作經驗的前端開發人員。再加以時下最火熱的微信小程序和小游戲拓展學生的就業寬度。最后的商業項目團隊協作實戰階段，讓學員無需過渡期直接適應真正的企業開發。
1
新增品優購全端電商項目（管理系統、PC端、移動端、小程序）
1
新增 好客租房移動 Web 項目（React.js 全套技術棧）
1
新增 近百套行業項目解決方案庫
1
新增小程序加小游戲就業課
1
新增 企業級團隊項目實戰
2018.2.26 升級版本 5.0
課程名稱
HTML&JS+前端就業班課程
課程推出時間
2018.2.26
課程版本號
5.0
主要針對系統
Windows、Linux、MacOS
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
以品優購項目平臺為驅動貫穿整個課程，包括品優購PC端項目、品優購移動端項目、品優購后臺管理項目、品優購微信項目。讓學生能夠體會完整的項目開發流程。除課程更新外，還配以助教的實施體系(助教課程體系、強制自習、團隊項目、技術面試)
1
新增基礎班新增品優購整套項目的靜態頁面制作
1
新增 前端工程化完成品優購移動端項目
1
新增JavaScript和DOM階段的課程優化部分案例，培養學生通過代碼完成業務的能力
1
新增微信小程序的案例更新為品優購項目
1
新增 vue項目更新為品優購的后臺管理系統
2017.7.12 升級版本 4.0
課程名稱
HTML&JS+前端就業班課程
課程推出時間
2017.7.12
課程版本號
4.0
主要針對系統
Windows、Linux、MacOS
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
本次課程更新主要增加服務端編程語言PHP加強學生理解客戶端/服務器、動態網站以及網絡通信等后端開發的相關概念。并且能夠熟悉PHP的基礎語法，可以操作MySQL數據庫，能夠開發簡單的動態頁面和后臺接口。培養更懂后端的前端開發人員。
1
新增 PHP&MySQL課程，培養更懂后端的前端開發人員
1
新增 阿里百秀項目，結合前端渲染和后端渲染
1
新增HTML5的宣傳頁面
1
新增 移動端電商項目
1
新增JavaScript高級課程優化，增加貪吃蛇游戲
2017.03.01 升級版本 3.0
課程名稱
HTML&JS+前端就業班課程
課程推出時間
2017.03.01
課程版本號
3.0
主要針對系統
Windows、Linux、MacOS
主要使用開發工具
WebStorm、Sublime
課程介紹
本次課程更新注重理論到實踐的變化，從就業班開始培養學生把理論到實踐過程的培養，讓學生學習完JavaScript能夠自己動手開發插件，不僅僅停留在使用的層面。增加市面上流行的vue.js框架，并結合項目實戰，從0到1的完成項目，直至打包上線。
1
新增 博學谷項目，從無到有開發一個完整項目，從項目構建到上線
1
新增canvas課程中新增游戲的案例
1
新增 微信小程序開發
1
新增webpack1.x升級到webpack2.x，webpack和gulp集成構建項目
1
新增 ajax課程更新部分更實用的案例
2016.6.30 升級版本 1.1
課程名稱
HTML&JS+前端
課程推出時間
2016.6.30
課程版本號
1.1
主要針對系統
Windows、Linux
主要使用開發工具
webStorm、sublime
課程介紹
本次升級對前端課程1.0版本進行優化。重點優化課程體系與教學模式，知識點銜接更緊密，有利于學員更好的吸收掌握；更新框架部分知識點，將框架升級到市場上主流的版本，升級課程更加貼合企業實際需求。
1
新增zepto庫在移動web開發的實際應用；
1
新增基礎班與就業班的課程體系知識點無縫對接；
1
新增 面向對象和框架進階以及js 設計模式；
1
新增 在項目中融入企業最新技術課程；
2015.10.06 升級版本 1.0
課程名稱
傳智教育HTML&JS+前端精品就業班課程
課程推出時間
2015.10.06
課程版本號
1.0
主要針對 iOS 系統
Xp、Win7/8/10
主要使用開發工具
WebStorm、Sublime、Dreamweaver
課程介紹
傳智教育首次推出HTML&JS+前端課程，基于當前最流行的技術和未來的發展趨勢、結合業界實際的開發模式，創建了完善的課程體系和教學模式，確定了以深入的基礎理論、豐富的項目實戰、系統的大型案例實踐為主線，以項目實戰來驅動教學的主導思想，并結合實際工作場景，進而強化扎實基礎，增強實用性，提高核心競爭力。
1
新增完善的課程體系保證處于移動和前端的技術前沿；
1
新增課程安排循序漸進，階梯式的學習模式，菜鳥到大牛的完美蛻變；
1
新增 晦澀的理論融入豐富的項目實踐，理解的同時增強實用性；
1
新增 PC前端與移動前端技能全覆蓋，拓展足夠開闊的知識面；
1
新增前后端結合的開發實踐，保證前后端協作游刃有余；
1
新增 項目生命周期系統認知，Nodejs全棧解決方案，奠定架構級別的堅實基礎；
1
新增結合實際的工作場景，保證快速融入工作環境。
2020年
● 學科正式更名為HTML5＆JS+前端 ，推出9個月高級軟件工程師課程
-
2019年
● 引入阿里、京東、用友等大廠一線技術人員加入前端研究院，為打造優質課程體系提供技術支撐
● 研發了多個企業級實戰綜合，包含包含 PC 端、移動端、移動APP等
● 加強 React 學習的深度和廣度、跨平臺開發也逐步被引入課程體系
-
2018年
● 擴大研發隊伍，加強研發力度，獨創了 N+12 教學新模式
● 跟進新技術、新領域，為學員提供免費終身的學習服務
-
2017年
● 引入數據持久化、內存緩存、項目部暑等課程體系
● 成立了全棧子學科，培養了大量全面性Web開發人才
● 率先增設了小程序的課程
-
2016年
● 率先引入Gulp、webpack等基于Nodejs的前端工程化工具
● 加強 AngularJS、Vue.js 課程的深度與廣度，更加貼合市場需求
-
2015年
● 2015年7月7日，傳智播客前端與移動開發學院正式成立
● 從500名學員中篩選了30名同學，首期前端班正式開班
