階段亮點(diǎn):

1、項(xiàng)目涵蓋電商、旅游、后臺管理等多領(lǐng)域的界面布局

2、Tab切換、banner輪播圖、下拉菜單等效果，進(jìn)行原理的講解，為后面的JS留好接口

3、對經(jīng)典面試題有詳細(xì)講解

學(xué)習(xí)目標(biāo)：

1、認(rèn)識了解前端工程師這個崗位:什么是前端?為何需要前端?前端工程師這個崗位又是怎么產(chǎn)生的?前端在整個項(xiàng)目中的定位是什么?為什么前端能成為職場新貴?

2、認(rèn)識HTML&CSS，掌握標(biāo)簽的使用說明、分類及特點(diǎn);熟記常用的行內(nèi)、塊、行內(nèi)塊元素、特殊符號等進(jìn)行結(jié)構(gòu)搭建

3、掌握CSS3的基本語法和使用、掌握CSS3各類選擇器/樣式屬性，快速進(jìn)行樣式設(shè)置

4、掌握css文本、背景、盒模型、浮動、定位、轉(zhuǎn)換等屬性

5、掌握css選擇器的定義、語法、分類、優(yōu)先級

6、獨(dú)立完成PC端網(wǎng)站的界面排版布局開發(fā)

7、掌握SASS的應(yīng)用

8、掌握過渡、動畫、2D、3D轉(zhuǎn)換等新增屬性，實(shí)現(xiàn)移動端動畫、特效的制作

9、掌握fex彈性、grid網(wǎng)格、移動端適配、響應(yīng)式四大主流類別布局10、獨(dú)立完成跨多端移動項(xiàng)目的布局開發(fā)，且能解決兼容問題

能力目標(biāo)：

1、培養(yǎng)能夠輕松應(yīng)對各種有挑戰(zhàn)性的頁面布局能力

2.培養(yǎng)擁有良好代碼規(guī)范(甚至代碼潔癖)的意識

3、培養(yǎng)獨(dú)立解決問題，尋求最優(yōu)解的能力

4、培養(yǎng)能夠具備知識和方法的總結(jié)、提煉能力

5、培養(yǎng)追求完美、精益求精、按時交付的品質(zhì)

階段亮點(diǎn):

1、杜絕只傳授語法和知識點(diǎn)，深度拆解，反復(fù)練習(xí)的背后，幫助學(xué)員快速建立編程思想，直擊本質(zhì)，了解原理與運(yùn)行機(jī)制

2、融入了大量的大廠面試題，并對其有詳細(xì)的拆解和講解，如:考題背后的考點(diǎn)、是否是唯一解決方案、性能優(yōu)化等

3、案例+項(xiàng)目驅(qū)動教學(xué)，最大限度的調(diào)動學(xué)習(xí)的積極性與主動性，同時能夠更好的建立知識體系，為后面課程的學(xué)習(xí)打下扎實(shí)的基礎(chǔ)

學(xué)習(xí)目標(biāo):

1、掌握J(rèn)avaScript的數(shù)據(jù)類型及各類型之間的顯式、隱式轉(zhuǎn)換等

2、掌握J(rèn)avaScript的流程控制語句

3.掌握J(rèn)avaScript的一等公民-函數(shù)的定義和應(yīng)用，及作用域

4、掌握J(rèn)avaScript的幾大內(nèi)置對象(Math、Date、String、Array)，它們中一些常用方法的應(yīng)用

5、掌握DOM中節(jié)點(diǎn)的分類、屬性及相關(guān)方法

6、掌握BOM及BOM中window對象常用方法的應(yīng)用

7、掌握事件相關(guān)操作，事件類型、DOM2級事件、事件委托等

8、正則表達(dá)式的定義及應(yīng)用

能力目標(biāo):

1、能夠利用所學(xué)知識實(shí)現(xiàn)如:菜單、Tab切換、輪播圖、表單驗(yàn)證、留言板等功能模塊的開發(fā)

2、不斷培養(yǎng)分析問題、解決問題、舉一反三的能力

3、通過大量算法題的練習(xí)，逐步鍛煉分析、總結(jié)、提煉規(guī)律，且能將規(guī)律用程序?qū)崿F(xiàn)的算法、推理能力

4、不斷塑造代碼優(yōu)化的意識，養(yǎng)成追求完美的習(xí)慣

階段亮點(diǎn)

1、加入了通過原生JS實(shí)現(xiàn)框架的部分原理性內(nèi)容的講解，加強(qiáng)對面向?qū)ο蟮睦斫夂蛻?yīng)用

2、通過重構(gòu)Promise，深度了解代碼的異步機(jī)制

3、加入了Node，深度打通前后端

