畢業學員有口皆碑
源于始終堅守初心研發好課程
【Web前端】Web前端入門教程_Web前端html+css+...
【Web前端】2018年Vue.js深入淺出教程
【Web前端】2018版Html5+Css3由淺入深教程
【Web前端】移動Web開發
教程
傳智前端6大課程優勢
是他們選擇我們的共同理由
48天超長項目實戰
覆蓋6大就業熱門行業
該項目屬于B2C電商平臺，類似于京東、天貓，用戶可通過平臺輕松完成注冊登錄、搜索商品、查看商品明細、加入購物車、提交訂單、訂單支付等完整的購物流程。
項目主要包含網站首頁樓層展示、商品檢索、商品詳情信息展示、購物車功能、注冊新用戶并發送驗證郵件、登錄、會員中心、購物車結算和支付、會員資料和收貨地址維護、我的訂單展示等。
MySQL + PHP Server + Node.js Midway + Handlebars + jQuery
Midway、MVC、Express、Axios、Multer、Nodemailer、Handlebars、SVG 驗證碼、第三方支付、jQuery、AJAX、jQuery插件、Lazyload、XZoom、Git、Standard代碼風格檢查
電商項目、在線購物、購物車、郵件發送、在線支付、Node.js中途島、驗證碼、界面特效、MVC、AJAX、懶加載
該項目是一個在線教育平臺，用戶可以在線選課，購買課程，在線交流等。項目整體基于 React 技術架構，學習完該項目基本能掌握 React 核心技術架構體系。
主要包含用戶注冊登錄退出、第三方登錄、在線流媒體視頻播放、課程模塊、購物車、訂單支付、用戶中心等。
基于 AJAX 的前后端分離，前端基于 React.js 技術棧獨立開發單頁面應用程序+服務端SSR
React.js、create-react-app、Ant design、React Router、Redux、Axios、AJAX、Immutable、RESTFul API
在校教育平臺、購物車、郵件發送、在線支付、React、React Router、短信驗證碼、界面特效
十次方社交平臺像是一個程序員社交網絡，項目采用前后端分離架構，前端采用了以Node為驅動的中間渲染層解決方案，學習完該項目基本能掌握該方式的技術解決方案模型。
主要包含用戶注冊登錄退出、發布問題、回答問題、分享知識、個人中心、賬戶管理、話題分享、話題搜索、標簽系統、活動報名、交友、吐槽、招聘等。
微服務+ Node.js中間層（RESTful、GraphQL）+客戶端技術（Vue.js、React.js、React Native、微信小程序）
Node、中間層、Express、Nunjucks、微服務調用、jQuery、Axios、PM2、ECMAScript 6、Moment
社交項目、問答社區、在線問答、郵件發送、驗證碼、MVC、AJAX、Pjax、懶加載、服務端渲染
該項目是一個類似于馬蜂窩的在線旅游平臺，用戶可以在線查詢目的地旅游信息，分享旅游攻略，在線下單等。該項目整體基于React Gatsby+無服務端架構模型，學習該項目可以掌握另一種新型的技術架構模型。
用戶注冊登錄退出、第三方登錄、旅游信息查詢、旅游詳情、旅游攻略、在線下單、訂單支付、用戶中心。
使用 Sass 云服務（LeanCloud） + React.js + Gatsby
React.js、Gatsby、LeanCloud、AJAX、Axios、React Router
在線旅游平臺、旅游攻略、在線購物、購物車、郵件發送、在線支付、React、Gatsby、無服務端架構
該項目是一個類似于我愛我家、自如有家的租房App，用戶可以在平臺中瀏覽租房信息，預約看房，在線支付租房訂單等。
用戶登錄、用戶注冊、第三方登錄、查找租房信息、租房列表、租房詳情、地圖找房、租房咨詢、在線下單、個人中心等。
前后端分離模式，前端基于 React Native 技術棧獨立開發完整 APP
React Native、ECMAScript 6、Flex布局、Fetch、React Router、React Navigation
租房項目、在線租房、在線支付、AJAX、懶加載、下拉刷新、上拉加載更多、ListView、離線緩存、Pop 彈出菜單、多彩主題、應用分享
該項目是一款類似于今日頭條的資訊類應用，匯集娛樂資訊的用戶移動終端產品，包含用戶發表文章的閱讀，其中包含文章的刷新推薦、詳情閱讀、評論文章、點贊、用戶頻道的個性化、查看用戶的個人信息、編輯用戶的個人基礎信息，以及小智機器人等客戶端功能。
手機號快捷登錄、頻道編輯、文章推薦、文章詳情、評論功能、個人主頁、關注粉絲、收藏歷史、小智同學、消息通知。
前后端分離，基于Vue技術棧開發單頁應用
Vue.js、Vuex、Vue-Router、Axios、vue-cli、RESTful API、AJAX、vant、websocket
新聞資訊、短信驗證、小智同學、移動端布局、組件開發、Feed信息流、打包App、列表緩存、上拉下拉加載、自動化部署
拒絕知識點的簡單堆砌
給你職場更實用的技術解決方案
遇到問題套用解決方案
"技術解決方案讓我快速適應職場，遇到技術問題就能直接套用"遇到問題無從下手
"學了很多知識點，
有深度的電商小程序課程
為就業/創業開辟新出路
小程序UI開發
小程序API編程
常用App界面布局實現
Canvas實戰應用
WePY/mpvue快速開發框架
騰訊云服務接入
本項目通過一個小程序電商業務項目為切入點，使用更高效小程序的框架 mpvue，結合最新ES6語法，在實戰開發環節充分應用，讓學員深入理解項目設計背后的原理，解決實際業務中的各類問題。
首頁推薦頻道展示、分類篩選、搜索商品、商品詳情、分頁加載數據及長列表展示優化、購物車、下單、支付、用戶個人中心、Postman接口測試工具。
小程序彈性布局原生組件應用小程序登錄樣式復用微信支付接入App編程思維異步編程組件式拆分與開發設計稿重構
除了豐富的項目經驗
260小時理論課提升進階技能
可以嘗試管理
扎實的理論基礎讓你擁有更高只能做執行
只能解決簡單的技術問題， 隨時可能被替代從ES2015出發，深入剖析Map，Set，Async/Await等常用知識點，學習異步編程思想，更深層次的感受Javascript的魅力。
學習Typescript（簡稱TS）。TS給Javascript添加了很多樂趣，無論項目大小都可以用TS書寫，減少團隊協作Bug，項目結構更清晰。
學習瀏覽器原理及性能優化，從原理出發更好的理解瀏覽器，從而優化頁面提升性能。
學習設計模式，提高程序的維護性和擴展性。覆蓋工廠、構造、單例等常見設計模式，補平知識短板。
介紹主流的React和Vue的底層實現原理、進階技術、數據管理和性能優化，動手開發Modal、Menu等常規組件。
學習框架本身的設計原理。從源碼層面了解先進開發框架設計，從原理層面剖析前端框架的架構設計，從開發與效率層面服務實際工作中的開發項目。
Vue的進階使用。包括Mixin、directive、filter、及常用的slot。學習封裝Vue模塊與常用功能，是提升開發效率的必經之路。
React的進階使用。包括Hooks、服務端渲染等，了解Hooks產生的前因后果，如何把組件的思想發揮到極致。
webpack類的打包工具精講。包括自動化工具完成打包、預編譯和熱開發調試的基礎功能。
介紹常用的CLI工具及原理。講解常見的CLI工程化工具的使用，并且開發屬于自己的CLI工具，做到對工程化更深層次的認知。
項目的打包與發布。深入大型項目的應用層面，對持續集成、容器化、CI/CD工具的使用、自動化測試、文檔管理等進行講解。以實戰項目作為最終目標，對等企業級需求。
講解版本控制、接口測試類工具、Mock數據及文檔生成等。
Nodejs擴展了前端無限的能力，讓前端也可以向后臺進軍，操作數據庫、讀寫文件、長鏈接（websocket）等讓Nodejs擁有了后臺語言的能力。
學習常見的Nodejs API、網絡和事件循環多進程。深入原理講解Nodejs模塊開發技巧。
學習數據庫，認識后臺開發。學會“后臺”開發人員的思維方式，可以和后臺人員進行順暢溝通。
講解豐富的網絡相關的知識，如egg、auth2.0的快速開發技巧、發揮Nodejs異步編程的能力、BaaS接口標準的GraphQL介紹、GraphQL的核心概念與使用等。
Websocket 精講。實現聊天功能、心跳檢測、多聊天室、消息緩存等功能開發，封裝消息應用核心功能庫，學會原理的同時也能助力日常ws相關項目的開發。
講解移動端混合開發解決方案，包含混合App框架Ionic入門、React Native實戰項目和Flutter好客租房項目。
講解桌面端（跨端）領域前端方面的終極解決方案Electron，在滿足日常開發性能需求的基礎上，大幅度提升開發效率。
講解基本的數據結構、常見的算法及設計思考，以及面試題。通過這幾個維度的講解，讓學員理解算法在業務開發過程中的重要意義。
進行核心算法實戰，讓學員掌握基本的開發技巧與應用能力。
實時更新熱門技術
讓你始終掌握技術發展趨勢
9級培訓體系嚴選師資
講師大多擁有BAT大廠背景
曾參與國家開放大學module教育平臺，環球影視(中國)等多個大型項目。擁有豐富的前端教學經驗，擅長設計課程與教學。課程內容是第一位，但是讓學生學得開心，聽得懂也很重要；pink，拼死也要克服前端。
985學士，5年前端開發經驗，具備全棧開發能力，曾就職于跨國公司和知名國企，參與多個大型項目研發，豐富的企業面試經驗和員工內訓經驗。 深剖原理，諳熟本質。關注前端主流技術的發展，保持熱度，迭代技術。
Web前端工程師，具有多年Web開發經驗，熟悉前端技術開發架構，喜愛并熱衷于前端開發，特別在Vue、Node.js、React等主流技術領域實踐并積累了豐富的經驗，提出并成功主導了B2C、社交、O2O、IM、OA等眾多領域的技術解決方案，同時在結合 Linux 服務器相關技術優化提升網站性能方面具有豐富的實踐經驗。
后端開發出身，曾在金和軟件參與大型SOA項目開發；后入職國美集團旗下，負責前端開發工作?；A扎實，深入原理。熱愛技術，喜歡讀書，看過大量有關前端方面的書籍。 為人友善，知識面廣泛。
曾參與過大型國有銀行、地區銀行的項目開發，大型電子商務購物平臺開發。曾任Java高級開發工程師、項目組長、前端高級開發工程師、前端主管職位。參與開發的項目有：青島銀行生活通LBS項目、中國銀行創業在線項目、孔夫子電子商務平臺建設、書店項目、拍賣項目。
多年軟件開發和教學經驗，全棧開發，擅長前端、Java、Android開發、網絡信息安全、Linux服務器運維等； 熟悉Node.js平臺、 Vue.js等框架；參與過《Linc日本留學項目》、《InTestCar車輛遠程管理服務平臺項目手機客戶端》等中大型項目。
分階課程體系契合企業剛需
每個學習階段目標清晰
夯實前端基礎技能
掌握高起點就業技能
使用案例場景式教學，提升學習興趣，降低入門難度
?自適應布局?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?Vue-cli?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 的應用
獨家Tlias教學系統
學練測輔全方位保障學習效果
畢業后，服務并未止步
助力未來職業發展