有編程開發(fā)經(jīng)驗，準備從事Web前端開發(fā)的工程師。
有軟件測試、軟件維護等經(jīng)驗，并準備向Web前端開發(fā)方向轉(zhuǎn)型的工程師。
有JAVA、PHP、Python等后端開發(fā)基礎基礎，準備向Web前端方向發(fā)展的工程師。
有一定的前端開發(fā)基礎，有志于向node.js方向、混雜式web開發(fā)、小程序開發(fā)等大前端方向發(fā)展的工程師。
課程涵蓋前端開發(fā)所必備的HTML、CSS、JavaScript技術以及Vue、React等主流前端框架和Node.js后端應用技術打通學員全棧開發(fā)能力，同時課程涵蓋大前端概念下的數(shù)據(jù)可視化、前端工程化跨平臺開發(fā)等核心技術，并結(jié)合企業(yè)級實戰(zhàn)項目掌握傳統(tǒng)網(wǎng)頁開發(fā)、web應用開發(fā)、小程序應用開發(fā)、云開發(fā)、uniapp移動跨平臺技術開發(fā)、electron跨平臺桌面應用技術開發(fā)。采用前端基礎、前端工程化、node.js全棧開發(fā)三大課程核心模塊配套詳細企業(yè)級真實案例，深度貫穿課程體系，掌握相關商業(yè)項目開發(fā)技能。
本階段課程幫助開發(fā)工程師掌握Web前端開發(fā)的基本技能，熟練使用HTML語意化標簽，熟練掌握CSS層疊式樣式表開發(fā)，熟練掌握前端語義化、flex彈性盒子、響應式布局等技術；對靜態(tài)網(wǎng)頁開發(fā)與主流布局技術有深入的理解，為進一步學習Web前端開發(fā)打下良好的基礎。
第二階段前端動態(tài)網(wǎng)頁開發(fā)
JavaScript作為一門面向?qū)ο蟮母呒壋绦蛟O計語言，從1995年誕生之處，經(jīng)過20多年的發(fā)展和完善，功能得到了極大的豐富；目前在前端，后端，數(shù)據(jù)庫，App等等領域得到廣泛的應用。本階段課程首先學習JavaScript基礎和高級語法，培養(yǎng)編程邏輯思維；接下來通過對DOM和BOM常見的方法和屬性的學習，以及jQuery的學習能夠?qū)崿F(xiàn)網(wǎng)頁的常見交互效果和網(wǎng)頁動效；在此基礎上進行Bootstrap的學習，掌握常見的組件和柵格布局系統(tǒng)，可以實現(xiàn)響應式布局，最后在進行數(shù)據(jù)可視化和Ajax的學習，可以獨立的完成一個前后端分離，具有響應式的可視化項目。
TailWind CSS是一個功能類優(yōu)先的CSS框架,是一種實用工具-基于低級別的CSS框架，旨在簡化建設有速度，較少關注Web應用程序編寫自定義的CSS，同時能實現(xiàn)滿意于你需要的接口。Tailwind CSS可以做你自己組件，或者根據(jù)你的項目模型設計，換一種說法，你實際上是擁有自己開發(fā)組件的能力，然后可以利用自己選擇的任何組件上的自定義功能，這意味著不再需要與該框架作斗爭，而試圖找出需要重寫哪些類才能獲得最初目標的結(jié)果。
在學習過程中將引入真實案例、傳授大量實戰(zhàn)技巧和開發(fā)經(jīng)驗。使學員完成此課程后將具有獨立解決問題，完成前后端分離的網(wǎng)頁開發(fā)的能力。
第三階段HTML5新技術與前端工程化
本階段一共涉及CSS3、HTML5、ES6以及前端工程化幾大核心模塊。
HTML5是定義HTML標準的最新的版本。它是一個新版本的HTML語言，具有新的元素，屬性和行為，它有更大的技術集，允許構(gòu)建更多樣化和更強大的網(wǎng)站和應用程序。
CSS3是CSS技術的升級版本，CSS3新增選擇器及新增屬性、圓角、陰影、伸縮布局、變形、過渡、動畫、背景等屬性,讓開發(fā)者們創(chuàng)作出更復雜的頁面效果與特效。
ES6是JavaScript語言的下一代標準。ES6+提供了許多新的語法和編程特性以提高ECMAScript的開發(fā)效率并優(yōu)化ECMAScript的開發(fā)體驗。
Git是目前世界上最先進的開源分布式版本控制系統(tǒng)，可以有效、高速地對很小到非常大的項目進行版本管理。
Sass基于Ruby語言開發(fā)而成css擴展語言，它在CSS語法的基礎上增加了變量、嵌套(、混合、導入等高級功能，這些拓展令CSS更加強大與優(yōu)雅。
Webpack是一個前端資源加載與打工具,他會將多種靜態(tài)資源js，css，ts，scss，less，png等文件打成一個靜態(tài)文件。減少了頁面的請求。
第四階段前端漸進式框架開發(fā)
本階段學習Vue、React兩大流行前端JavaScript框架。Vue是一個用于構(gòu)建用戶界面的漸進式框架，漸進式是指Vue不強求你一次性接受并使用它的全部功能特性。Vue是前端JavaScript框架最為流行框架之一，被眾多企業(yè)用于開發(fā)商用項目。Vue采取MVVM響應式編程模型設計，避免直接操作DOM，減低DOM操作的復雜性。Vue核心庫只關注視圖層，通過修改數(shù)據(jù)驅(qū)動DOM更新。Vue可進行組件化、模塊化開發(fā)，能夠獨立構(gòu)建復雜的單頁應用（SPA），也可配合第三方庫開發(fā)項目。Vue3.x是Vue2.x的升級版本，Vue3.x在一定程度上優(yōu)化文件壓縮大小、雙向數(shù)據(jù)綁定、虛擬DOM、編譯時優(yōu)化處理、Function_based API。
React是一個用于構(gòu)建用戶界面的JavaScript框架，同時React是最受大廠歡迎的JavaScript框架之一。React使創(chuàng)建交互式用戶界面變得輕而易舉，為應用的每一個狀態(tài)設計簡潔的視圖。當數(shù)據(jù)變動時，React能高效更新并渲染合適的組件。React構(gòu)建管理自身狀態(tài)的封裝組件，然后對其組合以構(gòu)成復雜的用戶界面。React組件邏輯使用JavaScript編寫而非模板，可輕松在應用中傳遞數(shù)據(jù)，并保持狀態(tài)與DOM分離。React能夠獨立構(gòu)建復雜的大型單頁應用（SPA），也可配合第三方庫開發(fā)項目。
第五階段web全棧開發(fā)
本階段課程使工程師們深入理解全棧開發(fā)node。js技術與服務端渲染框架Nuxt。Node.js是一個基于Chrome V8引擎的JavaScript運行環(huán)境。其管理器npm，是全球的開源庫生態(tài)系統(tǒng)。
作為后端JavaScript的運行平臺，Node保留了前端瀏覽器JavaScript中那些熟悉的接口，沒有改寫語言本身的任何特性，依舊基于作用域和原型鏈，它將前端中廣泛運用的思想遷移到了服務器端。Node利用事件循環(huán)的處理能力非常適合I/O密集型的技術場景，而不是啟動每一個線程為每一個請求服務，資源占用極少。Node.js單線程與其余線程是無法共享任何狀態(tài)。單線程的好處是不用像多線程編程那樣處處在意狀態(tài)的同步問題，所以沒有死鎖的存在，也沒有線程上下文交換所帶來的性能上的開銷。至于CPU密集型應用場景也可以使用child_process子進程將計算分發(fā)到各個子進程，來解決無法利用多核CPU方面的問題。Nuxt.js是一個基于Vue.js的通用應用框架。通過對客戶端/服務端基礎架構(gòu)的抽象組織，Nuxt.js主要關注的是應用的UI渲染。由于Vue開發(fā)的SPA（單頁應用）不利于搜索引擎的SEO優(yōu)化，再者隨著前端工程不斷變大，打文件不斷增長，頁面的整體刷新加載速度慢慢成為瓶頸。Nuxt.js既支持預渲染也支持SSR，以便達到更好的SEO（由于搜索引擎爬蟲抓取工具可以直接查看完全渲染的頁面）與更快的內(nèi)容到達時間。
第六階段前端高級多端跨平臺課程
微信小程序是一種不需要下載安裝即可使用的應用，它實現(xiàn)了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。體現(xiàn)了“用完即走”的理念，用戶不用關心是否安裝太多應用的問題。應用將無處不在，隨時可用，但又無需安裝卸載，大大提升了用戶體驗。目前小程序背靠微信擁有龐大的用戶群體，就以為擁有龐大的市場，與傳統(tǒng)的APP開發(fā)相比，小程序開發(fā)成本低，開發(fā)周期短，維護簡單，推廣成本低。目前環(huán)境中，熟悉掌握小程序開發(fā)是前端的一個重要環(huán)節(jié)，在學習過程中將引入真實案例、傳授大量實戰(zhàn)技巧和開發(fā)經(jīng)驗。
uni-app是一個使用Vue.js開發(fā)所有前端應用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響應式）、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應用等多個平臺。
uni-app在開發(fā)者數(shù)量、案例、跨端抹平度、擴展靈活性、性能體驗、周邊生態(tài)、學習成本、開發(fā)成本等8大關鍵指標上擁有更強的優(yōu)勢。市面上做跨端的，能在全面性和性能體驗上做到完美統(tǒng)一的，uniapp幾乎是做到了。uni-app的優(yōu)勢是上手容易，可減少技術學習壓力。TypeScript是微軟開發(fā)的一個開源的編程語言，通過在JavaScript的基礎上添加靜態(tài)類型定義構(gòu)建而成一種面向?qū)ο蟮木幊陶Z言。它是JavaScript的超集，含了JavaScript的所有元素，可以載入JavaScript代碼運行，并擴展了JavaScript的語法,對閱讀代碼非常友好，并適用于大型應用開發(fā)。
第七階段前端熱點領域提升課程
本課程從Electron入門到項目實戰(zhàn)，從零開始你Electron基礎、Electron入門模塊（如Menu模塊、Shell模塊、Dialog、自定義關閉菜單、GlobalShortcut、操作系統(tǒng)托盤、網(wǎng)絡通知……等），深入剖析Electron的主進程和渲染進程、ElectronIPC、Electron webview、Electron沙盒化、Electron多線程編程，兼容Mac、Windows和Linux平臺的桌面應用程序(DMG,EXE,BIN文件)。深入了解大名鼎鼎的Atom,VsCode,Skype,GithubDesktop等桌面應用的制作技術棧。
