項目開發驗收27項考核指標
功能實現
業務流程
UI/UE實現
代碼質量
接口/性能
……
課程質量驗收15項考核指標
技術應用合理性
技術前沿性
技術深度
課程銜接合理性
引導式教學應用程度
……
研發效率驗收3項考核指標
進度
成本
變更頻率
……
用戶驗收17項考核指標
課程導入吸引度
授課語言感染力
課程趣味性
教學結果
課程吸收度
……
基礎班階段一
就業班階段一
就業班階段二
就業班階段三
就業班階段四
就業班階段五
就業班階段六
就業班階段七
就業班階段八
就業班階段九
就業班階段十
升級說明
使用案例場景式教學,提升學習興趣,降低入門難度
主要內容
?自適應布局?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 的應用
相比較邏輯思維,前端工程師更需要具體、形象的思維能力
喜歡接觸新興事物,對互聯網行業有好奇心和探索欲望
前端應用是觸達用戶的第一入口,
用戶體驗十分重要
前端工程師崗位需求多、前景好、
上手快,適合作為應屆生的第一職業
初級前端工程師
(0~1 年)
中級前端工程師
(1~2 年)
高級前端工程師
(2~4 年)
資深前端工程師
(4~6 年)
前端架構師
(6~10 年)
CTO
(10 年以上)
技術開發組長
(4~6 年)
項目經理
(6~10 年)
項目總監
(10 年以上)
實實在在的項目干貨
不用框架基礎來湊數
足夠的頁面數量
支撐完整的業務體系
企業真實開發場景
從容應對主流業務
定制化的解決方案
提升技術應用的靈活性與穩定性
足夠的接口數量
體現項目的規模化
技術范圍廣 合并重復知識點
企業開發同一產品 多個平臺更真實
各平臺產品 密切聯動
依行業特點 制定強實施性解決方案
不同類型項目 存在重復知識點
體量不足 性能優化感知弱
缺失跨平臺公共業務和數據請求
行業縱深較淺 解決方案非體系化
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強依賴
同一模塊無法多人開發
團隊開發效率低
團隊協作能力差
接口規范不統一
命名不規范
編碼規范不統一
項目組織結構不規范
圖標無法自動合并
無法持續集成
無法自動構建
無法進行自動化測試
功能實現
業務流程
UI/UE實現
代碼質量
接口/性能
……
技術應用合理性
技術前沿性
技術深度
課程銜接合理性
引導式教學應用程度
……
進度
成本
變更頻率
……
課程導入吸引度
授課語言感染力
課程趣味性
教學結果
課程吸收度
……
專職課研團隊
專職教學團隊
大廠背景,技術深度、廣度,
大型項目經驗
背景調查,技術360°鑒定 ,
新課題設計 ,課程隨機演繹 ,
職業定位、發展規劃
教育情懷、價值觀,進
取精神、培養潛力
CEO審核,信息存檔
課研人員素質考核視頻錄制考核
課程設計考核課堂試煉考核
大綱設計考核產品全方位審評
講義撰寫考核考核答辯
平臺、組件
技術開源歷練
技術私享會
大牛技術沙龍
企業對對碰
技術共享
業務技能、性格
特色、溝通能力
框架能力、底層原理、性能與
安全、算法與數據結構
課程設計、授課邏輯互動與
交互、代碼規范
抗壓能力、學習動力、
專業程度、培養潛力
定制個性化考核方案教育心理考核
講師素質考核教學方法考核
排課、備課產出物考核課堂試講考核
視頻錄制考核正式授課答辯
每日授課
學員滿意度打分
階段課程實施
評審組審核
傳智培訓院
多維培養計劃
講師專屬
晉升通道
簡介:自主創意的攝影作品工作室網站,使用 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 業務庫。
在線演示采用大廠推薦的開發流程
實現項目高效開發、快速迭代
打通需求 → 設計 → 開發 → 測試 →協同全流程,提升團隊協同效率
學員親歷項目從零到上線的全周期開發,對項目流程有深刻認知
學員主導,分組練習,提升需求分析及實現能力
精準定靶學習目標,讓學員對每天的學習進程了如指掌。課上一講多練的教學模式更便于學員反思評估當天學習目標的掌握程度,教師提供針對性的學習指導,保障學習效果。
TLIAS系統為學員提供了充足的實操訓練機會,并構建了一條科學的練習路徑,多級練習提示使各類學員都能獲得充分指引,最終獨立解決問題,提升知識技能水平。
TLIAS系統的診斷測評工具,使學員能夠對每天所學知識進行檢測,將薄弱知識可視化,精準查漏補缺,對問題知識點給予重點消化吸收,復習更高效、更聚焦,效果更明顯。
為充分激活學員間互動能量,將學員個人單線的學習擴展為立體互動性較強的探索式共享學習,TLIAS系統搭建了學習問答社區。熱帖瀏覽高達到2.5w人次。
TLIAS系統的就業中心從實際就業需求出發,為學員們準備了非常豐富的就業資源,5大課程門類,2000余節課程視頻,能夠滿足不同學員的實際需求。
為提升學員的面試實戰經驗,TLIAS系統的模擬面試平臺高度還原學員目標崗位的面試環境和流程,并打造求職利器“面試寶典”,幫助學員熟悉面試流程,提高面試成功率。
TLIAS系統的BI數據平臺能夠全方位采集、實時監測各關鍵環節數據,形成一套成熟且執行有效的數據驅動模式,問題及時解決,風險提前預防,保障教學質量持續穩定的輸出。
為老師的教學打分,對校區的服務評價,TLIAS系統會做出定性和定量分析,在精準的教學質量監控下,師資質量精益求精、學習效果穩步提升,學習體驗與滿意度口碑雙提升。
學習目標體系
作業試題庫
個人專屬測評
學習問答社區
就業指導資源
模擬面試平臺
多數據采集
教學質量監控
就業流程
全信息化處理
學員能力
雷達圖分析
定制個性化
就業服務
技術面試題
講解
就業指導課
面試項目分析
HR面試攻略
模擬企業
真實面試
專業簡歷指導
面試復盤輔導
風險預警
企業黑名單提醒
每年百場行業交流
每年24場免費交流
行業大牛講座
技術大牛分享
攻克研發難關
緊跟科技前沿
二千余家企業
高管精準指導
助力職場晉升
突破發展瓶頸
服務中高端IT人才
持續跟蹤量身定做
課時:14天技術點:54項測驗:1次學習方式:線下面授
借助藍湖工具,參照設計稿,進行 PC 端靜態網頁的開發。
HTML 是網頁開發的基礎,從最簡單的網頁開發基礎入手,使用常見的標簽制作網頁內容,包含了以下技術點:?
在 HTML 結構的基礎上,通過浮動、定位、Flex 精細控制網頁布局,通過背景、圓角、陰影、漸變等美裝飾美化網頁內容,結合轉換、過渡、動畫高級特性增強用戶體驗,能夠編寫大型綜合性網頁。
基于設計稿編寫網頁,確保網頁布局的高還原度,綜合運用 HTML、CSS 的基礎知識,歸納使用技巧,提升綜合實戰水平,借助藍湖協同平臺,體驗真實團隊開發流程。
課時:13天技術點:49項測驗:1次學習方式:線下面授
解決移動設備屏幕所呈現網頁的開發,高度還原設計稿,熟悉靜態網頁的開發流程。
深入理解屏幕相關知識,了解 PC 屏幕與移動屏幕本質上的差異,結合視口、媒體查詢、rem 等基礎知識整合出穩定高效的移動屏幕適配方案。
基于媒體查詢開發跨終端的網頁,通過 Bootstrap 體會框架封裝的高效性及組件化的復用性等實戰化特征。
基于 CSS 的 2D 與 3D 轉換特性制作動效網頁
基于設計稿編寫網頁,確保網頁布局的高還原度,針對移動設備的特征應用差異化的技術解決方案,歸納開發技巧,提升綜合實戰水平,借助藍湖協同平臺,體驗真實團隊開發流程。
課時:28天技術點:124項測驗:2次學習方式:線下面授
網頁操作和用戶交互是網頁開發中不可或缺的組成部分,讓網頁“動”起來。
了解語言的基本概念,熟識語法規則,培養語言基礎邏輯能力,建立良好的編程思維,具有一定的語言駕馭能力。
學習客戶端開發技術,能夠根據產品需求完成開發任務,如視覺交互、數據處理、安全、性能等,熟練掌握 DOM 操作的方法,能夠分析視覺交互需求,結合 CSS 規則設計合理的 DOM 結構,完成開發任務。
深入理解 ECMAScript 的知識體系及工作機制,熟悉 ES6+ 新的語法特性,注重抽象思維的培養,具備面向對象編程的的能力。
借助 jQuery 提升開發的效率,同時借鑒和學習 jQuery 的封裝實現思想,鞏固面向對象的相關知識,加深對面象對象的理解。
綜合 JavaScript、HTML、CSS 所學的知識,針對企業現實開發需求,基于 ECharts 數據可視化插件歸納數據可視化領域解決方案,提升知識綜合運用水平。
課時:22天技術點:97項測驗:1次學習方式:線下面授
實現客戶端與服務端的交互,快速搭建服務器,具備大前端的基本功。
系統的學習網頁數據交互的 Ajax 技術,建立前后端交互的知識體系,為學生夯實網絡編程的基礎,為后期高級課程的學習做好鋪墊。
借助 Git 對項目進行版本控制,掌握實際開發中那些必知必會的 Git 操作。
全面系統講解 Node.js 中最核心的、必知必會的概念,能夠基于模塊化的開發思想優化項目代碼,編寫出高效、健壯的代碼,同時培養出 Node.js 的編程思維。
掌握 npm 的使用,能夠在實際開發中利用 npm 上的資源提高自己的開發效率,根據項目需求下載并安裝合適的包。同時也能夠根據遵守規范的包結構開發出屬于自己的包并發布到 npm。
了解后端數據庫的基本使用,能夠使用常見的 SQL 語句操作數據庫,并且能夠使用 MySQL 模塊在項目中操作 MySQL 數據庫,為實現從前端程序員進階到全棧程序員做準備。
掌握如何使用 Express 結合 MySQL 編寫后端 API 接口項目,為學生構建完整的前后端知識體系,培養出懂后端的前端程序員,提升學生的職場競爭力,邁出從前端程序員進階到全棧程序員關鍵的一步。
基于 jQuery + Ajax + 模板引擎 + Git 等技術,完成綜合性的后臺管理項目開發,鞏固前面課程所學的技術點,積累項目開發經驗,提升綜合解決問題的能力。
課時:54天技術點:216項測驗:0次學習方式:線下面授
滿足前端工程師的崗位要求,重中之重,也是主流框架之一,必會技能。
掌握 ES6 模塊化的基本使用,熟悉異步編程的高級用法。同時建立前端工程化的開發思想,為工程化項目中腳手架的使用做基礎鋪墊。
掌握 Vue3.x 中常用指令及 API 的使用,使用 Vue 語法對常見頁面進行開發,了解組件化的開發思想,掌握路由的使用,熟悉組件之間實現數據共享的方式,知道 ElementUI 的基本使用,掌握組件封裝的原理,熟悉腳手架工具的使用,了解數據驅動視圖的思想。
運用 Vue 的基本語法開發移動端網站,熟悉組件封裝的技巧,掌握 Vant 的使用,了解項目業務的開發思路,了解節流和防抖的應用場景。
深度使用 Vue 相關的技術,包括 Vue.js(MVVM 框架)、Vuex(狀態共享)、Vue-Router(路由表)、Vue-CLI(Vue 腳手架)、ElementUI(VueUI 框架)開發人力資源管理平臺,對人力資源各種常見的業務使用以上技術進行實現。展示常見的路由權限攔截、Token 角色認證、動態路由解析、重置、權限點設置、審批流程、PDF 打印、Excel 導入導出、跨域反向代理等業務,掌握 Vue 開發復雜 PC 管理項目的使用,掌握 Vuex 在 Vue 項目的深度應用。
基于 vue3.0 的組合 AP I方式與選項 API 的方式開發的一個綜合品類的電商前臺系統。 實現了一套完整的電商業務流程,從首頁,類目,搜索,品牌,商品詳情,購物車,結算,支付,個人中心,訂單管理,收貨地址管理,評價中心,和其他個人信息管理業務。
理解 MVVM 模式的實現原理,了解 defineProperty 的使用,了解 Proxy 的使用,掌握組件封裝的原理。
課時:15天技術點:58項測驗:0次學習方式:線下面授
滿足前端工程師的崗位要求,受眾廣泛,提高就業能力,找工作時的加分項。
了解小程序開發的一般流程序,熟悉小程基礎組件的使用,能夠基于 wxml 和 wxss 實現小程序的界面布局,基于模板的數據綁定實現數據的動態渲染,基于 API 實現與服務端的數據通信,以及熟悉其它高級 API 的使用。
理解 uni-app 實現跨平臺開發的原理機制,理清單文件組件與原生小程序組件的對應關系,以及 uni-app 開發小程序時開發時與原生小程序的差異。
基于真實需求綜合運用小程序開發的相關知識,突出小程序 API 的真實應用場景,強化和鞏固小程序開發的相關知識,提升綜合解決問題的能力。
課時:15天技術點:62項測驗:0次學習方式:線下面授
深入理解組件化和模塊化開發思想,三大主流框架之一,滿足企業招聘中的崗位要求。
掌握 React 的基本語法,掌握 JSX 的常用語法,掌握 create-react-app 的使用,掌握路由的使用,掌握 React 中組件化開發的能力,了解高階組件的基本使用,熟悉組件通信的常用方法。
掌握 Redux 的數據管理流程,掌握 Redux 中各組成部分的作用,掌握 React-Redux 的基本使用,了解展示組件和容器組件的區別,了解單向數據流的概念,掌握 React 中 dev-tools 的使用。
掌握 Reac 技術棧進行移動端網站的能力,了解百度地圖 SDK 的基本使用,掌握 antd 的基本使用,了解項目中常見業務的開發思路,了解組件化開發思想,了解 CSS in JS 思想。
課時:30天技術點:118項測驗:0次學習方式:線下面授或線上學習(可選)
進軍大廠必備,結合 TypeScript+Hooks 和函數式編程思想完成項目開發。
理解類型系統 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法,能理解代碼
理解類型系統 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法,能理解代碼
理解 Effect Hooks 和 State Hooks 設計思想 理解 Hooks 應用場景 掌握使用 Hooks 封裝一些組件
掌握 JavaScript 函數式編程范式,為閱讀前沿框架源碼,學習框架設計思想做儲備,例如:React、RxJS、cycleJS、lodashJS、underscoreJS 等。
理解業內比較主流的 2 種數據管理設計思想 掌握如何運用合適的數據管理工具在項目 能通過查看源碼對項目做一些性能優化
掌握基于 React 組件化技術解決方案 掌握結合 Redux 狀態管理 掌握用戶權限解決方案 掌握 AI 智能推薦方案 掌握秒殺 / 拼團 / 砍價方案 掌握物流追蹤方案 掌握數據導出方案 掌握第三方支付方案 掌握即時通訊方案 掌握短信服務方案 掌握流媒體方案 掌握單點登錄方案 掌握服務提醒方案
課時:39天技術點:148項測驗:0次學習方式:線下面授或線上學習(可選)
高級前端工程師必備技能,真正實現一套代碼多端運行,減少開發成本,提高開發效率。
掌握 RN 原生 APP 界面布局 掌握第三方 RN 組件的集成和改造 掌握第三方 Android 原生組件的集成和使用 掌握高德定位自動獲取終端經緯度 掌握騰訊逆地址 掌握 JWT 交互模式 掌握 Mobx 管理數據 掌握自定義 SVG 繪制 掌握 RN 模態窗口的實現 掌握圖文混排布局 掌握 RN 本地相冊訪問 掌握 RN 本地相機調用 掌握高德地圖實現定位功能 掌握 RN 多圖片上傳
掌握 Flutter 開發環境搭建 掌握 Dart 語言基礎 掌握 Flutter 常見的布局方式 理解組件的概念及分類 掌握基礎組件、容器類組件、可滾動組件、功能性組件的應用
理解 Taro 實現跨平臺開發的原理機制 理解單 JSX 組件與原生小程序組件的對應關系 理解 Taro 開發小程序與原生小程序的差異 掌握原生小程序消息推送方案 掌握原生小程序多線程方案 掌握原生小程序云開發等高級方案
了解 PWA 能夠實現通過 PWA 技術強化 H5 網頁的原生特性 了解當前 PWA 技術的瀏覽器兼容情況
課時:9天技術點:39項測驗:0次學習方式:線下面授或線上學習(可選)
高級前端工程師必備技能,在項目開發中實現自動化、規范化、組件化、模塊化。
學會 webpack 的配置 理解 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 常見的分支管理命令
課時:33天技術點:135項測驗:0次學習方式:線下面授或線上學習(可選)
高級前端工程師必備技能,SEO 優化策略之一,網站性能監控與埋點方案。
Koa / egg / 中間件
Redis / MongoDB
服務端日志收集系統設計 接入第三方監控平臺 服務端錯誤預警 分析用戶行為 建立用戶畫像
SSR 運行原理 SSR 環境搭建 緩存和 stream 性能優化
課程名稱
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。
課程名稱
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。
課程名稱
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
新增 企業級團隊項目實戰
課程名稱
HTML&JS+前端就業班課程
課程推出時間
2018.2.26
課程版本號
5.0
主要針對系統
Windows、Linux、MacOS
主要使用開發工具
Sublime、WebStorm、VSCode
課程介紹
以品優購項目平臺為驅動貫穿整個課程,包括品優購PC端項目、品優購移動端項目、品優購后臺管理項目、品優購微信項目。讓學生能夠體會完整的項目開發流程。除課程更新外,還配以助教的實施體系(助教課程體系、強制自習、團隊項目、技術面試)
1
新增基礎班新增品優購整套項目的靜態頁面制作
1
新增 前端工程化完成品優購移動端項目
1
新增JavaScript和DOM階段的課程優化部分案例,培養學生通過代碼完成業務的能力
1
新增微信小程序的案例更新為品優購項目
1
新增 vue項目更新為品優購的后臺管理系統
課程名稱
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高級課程優化,增加貪吃蛇游戲
課程名稱
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課程更新部分更實用的案例
課程名稱
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
新增結合實際的工作場景,保證快速融入工作環境。
● 學科正式更名為HTML5&JS+前端 ,推出9個月高級軟件工程師課程
● 引入阿里、京東、用友等大廠一線技術人員加入前端研究院,為打造優質課程體系提供技術支撐
● 研發了多個企業級實戰綜合,包含包含 PC 端、移動端、移動APP等
● 加強 React 學習的深度和廣度、跨平臺開發也逐步被引入課程體系
● 擴大研發隊伍,加強研發力度,獨創了 N+12 教學新模式
● 跟進新技術、新領域,為學員提供免費終身的學習服務
● 引入數據持久化、內存緩存、項目部暑等課程體系
● 成立了全棧子學科,培養了大量全面性Web開發人才
● 率先增設了小程序的課程
● 率先引入Gulp、webpack等基于Nodejs的前端工程化工具
● 加強 AngularJS、Vue.js 課程的深度與廣度,更加貼合市場需求
● 2015年7月7日,傳智播客前端與移動開發學院正式成立
● 從500名學員中篩選了30名同學,首期前端班正式開班