4、JS和ES6作為面試必考，大綱中加入了大量常見考點(diǎn)和經(jīng)典面試題，并做了詳細(xì)的梳理、分析和講解

學(xué)習(xí)目標(biāo)

JavaScript進(jìn)階(1周)

1、掌握面向?qū)ο笏枷耄莆彰嫦驅(qū)ο蟆⒑瘮?shù)式等編程方式

2、掌握J(rèn)S模塊化編程方式，編寫高質(zhì)量代碼

3、熟練掌握原生JS進(jìn)行前后端數(shù)據(jù)交互流程

4、熟練掌握原生JS的常見工具類庫，播件的使用

5、熟練掌握框架的原理性內(nèi)容，深度剖析源碼，從本源了解框架

6、熟練掌握J(rèn)S高級編程思維，強(qiáng)化邏輯能力

7、熟練掌握模塊化的開發(fā)規(guī)范，加強(qiáng)模塊化編程思想

移動開發(fā)+ES6(1周)

1、掌握ES6的基本語法與使用

2、了解ES6的新方法，掌握新的集合類型，更深入的了解數(shù)據(jù)的遍歷。

3、掌握Promise異步編程。

4、掌握Class(類)，強(qiáng)化面向?qū)ο蟮氖褂茫莆崭呒壍拿嫦驅(qū)ο蟪趟枷搿?/p>

5、掌握eventloop與異常處理。

6、掌握更加清晰與便捷的對象繼承方式

7、掌握移動端常用的touch和darg事件

8、學(xué)習(xí)本地存儲的多種方式，了解數(shù)據(jù)緩存機(jī)制

9、掌握常用的APl，如:音視頻處理、webStorage、canvas、Web Workers、Cache Manifest等

Node(2周)

1、掌握Node的基本概念和使用，熟練掌握nodeJS的開發(fā)流程

2、理解HTTP協(xié)議，熟悉網(wǎng)絡(luò)通信相關(guān)概念，熟悉后端的開發(fā)模式和開發(fā)流程

3、熟悉原生Ajax請求流程與細(xì)節(jié)，能夠自己封裝Ajax

4、理解同源策略，掌握常見的跨域解決方案

能力目標(biāo)

1、能夠有常規(guī)算法思路，了解算法原理過程，并能靈活運(yùn)行

2、培養(yǎng)嚴(yán)謹(jǐn)嚴(yán)密的前后端交互邏輯

3、培養(yǎng)高級編程思維、設(shè)計(jì)模式、項(xiàng)目架構(gòu)

4、能夠使用Class、Module，實(shí)現(xiàn)模塊化，提高復(fù)用率

5、能夠進(jìn)行不同的移動終端調(diào)試

6、能夠高效解決異步編程問題

7、了解網(wǎng)絡(luò)原理，抓包分析及性能優(yōu)化方案

階段亮點(diǎn)

1、各大企業(yè)使用的主流框架全面深入講解，擴(kuò)展知識體系廣度、深度，讓學(xué)員輕松掌握企業(yè)內(nèi)各場景業(yè)務(wù)開發(fā)

2、搭配企業(yè)級項(xiàng)目深入講解各框架知識點(diǎn)，實(shí)戰(zhàn) + 教學(xué)讓學(xué)員更加快速深入掌握各框架的使用以及理解，提前適應(yīng)企業(yè)工作內(nèi)容

3、項(xiàng)目均采用前后端分離模式，從前端開發(fā)到后端構(gòu)建，打造項(xiàng)目核心業(yè)務(wù)閉環(huán)，

4、手把手帶學(xué)員設(shè)計(jì)，一步步開發(fā)真實(shí)接口，將接口與數(shù)據(jù)庫設(shè)計(jì)作為重中之重，不斷提升系統(tǒng)構(gòu)建能力，為職場賦能

5、班級學(xué)生分組完成項(xiàng)目的需求分析、詳細(xì)設(shè)計(jì)、編碼開發(fā)、測試上線的全流程，培養(yǎng)學(xué)員問題分析能力、解決問題和團(tuán)隊(duì)協(xié)作的能力，為即將進(jìn)入企業(yè)項(xiàng)目組能獨(dú)擋一面做充分準(zhǔn)備。

6、可從事崗位:《Web 前端開發(fā)工程師》、《高級前端工程師》、《全棧開發(fā)工程師》、《小程序開發(fā)工程師》、《Uniapp 開發(fā)工程師》

學(xué)習(xí)目標(biāo)

前端工程化(1周)

1、理解前端工程化

2、掌握 webpack 基礎(chǔ)配置，能夠獨(dú)立搭建項(xiàng)目

3、理解 loader 和 plugin 的作用和原理

4、熟練使用 git 進(jìn)行文件版本管理

