HTML&JS+前端
畢業起點高，就業前景好
技術方向資深前端工程師前端架構師CTO
管理方向技術開發組長 項目經理項目總監
剛畢業 迷茫期沒有工作經驗
期待學習有前景的技術
零基礎 想轉行行業沒前途
期待短期內轉行IT
想晉升加薪具備前端基礎
面臨職場瓶頸期待提升
前端愛好者薪資不滿意
期待進軍前端熱門領域
完成高含金量的項目是檢驗學習效果的唯一標準
掌握 HTML 5 標簽搭建頁面結構HTML 技術
掌握 PC 端網頁制作和布局能力CSS3網頁布局
掌握移動端網頁制作和布局能力移動端web布局
掌握 JavaScript 語言和基本編程思想JavaScript 開發
掌握常用的網頁交互技術網頁交互
掌握前后端交互的能力數據交互 & 異步編程
為學習框架做技術支撐框架前置課
掌握 Vue 2.x 開發必備技能Vue2.x 核心技術
H5端面經瀏覽+PC端內容管理系統面經全端項目（Vue2.x全家桶）
企業中臺綜合B 端項目iHRM項目（Vue2.x全家桶）
掌握Vue3新特性與TypeScript基礎語法Vue3.x + TypeScript
移動端在線醫療項目Vue3.0優醫問診項目
原生微信小程序&跨平臺小程序開發小兔鮮兒電商小程序項目
掌握React核心語法React.js 核心技術
掌握 TypeScript 核心語法和實戰應用TypeScript 開發
頭條類資訊交流平臺極客園移動端項目目
資訊類產品后臺管理系統極客園 PC 端項目
掌握職場通識能力，做好面試準備職業發展課
掌握面試常見技術問題就業加強課
讓你掌握頁面的制作技能，
PC 端、移動端統統不是事兒
讓你的網頁“動”起來，
輸入、點擊、倒計時，
用戶交互全搞定
讓你的開發“飛”起來，
各種解決方案入職工作直接用
讓你的競爭力“亮”起來，
入職大廠敲門磚，網頁、
小程序、App全掌握
網頁布局
移動Web
JavaScript
Vue.js
小程序
React.js
數據看板項目
面經全端項目
iHRM人力資源項目
優醫問診項目
小兔鮮電商小程序項目
極客園H5項目
極客園PC端項目
主講內容
HTML | CSS | 企業級小兔鮮兒電商項目首頁制作
內容介紹
1.HTML 負責網頁的結構層，是網頁開發的基礎，從最簡單的網頁骨架搭建入手，使用常見的 HTML 標簽豐富網頁結構。
2.在 HTML 搭建的網頁結構基礎上，通過 CSS選擇器 精準選擇標簽，使用外觀、盒模型相關屬性完成網頁全部內容，利用浮動、定位等布局技巧精準控制網頁布局，最終結合背景、圓角、陰影等裝飾屬性進一步美化網頁效果，達到能夠編寫企業級大型綜合網頁。
3.借助PxCook工具，基于設計稿編寫網頁，確保網頁的高度還原，通過綜合運用 HTML + CSS 技術，按照實際項目開發流程，歸納開發技巧，提升綜合實戰水平，最終完成企業級小兔鮮兒電商項目PC端首頁開發。
可掌握的核心能力
借助PxCook工具，參照設計稿，能綜合使用HTML+CSS技術完成企業級小兔鮮兒電商項目PC端首頁開發。
主講內容
CSS高級特效 | 移動適配 | 響應式
內容介紹
1.使用css高級特效豐富網頁元素的呈現方式和效果。
2.首先介紹Flex布局模型,實現移動端網頁的基本布局;再講解兩種移動端網頁適配不同分辨率的解決方案,并使用不同的解決方案制作網頁元素寬高隨著視口的變化而等比縮放的效果。
3.學習響應式的原理,并使用bootstrap框架完成響應式網頁的布局。
可掌握的核心能力
1. 使用CSS高級特效，豐富網頁元素的呈現方式和效果。
2. 使用rem或vw、vh實現網頁元素寬高隨著視口變化等比縮放的效果。
3. 使用bootstrap框架布局響應式網頁。
主講內容
JavaScript基礎 | WebAPI | JavaScript高級 | Ajax | Git
內容介紹
1.學習JavaScript基礎語法規則。
2.學習DOM和BOM對象的屬性和方法,以完成網頁常見的交互效果。
3.深入理解 ECMAScript 的知識體系及工作機制，熟悉 ES6+ 新的語法特性，注重抽象思維的培養，具備面向對象編程的的能力。
4.利用 axios 發起 Ajax 請求，實現前后端的數據交互。并講解 HTTP 請求的過程以及 Ajax 的底層原理。深入學習 JS 異步的底層原理，能夠使用 Promise 處理異步操作，并使用 async/await 簡化異步操作。
5.能夠創建 Git 倉庫管理前端項目，基于 Git 分支進行多人協同開發，并且能夠把本地的 Git 倉庫同步到遠程碼云或 Github 倉庫中。
可掌握的核心能力
1. 掌握JavaScript基礎語法，培養編程邏輯思維。
2. 掌握DOM和BOM對象的常用屬性和方法，能夠完成網頁常見的交互效果。
3. 能夠使用 axios 實現 Ajax 操作，為后續項目課做好技術鋪墊。
4. 能夠運用 Git 管理前端項目，并且使用 Git 分支進行多人協同開發。
5. 能夠使用 Promise 與 async/await 高效的實現異步操作。
主講內容
框架前置課 | Vue核心技術 | Vue3.0高級 | TypeScript
內容介紹
1.掌握模塊化思想，npm包管理，webpack基礎，初探工程化開發。
2.運用Vue2.0全家桶核心內容實現開發中常見的功能，如購物車，經典列表、TodoMVC等。運用 Vant 開發移動端，運用element-ui開發PC后臺管理系統。
3.掌握Vue3新特性、Vite、組合API、Pinia 等。
4.掌握TypeScript基礎語法，并且在Vue3項目中熟練運用TypeScript。
可掌握的核心能力
通過 Vue2 和 Vue3 的基礎學習，掌握企業開發中常見業務功能實現；通過深入 Vue 技術棧學習 vue-router vuex vant element-ui 等主流技術，掌握企業級項目開發方式，如移動端H5項目實與PC端管理項目；通過 Vue3 結合 TypeScript 的技術學習，掌握大型企業級項目開發技巧。
主講內容
原生小程序 | uni-app | 電商項目
內容介紹
1.了解小程序開發的一般流程序，熟悉小程基礎組件的使用，能夠基于 wxml 和 wxss 實現小程序的界面布局，基于模板的數據綁定實現數據的動態渲染，基于 API 實現與服務端的數據通信，以及熟悉其它高級 API 的使用。
2.理解 uni-app 實現跨平臺開發的原理機制，理清單文件組件與原生小程序組件的對應關系，以及 uni-app 開發小程序時開發時與原生小程序的差異。
3.基于真實需求綜合運用小程序開發的相關知識，突出小程序 API 的真實應用場景，強化和鞏固小程序開發的相關知識，提升綜合解決問題的能力。
可掌握的核心能力
獨立開發原生小程序，能夠使用uni-app開發小程序，提高就業能力，就業的加分項。
主講內容
React核心技術 | Hooks | Redux中間件 | TypeScript
內容介紹
1.掌握React基本語法，能夠使用class組件實現常見的業務功能。
2.運用hooks核心知識實現購物車和放大鏡經典案例效果。
3.結合React技術棧，運用redux實現點餐系統的狀態管理。
4.運用TypeScript語法，并且在React項目中熟練運用TypeScript。
可掌握的核心能力
通過React+class組件+Hooks+Redux+TypeScript的學習，實現企業開發中的經典案例，如B站評論、購物車、放大鏡、點餐系統等業務功能。
主講內容
1.基于axios 實現網站注冊和登錄功能。
2.基于 Echarts 結合需求高度自定義不同類型的可視化圖表。
3.Ajax、數據渲染和服務端推送前后端分離技術的應用。
4.基于 token 的訪問權限控制功能。
項目介紹
數據看板是一個數據可視化項目，通過折線圖、K線圖、柱狀圖等圖表形式歸納匯總大量數據，以實現更加直觀的數據表達效果。學員通過學習該項目，能夠掌握數據可視化、異步編程、實時數據獲取等技術解決方案，適合有基礎希望技能強化的IT人員繼續學習。
可掌握的核心能力
1. 掌握Echarts 各類型數據可視化圖表的應用
2. 能夠根據需要求創建折線圖、K線圖、地圖等圖表
3. 掌握前后端分離技術的實現方式并了解其意義
4. 掌握使用token進行訪問鑒權功能實現
主講內容
1. 基于 vue-cli 創建工程化的 Vue 項目。
2. 基于 element-ui 組件庫快速實現項目布局。
3. 用戶注冊與登錄的業務解決方案。
4. 使用 Vuex 管理全局共享的數據。
5. 使用 axios 實現前后端的數據交互。
6. 基于 vant 組件庫快速構建移動端界面。
項目介紹
面經系統，由面試經驗文章PC管理后臺，個人H5端面試文章瀏覽組成。學員學習該項目，能夠鍛煉對 Vue 完整技術棧的運用。同時該項目還涵蓋了 token 身份認證、Vue 組件庫、文件上傳、富文本編輯器等前端技術解決方案，移動端開發，適合剛入手 Vue 框架、希望通過項目開發來鞏固 Vue 基礎的前端開發者學習。
可掌握的核心能力
1. 掌握 element-ui 組件庫的運用
2. 掌握 axios 以及攔截器的應用
3. 掌握 Vuex 管理全局狀態的技術解決方案
4. 熟練使用 vue-router 管理組件的切換展示
5. 掌握 element-ui 中如何自定義表單的校驗規則
6. 掌握文件上傳和富文本編輯器在 Vue 項目中的應用
7. 掌握 Vant 組件庫的運用
8. 掌握使用 postcss-px-to-viewport 實現移動端適配
主講內容
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 打?。╲ue-print-nb）| el-upload 上傳第三方云服務器 | 打包性能分析 | CDN 加速的實踐應用 | 組件封裝 | 業務組件封裝
項目介紹
iHRM是一款基于SaaS平臺的人力資源管理系統， 企業通過該系統可以完成公司組織架構管理、員工管理、角色管理、權限管理（審批、考勤、社保）等，為企業的人力資源管理提供一站式解決方案。
可掌握的核心能力
1.掌握Vue + Element技術棧在開發管理型后臺項目的技術開發能力
2.具備角色，人員，權限類系統的設計整體設計及應用能力。
3.擁有Vue.js相關的技術要點及配套的插件，解決方案深度使用能力
主講內容
vue3.0框架| TypeScript使用 | vite前端構建工具｜create-vue項目腳手架｜vue-router路由｜pinia狀態管理｜pinia-plugin-persistedstate狀態持久化｜sass預處理器｜ vite-plugin-svg-icons圖標組件插件｜tailwindcss現代CSS框架｜@vueuse/core組合API工具庫｜dayjs日期處理｜vant組件庫 | postcss-px-to-viewport移動端適配 | id-validator校驗身份證 | socket.io即時通訊 | eruda真機調試 | 第三方登錄 | 第三方支付 | vant組件二次封裝 | 通用組件封裝 | reqeust工具函數 | 組件按需引入 | steup語法糖 | pnpm包管理 | 第三方庫類型擴展 | 自定義composable | css變量
項目介紹
優醫問診是一個連接醫生和患者的移動醫療行業H5應用，通過高效、快速的在線問診服務，為患者提供健康幫助，涵蓋了找醫生、快速問診、開藥門診、疾病查詢，健康百科等功能。該項目基于Vue3+TypeScript進行開發，且引入下一代狀態管理工具 Pinia 和最熱門的前端移動UI組件庫 Vant ，采用全新技術棧，給學員帶來最佳的企業實戰項目，助力學員高薪就業。
可掌握的核心能力
1. 掌握使用Vue3 + TypeScript 開發大型前端項目開發能力
2. 掌握使用Vant組件庫開發移動端項目能力
3. 掌握 Pinia 狀態管理工具實現項目狀態管理
4. 掌握 第三方登錄和第三方支付 業務解決能力
5. 掌握 快速問診 等在線問診主流業務開發能力
主講內容
1.uni-app跨平臺開發框架。
2.組件封裝及通信。
3.微信支付/登錄。
4.pinia 狀態管理。
5.基于vue3+ts技術實踐方案。
6.小程序云開發。
7.vant組件庫。
項目介紹
小程序無需安裝，用完即走的應用方式越來越受到用戶的歡迎，企業也都紛紛開展了小程序的開發。小兔鮮兒是一個經典的電商類小程序項目，包括商品、用戶、購物車、訂單等核心功能模塊，采用 uni-app 框架做為跨平臺小程序開發方案，并綜合運用了原生小程序的組件化、模塊化、網絡請求、本地存儲、微信登錄、微信支付等技術，黑馬優購項目以企業的需求為基礎，有針對性的對課程進行設計，學習本課程不僅能夠培養學員的實踐能力，還可以為就業提供有利的支撐。
可掌握的核心能力
1.能夠開發跨平臺的小程序
2.能夠獨立開發小程序項目
3.掌握微信登錄的實現方式
4.掌握微信支付的實現方式
主講內容
react+hooks+redux+typescript+router全家桶 | 移動端項目搭建 | ant-mobile-v5 | vw 適配方案 | Token 過期處理 | 動態編輯 | 上拉加載 | 下拉刷新 | 評論與回復 | 搜索功能 | DayJS | 數據持久化 | 圖片懶加載 | 組件定制 | 組件封裝 | 性能優化 | 移動端1px像素 | Icon處理 | 表單驗證 | 倒計時 | 攔截器 | 權限組件封裝 | 緩存組件封裝 | websocket | 防抖與節流 | 關鍵字高亮 | 吸頂組件 | keep-alive | CDN優化 ｜ahooks｜lodash
項目介紹
「極客園」對標“CSDN”、“博客園”等競品，致力成為更加貼近年輕 IT 從業者（學員）的科技資訊類應用。 本項目是極客園移動端，主要涵蓋了H5端新聞資訊類項目的核心業務。包括首頁文章列表上拉加載與刷新，頻道管理，本地線上頻道管理，文章搜索，文章評論與回復，組件緩存，token過期與刷新處理，用戶權限攔截，個人信息修改解決方案。整個項目基于typescript開發，讓學員熟練掌握當前最流行的typescript + react技術棧開發項目的能力。
可掌握的核心能力
熟練掌握typescript + react技術棧 + antd-mobile組件庫開發H5移動端新聞資訊類項目的技術能力
主講內容
ant-design組件庫 | 表單校驗 | token 認證 | token 失效控制 | history 路由| 組件封裝 | react-quill | umi | dva | ant-design-pro | useModal | umi-request
項目介紹
「極客園」對標“CSDN”、“博客園”等競品，致力成為更加貼近年輕 IT 從業者（學員）的科技資訊類應用 產品關鍵詞：IT、極客、活力、科技、技術分享、前沿動態、內容社交 用戶特點：年輕有活力，對IT領域前言科技信息充滿探索欲和學習熱情。本項目是個人自媒體管理端，涵蓋了后臺管理系統的核心業務，基于react技術棧（typescript+ umi + dva）實現了登錄功能，首頁展示，文章管理與發布，圖片上傳等功能。讓學員熟練掌握react核心技術棧的開發項目的能力。
可掌握的核心能力
熟練掌握typescript + react技術棧（umi + dva + antd組件庫 )開發后臺管理項目的技術能力。
黑馬整合解決方案庫，拿來即用，讓你的開發之路不必從零開始 更多項目>>
Vue3.0小兔鮮兒電商是對標網易嚴選的綜合品類的網上商城項目，本項目涵蓋了電商的核心業務，致力于交付完整的電商業務解決方案，讓學員成為具備電商業務能力、站在技術前沿的高級前端開發工程師。
解決方案
1．Vue3.0中大型項目構建
2．組合API加載性能優化
3．商品SKU前端算法
4．封裝UI組件庫
5．本地線上融合購物車
iHRM人力資源管理系統是一款在線HR人力資源管理系統，幫助企業管理人事信息、員工檔案、績效考核等。利用HR軟件發揮最核心資源-人力的最大價值，通過企業人事HR管理人力資源，從而保持人才競爭力。
解決方案
1．Vuex分模塊狀態共享及持久化方案
2．Token失效的兩種鑒定方式同時方案
3．Element中Tree型組件等樹形業務的應用方案
4．RBAC權限設計方案及應用
5．通用上傳組件封裝及第三方上傳
6．請求器攔截應用及異步編程方案
黑馬面面是一款面試刷題程序，系統包含答題狀況管理、學科管理、企業管理、用戶管理等綜合管理功能。學員通過該項目可學習Element-UI功能組件、ECharts數據可視化、axios、JWT、Vue CLI、Vuex全局數據共享、Vue Router 等多個技術解決方案。
解決方案
1．Vue-element-admin 后臺前端解決方案
2．Vuex分模塊狀態共享方案
3．RBAC權限設計方案及應用
4．試題全流程解決方案
黑馬頭條是一款新聞資訊類App，項目包括用戶文章展示、點贊評論、內容推薦、頻道管理、文章搜索、智能客服等功能。系統采用前后端分離的開發模式，前臺使用了Vue.js等技術棧構建的SPA應用程序，適合有Vue基礎或者有其他MVVM框架應用經驗的同學進行學習。
解決方案
1．Vuex分模塊狀態共享及持久化方案
2．Token鑒定及換取token解決方案
3．基于Vant組件庫移動端上手勢加載方案
4．Keep-Alive組件緩存解決方案
5．WebSocket即時通訊實現客服通信解決方案
6．請求器攔截應用及異步編程方案
閑云旅游是一個旅游服務網站，主要功能包括機票酒店預定、熱門旅游攻略資訊等。項目采用前后端分離模式開發，前臺使用Vue技術棧中的服務端渲染框架Nuxt.js開發，讓頁面效果以超快的方式展示在用戶面前，Nuxt還支持頁面自動靜態化，可極大節省服務器資源。
解決方案
1．Nuxt.js框架SSR解決方案
2．高德LBS酒店定位導航解決方案
3．組件遞歸跟帖解決方案
4．二維碼付款解決方案
簡介：自主創意的攝影作品工作室網站，使用 jQuery + CSS3 + flipping +...
自主創意的攝影作品工作室網站，使用 jQuery + CSS3 + flipping + slick + bootstrap + animate，封裝圖像切割動效 JavaScript 動效庫，實現豐富的圖片特效。
在線演示
簡介：參考《飄視覺》官網，使用 jQuery + CSS3 + pincolor + swiper...
簡介：提供企業網站定制服務解決方案，為企業輕松快速定制高端官網...
提供企業網站定制服務解決方案，為企業輕松快速定制高端官網。使用 jQuery + CSS3 + mplayer 實現大量商業級動畫效果，尤其動畫的設計既專業又炫酷，封裝 common JavaScript 工具庫。
在線演示
簡介：參考《唯一視覺婚紗攝影》官網，使用 jQuery + CSS3 + animate...
簡介：參考網易游戲《軒轅劍龍舞云山》手游官網，使用 jQuery + CSS3...
參考網易游戲《軒轅劍龍舞云山》手游官網，使用 jQuery + CSS3，封裝 common JavaScript 工具庫，應用 normalize 實現 CSS reset，基本還原了首頁全景，動畫交互效果精致。
在線演示
簡介：參考網易游戲《光·遇》官網，使用 jQuery + CSS3 + bootstrap + ...
簡介：參考網易游戲《陰陽師：百聞牌》手游官網，使用 jQuery + CSS3...
簡介：參考網易游戲《戰意》官網，使用 jQuery + CSS3 + swiper...
簡介：參考《網易游戲》官網，使用 jQuery + CSS3 + wrating + ...
參考《網易游戲》官網，使用 jQuery + CSS3 + wrating + nav.byebye3 + iplay + entry + vendor，實現精彩的 3D 動效交互效果。
在線演示
簡介：參考《AWA 4.0》官網，使用 jQuery + CSS3 + html5shiv + ...
參考《AWA 4.0》官網，使用 jQuery + CSS3 + html5shiv + swiper，實現響應式交互菜單動效，封裝 shop JavaScript 工具庫專門處理商品信息。
在線演示
簡介：參考網易游戲《陰陽師》官網，使用 jQuery + CSS3 + swiper + ...
簡介：美食網，吃天下。使用 jQuery + CSS3 + flex + SuperSlide ...
簡介：參考網易游戲《方舟生存天下》官網，使用 jQuery + CSS3 +...
參考網易游戲《方舟生存天下》官網，使用 jQuery + CSS3 + posterSwing + canvas-nest + scrollreveal，獨立研發并封裝視頻播放方案：全屏 + 自動播放 + 輪播。
在線演示
簡介：參考網易游戲《天下 3》官網，使用原生的 JavaScript、HTML5 和...
簡介：參照《蒙娜麗莎》婚紗官網，使用 jQuery + CSS3 + Bootstrap + animate...
參照《蒙娜麗莎》婚紗官網，使用 jQuery + CSS3 + Bootstrap + animate + mplayer，實現了豐富的酷炫的動畫效果，封裝 common JavaScript 工具庫。
在線演示
簡介：參考《行行攝色》官網，使用 jQuery + CSS3 + easying + move-line...
參考《行行攝色》官網，使用 jQuery + CSS3 + easying + move-line + bundle + animatie，實現了炫酷的 3D 交互式動效，同時還封裝 tools JavaScript 工具庫，并獨立研發了風景照片特效。
在線演示
簡介：參考《哇噻網》官網，使用 jQuery + CSS3 + animate，實現了...
參考《哇噻網》官網，使用 jQuery + CSS3 + animate，實現了豐富精致的動畫效果，小資購物的情調展現的淋漓盡致，同時還封裝 common JavaScript 工具庫。
在線演示
簡介：參考《優必選官網》官網，使用 jQuery + CSS3 + animate，實現了...
簡介：參考《馬蜂窩》官網，使用 jQuery + CSS3 + animate，實現了...
參考《馬蜂窩》官網，使用 jQuery + CSS3 + animate，實現了豐富的酷炫的動畫效果，封裝通用和動畫兩個 JavaScript 工具庫，并根據業務封裝了城市、店鋪 JavaScript 業務庫。
在線演示
2015年7月7日，傳智播客前端與移動開發學院正式成立
從500名學員中篩選了30名同學，首期前端班正式開班
率先引入Gulp、webpack等基于Nodejs的前端工程化工具
加強 AngularJS、Vue.js 課程的深度與廣度，更加貼合市場需求
引入數據持久化、內存緩存、項目部暑等課程體系
成立了全棧子學科，培養了大量全面性Web開發人才
率先增設了小程序的課程
擴大研發隊伍，加強研發力度，獨創了 N+12 教學新模式
跟進新技術、新領域，為學員提供免費終身的學習服務
引入阿里、京東、用友等一線技術人員打造優質課程體系
研發多個企業級實戰項目
加強React課程的深度和廣度并逐步將跨平臺開發引入課程
學科正式更名為HTML5＆JS+前端 ，推出中高級軟件工程師課程
用匠心精神深耕教研，對 Vue & React 課程深度改革
雙技術棧為高薪保駕護航，突破就業薪資天花板
隨著初級程序員趨于飽和，中高級程序員缺口變大，IT培訓行業原來就業培訓課程難以適應未來的就業競爭。
傳智教育強勢推出HTML&JS+前端高手班，課程全面升級為高級軟件工程師課程，定位培養中高級程序員。課程有10個“大廠”級項目，授課時間180天（每周上5天課），其課程容量、技術深度、項目廣度均超其他機構6個月培訓課程50%以上，大大提升學員的就業競爭力。查看更多 >
課程大綱
基礎班
1. 網頁布局
高手班
1. 移動Web 2. JavaScript 3. 數據看板項目 4. Vue.js 5. 面經全端項目 6. iHRM人力資源項目 7. 優醫問診項目 8. 小程序 9. 小兔鮮電商小程序項目 10. React.js 11. 極客園H5項目 12. 極客園PC端項目
線上加薪課
1. React.js 高級 2. 多端跨平臺 3. 前端工程化 4. 前端服務化
HTML&JS+前端V8.0版本
課時:10天技術點:60項測驗:1次學習方式:線下雙元
借助PxCook工具，參照設計稿，能綜合使用HTML+CSS技術完成企業級小兔鮮兒電商項目PC端首頁開發。
1. HTMLHTML 負責網頁的結構層，是網頁開發的基礎，從最簡單的網頁骨架搭建入手，使用常見的 HTML 標簽豐富網頁結構。
HTML基礎語法 | 排版標簽 | 路徑 | 多媒體標簽 | 鏈接標簽 | 列表標簽 | 表格標簽 | 表單標簽 | 布局標簽 | 語義化標簽 | 字符實體
2. CSS在 HTML 搭建的網頁結構基礎上，通過 CSS選擇器 精準選擇標簽，使用外觀、盒模型相關屬性完成網頁全部內容，利用浮動、定位等布局技巧精準控制網頁布局，最終結合背景、圓角、陰影等裝飾屬性進一步美化網頁效果，達到能夠編寫企業級大型綜合網頁。
選擇器 | 外觀 | 文字 | 背景 | 標準流 | 三大特性 | 盒模型 | 偽元素 | 浮動 | 偽類 | 定位 | 圓角 | 陰影 | 透明 | 過渡
3. 企業級小兔鮮兒電商項目首頁制作借助PxCook工具，基于設計稿編寫網頁，確保網頁的高度還原，通過綜合運用 HTML + CSS 技術，按照實際項目開發流程，歸納開發技巧，提升綜合實戰水平，最終完成企業級小兔鮮兒電商項目PC端首頁開發。
精靈圖 | 文檔編碼 | 性能優化 | 布局技巧 | SEO | 性能優化 | 版心 | 設計稿 | PxCook
課時:7天技術點:18項測驗:1次學習方式:線下面授
1. 使用CSS高級特效，豐富網頁元素的呈現方式和效果| 2. 使用rem或vw、vh實現網頁元素寬高隨著視口變化等比縮放的效果| 3. 使用bootstrap框架布局響應式網頁
1. CSS高級特效使用css高級特效豐富網頁元素的呈現方式和效果。
字體圖標 ｜2D轉換｜3D轉換｜動畫
2. 移動適配首先介紹Flex布局模型,實現移動端網頁的基本布局;再講解兩種移動端網頁適配不同分辨率的解決方案,并使用不同的解決方案制作網頁元素寬高隨著視口的變化而等比縮放的效果。
rem ｜ vw/vh｜Flex布局模型｜Less基礎語法｜視口｜分辨率｜二倍圖｜移動適配｜媒體查詢
3. 響應式學習響應式的原理,并使用bootstrap框架完成響應式網頁的布局。
媒體查詢｜ bootstrap框架｜柵格系統｜組件｜響應式網頁布局
課時:24天技術點:98項測驗:0次學習方式:線下面授
1. 掌握JavaScript基礎語法，培養編程邏輯思維| 2. 掌握DOM和BOM對象的常用屬性和方法，能夠完成網頁常見的交互效果| 3. 能夠使用 axios 實現 Ajax 操作，為后續項目課做好技術鋪墊| 4. 能夠運用 Git 管理前端項目，并且使用 Git 分支進行多人協同開發| 5. 能夠使用 Promise 與 async/await 高效的實現異步操作
1. JavaScript基礎學習JavaScript基礎語法規則。
變量 | 基本數據類型 | 數據類型的轉換 | 運算符 | if分支 | switch分支 | 三元表達式 | while循環 | for循環 | 數組 | 函數 | 對象 | 內置對象 | let | const | 字面量
2. WebAPI學習DOM和BOM對象的屬性和方法,以完成網頁常見的交互效果。
DOM樹 | DOM對象 | 獲取元素 | innerHTML | style | className | classList | 間歇函數 | 延遲函數 | 事件監聽 | 鼠標事件 | 鍵盤事件 | 高階函數 | 環境對象 | 節點操作 | 事件流 | 事件委托 | 元素位置 | BOM | window對象 | swiper插件 | 本地存儲 | 自定義屬性 | 正則表達式
3. JavaScript高級深入理解 ECMAScript 的知識體系及工作機制，熟悉 ES6+ 新的語法特性，注重抽象思維的培養，具備面向對象編程的的能力。
構造函數 | 單體對象 | 面向對象 | 原型 | 解構 | 剩余 | 展開 | 箭頭函數 | Object | Array | 嚴格模式 | 閉包 | 繼承 | 防抖 | 節流 | 異常處理 | 深淺拷貝
4. Ajax利用 axios 發起 Ajax 請求，實現前后端的數據交互。并講解 HTTP 請求的過程以及 Ajax 的底層原理。深入學習 JS 異步的底層原理，能夠使用 Promise 處理異步操作，并使用 async/await 簡化異步操作。
客戶端與服務器 | axios | 請求與響應報文 | 接口 | form 表單 | 攔截器 | FormData | 文件上傳 | XMLHttpRequest | Promise | async/await | EventLoop | 宏任務 | 微任務
5. Git能夠創建 Git 倉庫管理前端項目，基于 Git 分支進行多人協同開發，并且能夠把本地的 Git 倉庫同步到遠程碼云或 Github 倉庫中。
安裝和配置 Git | Git 本地操作的常用命令 | .gitignore 忽略文件 | Git 分支與常用命令 | 遠程倉庫的使用
課時:3天技術點:8項測驗:0次學習方式:線下面授
1. 掌握Echarts 各類型數據可視化圖表的應用| 2. 能夠根據需要求創建折線圖、K線圖、地圖等圖表| 3. 掌握前后端分離技術的實現方式并了解其意義| 4. 掌握使用token進行訪問鑒權功能實現
數據看板是一個數據可視化項目，通過折線圖、K線圖、柱狀圖等圖表形式歸納匯總大量數據，以實現更加直觀的數據表達效果。學員通過學習該項目，能夠掌握數據可視化、異步編程、實時數據獲取等技術解決方案，適合有基礎希望技能強化的IT人員繼續學習。
1. 基于 bootstrap 的響應式頁面布局方案| 2. 基于 echarts 的數據可視化解決方案| 3. 基于 token 的訪問權限控制解決方案
1.基于axios 實現網站注冊和登錄功能 2.基于 Echarts 結合需求高度自定義不同類型的可視化圖表 3.Ajax、數據渲染和服務端推送前后端分離技術的應用 4.基于 token 的訪問權限控制功能
課時:41天技術點:270項測驗:0次學習方式:線下面授
通過 Vue2 和 Vue3 的基礎學習，掌握企業開發中常見業務功能實現；通過深入 Vue 技術棧學習 vue-router vuex vant element-ui 等主流技術，掌握企業級項目開發方式，如移動端H5項目實與PC端管理項目；通過 Vue3 結合 TypeScript 的技術學習，掌握大型企業級項目開發技巧。
1. 框架前置課掌握模塊化思想，npm包管理，webpack基礎，初探工程化開發。
Node.js安裝 | fs模塊 | path模塊 | http模塊 | npm | 包配置文件 | npm常用命令 | 模塊化概念 | CommonJS | ES6Module | 工程化開發概念 | webpack基礎配置 | dev-server | webpack插件 | 常用loader | babel
2. Vue核心技術運用Vue2.0全家桶核心內容實現開發中常見的功能，如購物車，經典列表、TodoMVC等。運用 Vant 開發移動端，運用element-ui開發PC后臺管理系統。
MVVM | SPA | Vue 調試工具 | 虛擬DOM | diff算法 | 指令系統 | v-model原理 | 數據選項 | 生命周期 | 樣式穿透 | 動態樣式 | 插槽 | 組件系統 | 組件通信 | 自定義指令 | ref | 動態組件 | $nextTick | 自定義事件 | 計算屬性 | 偵聽器 | 組件庫 | 組件封裝 | keep-alive | 路由系統 | 導航守衛 | vue-cli | vuex | vant | element-ui | 路由懶加載
3. Vue3.0高級掌握Vue3新特性、Vite、組合API、Pinia 等。
Vite | 選項API | 組合API | setup | 生命周期 | reactive | toRef | toRefs | computed | 組件通信 | 依賴注入 | ref邊界 | Pinia
4. TypeScript掌握TypeScript基礎語法，并且在Vue3項目中熟練運用TypeScript。
基礎類型｜聯合類型｜字面量類型｜類型推斷 | 類型斷言 | 泛型 | 類型聲明 | ts結合composition-api | ts結合axios | 頭條案例
課時:5天技術點:35項測驗:0次學習方式:線下面授
1. 掌握 element-ui 組件庫的運用| 2. 掌握 axios 以及攔截器的應用| 3. 掌握 Vuex 管理全局狀態的技術解決方案| 4. 熟練使用 vue-router 管理組件的切換展示| 5. 掌握 element-ui 中如何自定義表單的校驗規則| 6. 掌握文件上傳和富文本編輯器在 Vue 項目中的應用| 7. 掌握 Vant 組件庫的運用| 8. 掌握使用 postcss-px-to-viewport 實現移動端適配
面經系統，由面試經驗文章PC管理后臺，個人H5端面試文章瀏覽組成。學員學習該項目，能夠鍛煉對 Vue 完整技術棧的運用。同時該項目還涵蓋了 token 身份認證、Vue 組件庫、文件上傳、富文本編輯器等前端技術解決方案，移動端開發，適合剛入手 Vue 框架、希望通過項目開發來鞏固 Vue 基礎的前端開發者學習。
1.token身份認證解決方案| 2.文件上傳解決方案| 3.富文本編輯解決方案| 4.表單驗證解決方案| 5.基于vant的移動端界面構建方案| 6.基于postcss-px-to-viewport移動端適配方案
1. 基于 vue-cli 創建工程化的 Vue 項目 2. 基于 element-ui 組件庫快速實現項目布局 3. 用戶注冊與登錄的業務解決方案 4. 使用 Vuex 管理全局共享的數據 5. 使用 axios 實現前后端的數據交互 6. 基于 vant 組件庫快速構建移動端界面
課時:12天技術點:194項測驗:0次學習方式:線下面授
1.掌握Vue + Element技術棧在開發管理型后臺項目的技術開發能力| 2.具備角色，人員，權限類系統的設計整體設計及應用能力| 3.擁有Vuejs相關的技術要點及配套的插件，解決方案深度使用能力
iHRM是一款基于SaaS平臺的人力資源管理系統， 企業通過該系統可以完成公司組織架構管理、員工管理、角色管理、權限管理（審批、考勤、社保）等，為企業的人力資源管理提供一站式解決方案。
進入項目體驗1. 基于element-ui和vue2進行大型中臺項目開發解決方案2. 基于axios封裝請求工具模塊解決方案| 3. 基于token的前端登錄解決方案| 4. vuex分模塊持久化解決方案| 5. RBAC大型中臺項目權限控制解決方案| 6. excel批量導入導出解決方案| 7. 上傳組件封裝解決方案| 8. 多語言動態主題解決方案| 9. 樹形結構處理解決方案
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 打?。╲ue-print-nb）| el-upload 上傳第三方云服務器 | 打包性能分析 | CDN 加速的實踐應用 | 組件封裝 | 業務組件封裝
課時:12天技術點:233項測驗:0次學習方式:線下面授
1. 掌握使用Vue3 + TypeScript 開發大型前端項目開發能力| 2. 掌握使用Vant組件庫開發移動端項目能力| 3. 掌握 Pinia 狀態管理工具實現項目狀態管理| 4. 掌握 第三方登錄和第三方支付 業務解決能力| 5. 掌握 快速問診 等在線問診主流業務開發能力
優醫問診是一個連接醫生和患者的移動醫療行業H5應用，通過高效、快速的在線問診服務，為患者提供健康幫助，涵蓋了找醫生、快速問診、開藥門診、疾病查詢，健康健康百科等功能。該項目基于Vue3+TypeScript進行開發，且引入下一代狀態管理工具 Pinia 和最熱門的前端移動UI組件庫 Vant ，采用全新技術棧，給學員帶來最佳的企業實戰項目，助力學員高薪就業。
1.基于vue3.0+typescript中大型項目開發解決方案| 2.基于vant組件庫快速構建H5界面解決方案| 3.基于vue-router的前端路由解決方案| 4.基于vite構建vue3.0項目解決方案| 5.基于pinia的狀態管理解決方案| 6.基于pinia-plugin-persistedstate狀態持久化解決方案| 7.基于@vuecore/use的組合API工具庫解決方案| 8.基于id-validator的身份證信息校驗解決方案| 9.基于postcss-px-to-viewport移動端適配解決方案| 10. 基于vite-plugin-svg-icons的svg圖標組件解決方案| 11. 基于tailwindcss的原子化類名現代解決方案| 12. 基于socket.io的即時通訊問診室解決方案| 13. 基于eruda 的移動端調試解決方案| 14. 第三方登錄解決方案| 15. 第三方支付解決方案
vue3.0框架| TypeScript使用 | vite前端構建工具｜create-vue項目腳手架｜vue-router路由｜pinia狀態管理｜pinia-plugin-persistedstate狀態持久化｜sass預處理器｜ vite-plugin-svg-icons圖標組件插件｜tailwindcss現代CSS框架｜@vueuse/core組合API工具庫｜dayjs日期處理｜vant組件庫 | postcss-px-to-viewport移動端適配 | id-validator校驗身份證 | socket.io即時通訊 | eruda真機調試 | 第三方登錄 | 第三方支付 | vant組件二次封裝 | 通用組件封裝 | reqeust工具函數 | 組件按需引入 | steup語法糖 | pnpm包管理 | 第三方庫類型擴展 | 自定義composable | css變量
課時:12天技術點:43項測驗:0次學習方式:線下面授
能夠獨立開發原生小程序，能夠使用uni-app開發小程序，提高就業能力，是就業的加分項
1. 原生小程序了解小程序開發的一般流程序，熟悉小程基礎組件的使用，能夠基于 wxml 和 wxss 實現小程序的界面布局，基于模板的數據綁定實現數據的動態渲染，基于 API 實現與服務端的數據通信，以及熟悉其它高級 API 的使用。
賬號申請 | 開發工具 | 工程目錄 | 項目配置 | 屏幕適配 | 資源托管 | 字體圖標 | 數據綁定 | 事件處理 | 生命周期 | 場景值 | 模塊化 | 網絡請求 | 路由 | WXS | 模板 | 組件 | UI 框架 | 表單 | Promise
2. uni-app理解 uni-app 實現跨平臺開發的原理機制，理清單文件組件與原生小程序組件的對應關系，以及 uni-app 開發小程序時開發時與原生小程序的差異。
腳手架 | 項目配置 | 單文件組件 | 生命周期 | 條件編譯 | 計算屬性 | 跨平臺支持 | less | sass | 組件通信
3. 電商項目基于真實需求綜合運用小程序開發的相關知識，突出小程序 API 的真實應用場景，強化和鞏固小程序開發的相關知識，提升綜合解決問題的能力。
客戶消息 | 微信支付 | 微信地址 | 小程序轉發 | 區域滾動 | 上拉加載 | 下拉刷新 | 數據緩存 | 用戶信息 | 自定義組件 | 微信登錄 | 意見反饋 | 上線發布
課時:12天技術點:20項測驗:0次學習方式:線下面授
1.能夠開發跨平臺的小程序| 2.能夠獨立開發小程序項目| 3.掌握微信登錄的實現方式| 4.掌握微信支付的實現方式
小程序無需安裝，用完即走的應用方式越來越受到用戶的歡迎，企業也都紛紛開展了小程序的開發。小兔鮮兒是一個經典的電商類小程序項目，包括商品、用戶、購物車、訂單等核心功能模塊，采用 uni-app 框架做為跨平臺小程序開發方案，并綜合運用了原生小程序的組件化、模塊化、網絡請求、本地存儲、微信登錄、微信支付等技術，黑馬優購項目以企業的需求為基礎，有針對性的對課程進行設計，學習本課程不僅能夠培養學員的實踐能力，還可以為就業提供有利的支撐。
1.小程序跨平臺開發解決方案| 2.小程序微信登錄實現方案| 3.小程序微信支付實現方案| 4.下拉刷新/上拉加載交互實現方案| 5.數據緩存實現方案
1.uni-app跨平臺開發框架| 2.組件封裝及通信| 3.微信支付/登錄| 4.pinia 狀態管理| 5.基于vue3+ts技術實踐方案| 6.小程序云開發| 7.vant組件庫
課時:18天技術點:240項測驗:0次學習方式:線下面授
通過React+class組件+Hooks+Redux+TypeScript的學習，實現企業開發中的經典案例，如B站評論、購物車、放大鏡、點餐系統等業務功能。
1. React核心技術掌握React基本語法，能夠使用class組件實現常見的業務功能。
JSX | 組件系統 | 虛擬 DOM | 生命周期 | 無狀態組件 | 有狀態組件 | ref | class | 組件通信 | create-react-app | 路由 | 插值 | state
2. Hooks運用hooks核心知識實現購物車和放大鏡經典案例效果。
useState | useEffect | useRef | useContext | useEffect高級用法 | 放大鏡案例 | 購物車案例
3. Redux中間件結合React技術棧，運用redux實現點餐系統的狀態管理。
狀態管理流程 | action | dispatch | store | reducer | redux-thunk中間件 | combineReducers | react-redux | Redux Toolkit |開發調試工具 | 點餐案例
4. TypeScript運用TypeScript語法，并且在React項目中熟練運用TypeScript。
ts結合hooks | ts結合redux | ts結合路由 | 點餐案例重構
課時:8天技術點:242項測驗:0次學習方式:線下面授
熟練掌握typescript + react技術棧 + antd-mobile組件庫開發H5移動端新聞資訊類項目的技術能力。
「極客園」對標“CSDN”、“博客園”等競品，致力成為更加貼近年輕 IT 從業者（學員）的科技資訊類應用。 本項目是極客園移動端，主要涵蓋了H5端新聞資訊類項目的核心業務。包括首頁文章列表上拉加載與刷新，頻道管理，本地線上頻道管理，文章搜索，文章評論與回復，組件緩存，token過期與刷新處理，用戶權限攔截，個人信息修改解決方案。整個項目基于typescript開發，讓學員熟練掌握當前最流行的typescript + react技術棧開發項目的能力。
進入項目體驗1.基于typescript開發中大型項目的解決方案| 2.基于antd-design組件庫移動端解決方案| 3.基于react全家桶（react hooks + redux + react-router）移動端解決方案| 4.基于axios封裝請求工具類解決方案| 5.基于token的前端登錄解決方案，封裝PrivateRouter攔截未登錄用戶| 6.基于token實現token過期與token刷新處理| 7.封裝KeepAlive組件實現組件緩存的解決方案| 8.基于antd-mobile實現文章列表的下拉刷新與上拉加載功能
react+hooks+redux+typescript+router全家桶 | 移動端項目搭建 | ant-mobile-v5 | vw 適配方案 | Token 過期處理 | 動態編輯 | 上拉加載 | 下拉刷新 | 評論與回復 | 搜索功能 | DayJS | 數據持久化 | 圖片懶加載 | 組件定制 | 組件封裝 | 性能優化 | 移動端1px像素 | Icon處理 | 表單驗證 | 倒計時 | 攔截器 | 權限組件封裝 | 緩存組件封裝 | websocket | 防抖與節流 | 關鍵字高亮 | 吸頂組件 | keep-alive | CDN優化 ｜ahooks｜lodash
課時:4天技術點:88項測驗:0次學習方式:線下面授
熟練掌握typescript + react技術棧（umi + dva + antd組件庫 )開發后臺管理項目的技術能力。
「極客園」對標“CSDN”、“博客園”等競品，致力成為更加貼近年輕 IT 從業者（學員）的科技資訊類應用 產品關鍵詞：IT、極客、活力、科技、技術分享、前沿動態、內容社交 用戶特點：年輕有活力，對IT領域前言科技信息充滿探索欲和學習熱情。本項目是個人自媒體管理端，涵蓋了后臺管理系統的核心業務，基于react技術棧（typescript+ umi + dva）實現了登錄功能，首頁展示，文章管理與發布，圖片上傳等功能。讓學員熟練掌握react核心技術棧的開發項目的能力。
進入項目體驗1.基于react hooks實現后臺管理系統的解決方案| 2.基于ant-design組件庫解決方案| 3.基于react-router的前端路由解決方案| 4.基于dva的狀態管理解決方案| 5.基于react-quill的富文本編輯器解決方案| 6.基于 umi 的構建react項目解決方案
ant-design組件庫 | 表單校驗 | token 認證 | token 失效控制 | history 路由| 組件封裝 | react-quill | umi | dva | ant-design-pro | useModal | umi-request
課時:30天技術點:118項測驗:0次學習方式:線上
進軍大廠必備，結合 TypeScript+Hooks 和函數式編程思想完成項目開發。
1. TypeScript 基礎理解類型系統 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法，能理解代碼
靜態類型 | 基礎類型和對象類型 | 類型注解和類型推斷 | 函數相關類型 | 數組和元組 | Interface 接口 | 類 | 繼承 | 構造器 | Setter 和 Getter | 抽象類
2. TypeScript 高階語法理解類型系統 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法，能理解代碼
聯合類型和類型保護 | Enum | 函數泛型 | 類中的泛型 | 命名空間 | 模塊化 | 描述文件
3. Hooks理解 Effect Hooks 和 State Hooks 設計思想 理解 Hooks 應用場景 掌握使用 Hooks 封裝一些組件
useState | useEffect | useContext | 自定義 Hooks
4. 函數式編程掌握 JavaScript 函數式編程范式，為閱讀前沿框架源碼，學習框架設計思想做儲備，例如：React、RxJS、cycleJS、lodashJS、underscoreJS 等。
純函數 | 柯里化 | 函數組合 | Point Free | 聲明式與命令式
5. Redux 中間件理解業內比較主流的 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 | 微軟小冰
課時:31天技術點:124項測驗:0次學習方式:線上
高級前端工程師必備技能，真正實現一套代碼多端運行，減少開發成本，提高開發效率。
1. Flutter 小兔鮮兒項目掌握 Flutter 開發環境搭建 掌握 Dart 語言基礎 掌握 Flutter 常見的布局方式 理解組件的概念及分類 掌握基礎組件、容器類組件、可滾動組件、功能性組件的應用
開發環境搭建 | Dart 入門 | StatelessWidget | StatefulWidget | 布局 | 路由和導航 | 手勢 | 事件 | 資源文件 | 生命周期 | 拍照和圖片 | 動畫 | 網絡請求 | 列表組件 | 屏幕適配 | 混合開發 | 性能優化 | Plugin | 打包發布
2. 小兔鮮兒原生小程序精講理解 Taro 實現跨平臺開發的原理機制 理解單 JSX 組件與原生小程序組件的對應關系 理解 Taro 開發小程序與原生小程序的差異 掌握原生小程序消息推送方案 掌握原生小程序多線程方案 掌握原生小程序云開發等高級方案
腳手架 | 項目配置 | 編譯配置 | 條件編譯 | 適配 | 跨平臺支持 | sass | 組件通信 | 分包加載 | 消息推送 | 多線程 | 插件 | 云開發
3. PWA了解 PWA 能夠實現通過 PWA 技術強化 H5 網頁的原生特性 了解當前 PWA 技術的瀏覽器兼容情況
PWA 簡介與優點 | PWA 背后的技術與原理 | PWA 現狀 | manifest | serviceWorker | 消息推送的實現 | PWA 瀏覽器兼容情況
課時:9天技術點:39項測驗:0次學習方式:線上
高級前端工程師必備技能，在項目開發中實現自動化、規范化、組件化、模塊化。
1. webpack 核心學會 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 原理
3. git 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
課時:33天技術點:135項測驗:0次學習方式:線上
高級前端工程師必備技能，SEO 優化策略之一，網站性能監控與埋點方案。
1. Koa / eggKoa / egg / 中間件
對 Egg 的功能有全面的理解 | 掌握使用 Egg 完成項目 | 理解 Koa 的核心設計思想 | 掌握 Koa 的中間件編寫
2. NoSQLRedis / MongoDB
理解 redis 核心概念與使用 | 能使用 redis 運用到項目中 | 理解 MongoDB 核心概念與使用 | 能使用 MongoDB 運用到項目中
3. 性能監控服務端日志收集系統設計 接入第三方監控平臺 服務端錯誤預警 分析用戶行為 建立用戶畫像
理解服務端日志收集系統設計 | 掌握接入第三方監控平臺 | 掌握對服務端錯誤預警 | 前端異常上報 | 用戶 PV/UV 統計 | 頁面加載時間統計 | 用戶點擊行為統計 | 接口請求日志統計 | 接口請求耗時統計 | 靜態資源加載異常統計 | 實現 JS 頁面截圖 | JS 報錯實時監控統計分析 | 詳情分析和代碼定位 | 靜態資源加載異常實時監控 | 靜態資源加載異常的統計分析 | 接口請求報錯實時監控 | 接口請求報錯的統計分析 | 用戶 PV/UV 實時統計 | 記錄回放功能（詳細記錄用戶使用的足跡） | 7 日內留存數據分析 | 版本號分析，瀏覽器分布，等信息分析 | 分析頁面加載性能數據
4. SSRSSR 運行原理 SSR 環境搭建 緩存和 stream 性能優化
理解 SSR 運行原理及為什么需要使用 SSR | 掌握 SSR 環境搭建 | 掌握使用緩存和 stream 對 SSR 進行優化 | 掌握 Nuxt.js / Next.js 的應用
課程名稱：主要針對：主要使用開發工具：
課程名稱
HTML&JS+前端
課程推出時間
2022年7月8日
課程版本號
8.0
主要使用開發工具
VSCode
課程介紹
優勢一：課程升級深度調研市場需求，Vue、React、小程序全方位提升，打造多方向發展的高薪前端工程師。
優勢二：覆蓋Vue2全家桶、Vue3+TypeScript、React+TypeScript、原生小程序，uni-app等實用技術，滿足90+企業對前端工程師的需求。
優勢三：研究院精心打造超大項目庫，多行業多領域項目課程主流行業全覆蓋，項目課程天數占比60%以上，課程覆蓋主流就業領域，讓學生達到一線大廠的項目經驗要求。
優勢四：全場景高效學習方式，短時間掌握實用技術。老師教法培訓，課程清晰明了;教和練結合，實操促進吸收;每日作業，夯實學習成果;階段項目實戰，學以致用。
1
新增數據看板項目(Bootstrap + Echarts)
1
新增面經全端項目(Vue2 + Vuex + ElementUI組件庫 + Vant組件庫)
1
新增優醫移動端項目(Vue3 + TypeScript + Pinia + Vant組件庫)
1
新增小兔鮮兒電商小程序項目(uni-app + Vue3 + TypeScript)
1
優化JavaScript階段課程與案例
1
優化Ajax和Node.js階段課程與案例
1
優化極客園PC端項目(TypeScript + React + Umi + dva + antd-pro組件庫)
1
刪除刪除JQuery課程內容
1
友情提示更多學習視頻+資料+源碼，請加QQ：2632311208。
課程名稱
HTML&JS+前端
課程推出時間
2021.09.28
課程版本號
7.6
主要使用開發工具
VSCode
課程介紹
課程升級對接企業招聘需求，Vue+React雙重保障，目標不止于就業，而是讓你成為企業高薪招聘的“搶手”人才。
課程內容覆蓋前端主流技術棧，Vue2全家桶（Vuex、vue-router、element-ui、vue-element-admin）、Vue3新特性、TypeScript實戰、React全家桶（Hooks、Redux、react-router、ant design、antd-mobile），豐富項目庫，提供多行業多領域項目課程，項目課程天數占比為 60%+，讓學生達到一線大廠的項目經驗要求。
1
新增TypeScript課程（TypeScript結合主流技術的應用）
1
新增極客園PC端項目（React+Hooks+Redux+ant design組件庫）
1
新增極客園移動端項目（TypeScript+React+Hooks+Redux+antd-mobile組件庫）
1
新增資訊后臺管理項目 （Vue+Vuex+element-ui組件庫）
1
新增PC端和移動端網頁布局項目5個+（主流布局技巧+適配方案）
1
優化小兔鮮兒電商前臺項目 （Vue3技術棧）
1
優化人資中臺項目（Vue+Vuex+element-ui組件庫+vue-element-admin）
1
優化立可得項目（Echarts+Ajax）
1
刪除黑馬頭條移動端項目（Vue2技術棧）
1
刪除大事件項目（Layui）
課程名稱
HTML&JS+前端
課程推出時間
2020.07.11
課程版本號
7.0
主要使用開發工具
VSCode、HBuilder X
課程介紹
專為培養和打造高級軟件工程師高含金量課程重磅推出，課程升級顛覆培訓行業。
行業首家推出全端跨平臺項目并且業務在全端貫通。
超大項目庫，多行業多領域項目課程，主流行業全覆蓋，其中項目課程天數占比為 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 技術棧）
課程名稱
HTML&JS+前端
課程推出時間
2019.6.1
課程版本號
6.5
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
課程在6.0的基礎上，為了適應企業的需求優化基礎知識的講解并大幅度延長Vue的課時?；A階段突出編程的交互性，Vue課程中項目由1變2，增加MVVM框架原理、SSR服務端渲染、混合app開發等，并加強狀態管理vuex的應用。React項目好客租房優化項目功能和界面美化。
1
新增 黑馬頭條自媒體管理平臺（Vue.js技術棧）
1
新增黑馬頭條移動Web項目（Vue.js技術棧）
1
新增好客租房后臺管理系統（React.js 全套技術棧）
1
新增 好客租房移動 Web 項目（React.js 全套技術棧）
1
新增 網頁應用案例(待辦事項列表、購物車、微博發布等)
1
新增網絡編程講法優化和部分案例
課程名稱
HTML&JS+前端
課程推出時間
2018.9.10
課程版本號
6.0
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
課程增加了項目課程和應用型技術課程的時長，以培養具備企業真實項目經驗的程序員為目標，從編程基礎階段培養學生企業級編碼規范和業務實現能力，以Node.js為依托培養服務端概念和HTTP通訊協議，讓學員能夠適應前端行業的快速發展。后期以流行框架為主，通過超長的企業級全終端項目實戰培養具有3年工作經驗的前端開發人員。再加以時下最火熱的微信小程序和小游戲拓展學生的就業寬度。最后的商業項目團隊協作實戰階段，讓學員無需過渡期直接適應真正的企業開發。
1
新增品優購全端電商項目（管理系統、PC端、移動端、小程序）
1
新增 好客租房移動 Web 項目（React.js 全套技術棧）
1
新增 近百套行業項目解決方案庫
1
新增小程序加小游戲就業課
1
新增 企業級團隊項目實戰
課程名稱
HTML&JS+前端就業班課程
課程推出時間
2018.2.26
課程版本號
5.0
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
以品優購項目平臺為驅動貫穿整個課程，包括品優購PC端項目、品優購移動端項目、品優購后臺管理項目、品優購微信項目。讓學生能夠體會完整的項目開發流程。除課程更新外，還配以助教的實施體系(助教課程體系、強制自習、團隊項目、技術面試)
1
新增基礎班新增品優購整套項目的靜態頁面制作
1
新增 前端工程化完成品優購移動端項目
1
新增JavaScript和DOM階段的課程優化部分案例，培養學生通過代碼完成業務的能力
1
新增微信小程序的案例更新為品優購項目
1
新增 vue項目更新為品優購的后臺管理系統
課程名稱
HTML&JS+前端就業班課程
課程推出時間
2017.7.12
課程版本號
4.0
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
本次課程更新主要增加服務端編程語言PHP加強學生理解客戶端/服務器、動態網站以及網絡通信等后端開發的相關概念。并且能夠熟悉PHP的基礎語法，可以操作MySQL數據庫，能夠開發簡單的動態頁面和后臺接口。培養更懂后端的前端開發人員。
1
新增 PHP&MySQL課程，培養更懂后端的前端開發人員
1
新增 阿里百秀項目，結合前端渲染和后端渲染
1
新增HTML5的宣傳頁面
1
新增 移動端電商項目
1
新增JavaScript高級課程優化，增加貪吃蛇游戲
課程名稱
HTML&JS+前端就業班課程
課程推出時間
2017.03.01
課程版本號
3.0
主要使用開發工具
WebStorm、Sublime
課程介紹
本次課程更新注重理論到實踐的變化，從就業班開始培養學生把理論到實踐過程的培養，讓學生學習完JavaScript能夠自己動手開發插件，不僅僅停留在使用的層面。增加市面上流行的vue.js框架，并結合項目實戰，從0到1的完成項目，直至打包上線。
1
新增 博學谷項目，從無到有開發一個完整項目，從項目構建到上線
1
新增canvas課程中新增游戲的案例
1
新增 微信小程序開發
1
新增webpack1.x升級到webpack2.x，webpack和gulp集成構建項目
1
新增 ajax課程更新部分更實用的案例
課程名稱
HTML&JS+前端
課程推出時間
2016.6.30
課程版本號
1.1
主要針對系統
Windows、Linux
主要使用開發工具
webStorm、sublime
課程介紹
本次升級對前端課程1.0版本進行優化。重點優化課程體系與教學模式，知識點銜接更緊密，有利于學員更好的吸收掌握；更新框架部分知識點，將框架升級到市場上主流的版本，升級課程更加貼合企業實際需求。
1
新增zepto庫在移動web開發的實際應用；
1
新增基礎班與就業班的課程體系知識點無縫對接；
1
新增 面向對象和框架進階以及js 設計模式；
1
新增 在項目中融入企業最新技術課程；
課程名稱
傳智教育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
新增結合實際的工作場景，保證快速融入工作環境。
用心做教育，就是對每一個學生負責
— 傳智教育前端講師訪談實錄
什么樣的課程，才更符合前端大市場的需求，什么樣的項目，才能讓學生更具職場競爭力，傳智前端講師一直在思考，也一直在探索
每次課程的升級，教學方案的改革，都使前端講師為之振奮；而學生的反饋，更是他們源源不斷的動力。用心打磨優質課程，是學科講師的初心，讓每個學生都能少走彎路，是他們的使命。
源源不斷引進大廠技術大牛，專業研發課程升級、迭代，與企業需求實時接軌
教師錄取率<3%，從源頭把控師資，帶你過關斬將掌握每一個知識點
用數據驅動教學，貫通教/學/練/測/評，為每一位學員私人定制學習計劃和就業服務
學前入學多維測評
學前目標導向式學習
學中隨堂診斷糾錯
學中階段效果測評
學后在線作業試題庫
學后問答社區查漏補缺
保障BI報表數據呈現
就業全面指導就業
就業流程
全信息化處理
學員能力
雷達圖分析
定制個性化
就業服務
技術面試題
講解
就業指導課
面試項目分析
HR面試攻略
模擬企業
真實面試
專業簡歷指導
面試復盤輔導
風險預警
企業黑名單提醒
老學員畢業后即可加入傳智匯精英社區，持續助力學員職場發展，一次學習永久服務
傳智教育旗下IT互聯網精英社區，以匯聚互聯網前沿技術為核心，以傳遞、分享為己任，聯合經緯創投、創新工場、京東人工智能、華為等眾多關注互聯網的知名機構及企業、行業大咖，共同研究中國互聯網深度融合、跨界滲透、整合匯聚、相互促進的信息化資源共享平臺。
行業沙龍
高端人脈
職場資源
技術研習
劉同學
很幸運，我選擇了黑馬，讓我在此找到了人生的方向，在這里真真切切的感受到老師的負責，想讓我們快速成長，在這六個月特別能夠體諒老班，每天苦口婆心的教育著大家，不厭其煩的給大家分析著利弊，感謝，感恩?。?！
辛同學
在聽黑馬老師們的課程中讓我受益匪淺，并切實感受到了在實踐中得到成長。這種浸入式的教學我覺得很好，實踐出真知，只有在實踐中才能真正學到東西，發現問題，才能更好地提升自己。
陳同學
在這里我收獲到了老師同學間的友誼，學習期間跟黑馬老師像朋友一樣的交流，不管是生活上還是學習上的問題，他們都像朋友一樣給予關心和幫助，希望我和班里的同學們都能收獲滿滿，找到一份心儀的工作，給自己的培訓生活畫上一個完美的句號。
易同學
在這學習的時間中，也讓我明白了，學習的目的不是知識本身，而是學習方法，思維方式，心理素質，獨立解決bug的能力，然后提高自己的不可替代性，降低以后被這個行業淘汰幾率。
元/月平均薪資
元/月最高薪資
%就業率
人月薪過萬
*學員就業信息統計數據為數據庫中實時調取的真實相關數據，非廣告宣傳
