階段 web網頁基礎
HTML5+CSS3基礎入門
課程內容
熟悉HTML5入門基本內容，掌握CSS3的基礎入門知識，可以實現任意網頁布局。
項目實戰
京東登錄布局設計開發 、京東注冊布局設計開發
Photoshop
課程內容
掌握Photoshop基本操作；能夠獨立的進行網頁切圖
項目實戰
博客項目網頁切圖、量尺寸 ；企業多方案綜合項目切圖、量尺寸、標注像素
HTML5+CSS3進階
課程內容
掌握繼承與優先級；HTML表格與表單；掌握css3新特性；能夠進行合理的網頁布局
項目實戰
企業網站多方案綜合項目實踐、完整的多個企業網站開發
第2階段 web編程基礎
JavaScript基礎語法
課程內容
掌握JS基礎基本語法和基本語句，培養編程邏輯思維，實現網頁的動態交互
項目實戰
H5音樂播放器、實現H5小游戲
BOM編程
課程內容
掌握window、location、history、navigator、screen等對象的使用，掌握事件處理和DOM節點BOM組成
項目實戰
倒計時秒表、商品搶購倒計時案例
DOM編程
課程內容
DOM節點操作(增刪改查) 操作文本節點 事件四要素 事件綁定 事件處理函數返回值
項目實戰
DOM元素移動動畫案例
Javascript實現交互效果
課程內容
用JavaScript實現網頁上常見的各種交互動畫效果
項目實戰
回到頂部、在線客服、選項卡效果：導航二級菜單、商品分類二級菜單、手風琴效果、輪播圖效果
版本控制工具Git/SVN
課程內容
掌握SVN/GIT版本控制工具來維護項目的整個藍圖；熟練使用github、碼云等平臺來管理云端代碼倉庫，完成多人協作項目。
項目實戰
源碼大數據
第3階段 H5進階和JS中級進階和前端工程化
HTML5+CSS3高級新特性
課程內容
掌握LocalStorage和SessionStorage、視頻和音頻，Web字體的使用，掌握過渡，動畫，變形等實現各種絲滑流暢的*交互
項目實戰
搜索歷史記錄功能模塊、手寫一個視頻播放器
Flex布局和移動端適配
課程內容
Flex布局完美適配各個終端，掌握業界主流的響應式布局方案
項目實戰
京東移動端 、淘寶移動端 、攜程移動端
JS中級進階
課程內容
深入函數細節、突破JS數組的20個常用方法、玩轉合并對象和各種循環對象、深入BOM的hashchange和pushState
項目實戰
排序、過濾、率先的復雜動態表格JS實現；復雜表單的正則驗證綜合實踐
Node模塊化和npm和yarn包管理
課程內容
node模塊化，包管理npm和yarn，打包工具webpack，為前端工程化鋪墊
項目實戰
從零實現一個多頁面打包項目腳手架
Webpack5自動構建和前端工程化
課程內容
webpack5完整學習，完成從0到1搭建項目工程目錄，支持切換開發和生產環境，啟動開發服務器，打包上線。
項目實戰
從零實現一個多頁面打包項目腳手架
數據可視化Echart
課程內容
掌握echarts的各種玩法，高度自定義echarts，實現常見的前端數據可視化
項目實戰
移動端餅圖、折線圖、堆疊條形圖、柱狀圖綜合案例
高德地圖API
課程內容
掌握高度地圖API的正確使用方式，實現定位，繪制圖標，繪制線條，實時繪制運動軌跡等復雜交互
項目實戰
跑步定位和運動軌跡繪制
Ajax前后端數據交互
課程內容
前后端數據交互技術ajax，原生Ajax、axios，同步和異步、局部刷新瀏覽器，增強用戶體驗
項目實戰
Fitness App
第4階段 JavaScript高級編程和框架核心思想
JavaScript高級編程
課程內容
JavaScript面向對象編程思想，深入理解作用域、閉包、原型和原型鏈、繼承、this、IIFE、構造函數，類和實例對象等知識
項目實戰
手寫深拷貝和淺拷貝、手寫ES5寄生組合式繼承
ES6、ES7
課程內容
ES6新特性解構、擴展運算符、模板字符串、箭頭函數、對象的簡潔寫法、類、靜態屬性、原型方法、實例對象、ES6的模塊化、Promise和Async。Await異步編程。
項目實戰
解決回調地獄、async和await異步編程
組件化、模塊化開發
課程內容
模塊化歷史,AMD/CMD/COMMONJS/ESMODULE, ES6模塊化的導入和導出，模塊化開發的好處
項目實戰
模塊化代碼實現一個抽獎程序綜合實踐
WebSocket雙向通信
課程內容
掌握HTTP協議、客戶端數據傳輸方式，掌握WebSocket 在HTML5 領域的應用場景，用于實現客戶端和服務器的長鏈接
項目實戰
實現多人在線聊天室
第5階段 Vue2和Vue3全家桶與多端應用開發
Vue2、Vue-router框架編程
課程內容
掌握Vue的單文件組件，指令、雙向數據綁定、生命周期、胡須表達式Mustach、插槽、混入、全局指令，全局組件、組件封裝、計算屬性、過濾器等特性和路由的使用。
項目實戰
商家后臺管理系統
Vuex狀態管理
課程內容
Vuex的核心state/mutations/actions/getters/module,輔助函數mapState/mapGetters/mapActions/mapMutations，命名空間拆分倉庫等
項目實戰
商家后臺管理系統
Elementui/Iview/ VantUI ui框架的使用
課程內容
使用PC端ui框架element-ui/ivew或移動端ui框架vantui，完成項目的組件化開發
項目實戰
商家后臺管理系統 、商家移動端App
DataV數據大屏
課程內容
數據可視化方案、Vue中的數據可視化方案、基于echarts封裝的數據可視化倉庫 dataV
項目實戰
物流數據大屏
Vue3框架編程
課程內容
掌握Vue3的Proxy，新的響應式ref和reactive，組合式CompositionApi的使用，以及Hooks的使用，使用Vue3完成大型項目開發
項目實戰
vite+Vue3家修管理后臺系統
@vue/cli 和 Vite
課程內容
搭建項目腳手架，基于TS的配置和JS的配置，Vue2的版本和Vue3的版本;新一代構建工具，搭建Vue3項目，極速啟動打包，實現大型項目秒刷，等待編譯
項目實戰
vite+Vue3家修管理后臺系統
TypeScript
課程內容
TypeScript基礎類型、變量聲明、接口、類、函數、泛型、枚舉、類型推導、交叉類型、聯合類型、類型保護、裝飾器、tsconfig等
項目實戰
TypeScript+Vue3實現后臺管理系統
MVVM源碼解析
課程內容
MVC和MVVM源碼解析，深入Vue2和Vue3的底層原理，手寫實現Vue2和Vue3的響應式系統，雙向數據綁定，發布訂閱等。
項目實戰
手寫實現mini版本Vue
uniapp微信小程序
課程內容
微信小程序開發、uniapp跨多端開發、編譯到H5、IOS、Android和各個小程序平臺。
項目實戰
四海香微信小程序、尚體電商小程序
第6階段 React18全家桶與多端應用開發
React18基礎和進階、React-router
課程內容
React基礎，受控組件、非受控組件、生命周期、setState、React進階SCU 優化，PureComponent，React Hooks、React-router
項目實戰
源碼電影App
React Hooks
課程內容
React新特性StateHooks和EffectHooks，類組件和函數組件寫法，對比，優劣勢、生命周期、ui框架Ant Design 全家桶。
項目實戰
基于react全家桶的社交電商后臺管理系統
AntV數據可視化
課程內容
螞蟻家族數據可視化庫的使用、大屏數據實施展示。
項目實戰
電商數據大屏
React Native 和 Flutter
課程內容
基于React的移動端混合式開發框架
項目實戰
基于IOS和Android 的源碼本地生活App
第7階段 就業服務
就業指導
課程內容
企業通用面試技巧、知識點面試技巧、模擬面試、項目面試技巧....
面試直通車
課程內容
面試經驗交流、面試技術解惑、面試項目跟蹤。
售后服務
課程內容
隨時隨地為同學們提供工作問題解決方案！源碼時代是具有售后的服務機構！
第8階段 贈送課程
React18基礎和進階、React-router
課程內容
React基礎，受控組件、非受控組件、生命周期、setState、React進階SCU 優化，PureComponent，React Hooks、React-router
項目實戰
源碼電影App
React Hooks
課程內容
React新特性StateHooks和EffectHooks，類組件和函數組件寫法，對比，優劣勢、生命周期、ui框架Ant Design 全家桶。
項目實戰
基于react全家桶的社交電商后臺管理系統
AntV數據可視化
課程內容
螞蟻家族數據可視化庫的使用、大屏數據實施展示。
項目實戰
電商數據大屏
面授優勢現場授課 線上線下同步根據學員課堂及時反饋結果，提高學習效率，學員可靈活選擇行業大佬授課 班主任管理面授老師晚自習可輔導學員，0問題離開教室師生互動模式面授老師與學員面對面溝通、交流，營造愉悅的學習氛圍并且關注每一位學員的成長
遠程授課劣勢遠程視頻上課直播課程，上課溝通交流不及時，無法及時解答相關疑問助教輔導線上助教輔導，輔教專業度不高無互動 以自學為主直播錄播課程全憑學員自覺性學習，注意力容易分散，學習效率不高