5、掌握 vite 的基礎(chǔ)配置，理解和 webpack 的區(qū)別

Vue2 (2周)

1、理解響應(yīng)式數(shù)據(jù)開發(fā)模式和 is 傳統(tǒng)開發(fā)模式的區(qū)別

2、掌握組件化開發(fā)思想和組件通訊的各種方式

3、掌握自定義指令和 mixins 封裝公用邏輯

4、理解 Vue2 的數(shù)據(jù)響應(yīng)式和雙向綁定的原理

5、掌握單頁面應(yīng)用和多頁面應(yīng)用的使用場景及區(qū)別

6、掌握路由兩種模式的底層原理

7、熟練使用 Vuex 狀態(tài)管理工具

Vue3 +Typescript (2周)

1、了解TS編譯流程及配置TS編譯器

2、熟練掌握 Typescript 的基礎(chǔ)以及應(yīng)用

3、熟練掌握 Vue3 選項(xiàng)式 API

4、Vue2 到 Vue3 的遷移，了解兩者之間的區(qū)別

5、解構(gòu)Vue3源碼，掌握框架核心

6、熟練掌握組合式 API 的應(yīng)用

7、使用Vue3 配合 Typescript 進(jìn)行項(xiàng)目的開發(fā)，提高開發(fā)效率和代碼質(zhì)量

8、熟練使用 Pinia 管理公共狀態(tài)

9、使用 Vite +Vue3 +Typescript + Pinia+Eslint 完成大屏數(shù)據(jù)可視化項(xiàng)目開發(fā)

10、掌握獨(dú)立開發(fā)完整項(xiàng)目以及快速定位分析、解決問題的能力

11、掌握企業(yè)級項(xiàng)目各場景性能優(yōu)化、數(shù)據(jù)可視化綜合解決方案

小程序(2周)

1、具備小程序頁面布局的能力

2、具備小程序異步請求的能力

3、具備小程序登錄授權(quán)開發(fā)能力

4、熟練掌握小程序硬件交互能力

5、熟悉各項(xiàng)微信開發(fā)功能

6、掌握 uni-app 混合框架的使用

7、多端小程序(支付寶，百度，字節(jié)跳動)應(yīng)用

8、使用 uni-app 復(fù)刻企業(yè)級音樂 app項(xiàng)目

9、掌握 uni-app 快速構(gòu)建多端小程序以及移動端應(yīng)用的能力

react(4周)

1、理解虛擬 dom 以及 React diff 算法

2、深入理解 React 的合成事件

3、熟練使用 React ClassComponent 組件開發(fā)項(xiàng)目

4、全面掌握 Hooks 使用方法、技巧和場景

5、掌握高階組件、自定義 Hook 封裝公共邏輯

6、掌握 React 多種性能優(yōu)化的實(shí)現(xiàn)

7、掌握 Redux 使用方法、技巧和場景

8、具備使用 React+TypeScript+Antd 獨(dú)立完成項(xiàng)目開發(fā)的能力

9、掌握 Redux 使用方法、技巧和場景

10、全面掌握 Umi 框架

11、從需求分析→原型圖分析→數(shù)據(jù)庫與接口設(shè)計(jì)→前端界面開發(fā)→后端開發(fā)→前后端聯(lián)調(diào)，了解項(xiàng)目的整體架構(gòu)及設(shè)計(jì)

12、掌握跨端+適配技能

13、從單一模塊開發(fā)到組件化開發(fā)，掌握企業(yè)核心開發(fā)思想

能力目標(biāo)

1、熟練掌握 Vue2，深入理解響應(yīng)式原理和組件化開發(fā)

2、能輕松駕馭 Vue3 ，且能深入理解為什么使用組合式 API

3、學(xué)會如何應(yīng)用 Vue 及其相關(guān)技術(shù)棧開發(fā)企業(yè)項(xiàng)目研發(fā)

4、理解 Umi 的應(yīng)用開發(fā)場景和技術(shù)選型依據(jù)

5、能夠應(yīng)用 Umi 開發(fā) B 端項(xiàng)目

6、學(xué)會如何應(yīng)用 React 完成 C端項(xiàng)目研發(fā)

7、掌握原生小程序開發(fā)

8、掌握第三方框架實(shí)現(xiàn)跨端和跨平臺小程序開發(fā)

9、有解決系統(tǒng)難點(diǎn)經(jīng)驗(yàn)及實(shí)踐，并能敘述清楚

10、了解常用打包構(gòu)建工具，并能用其解決打包過程中遇到的實(shí)際問題

11、能夠使用前后端分離模式，高效開發(fā)商業(yè)級全棧項(xiàng)目

12、能夠具備項(xiàng)目的構(gòu)建能力