北京WEB前端開發(fā)技術(shù)與項(xiàng)目培訓(xùn)班

【課程內(nèi)容】

一、HTML

學(xué)習(xí)HTML后，你可以達(dá)到以下目標(biāo)：

1、理解HTML的基本結(jié)構(gòu)：能夠正確使用HTML標(biāo)簽來(lái)構(gòu)建網(wǎng)頁(yè)的基本結(jié)構(gòu)，包括DOCTYPE聲明、html、head和body等標(biāo)簽的使用。

2、掌握文本標(biāo)簽的使用：能夠使用標(biāo)題（h1-h6）、段落（p）、列表（ul、ol、li）等文本標(biāo)簽來(lái)展示不同類型的內(nèi)容。

3、創(chuàng)建和使用鏈接：能夠創(chuàng)建超鏈接（a標(biāo)簽），并設(shè)置鏈接的路徑、目標(biāo)頁(yè)面等屬性。

4、插入和設(shè)置圖像：能夠插入圖像（img標(biāo)簽），并設(shè)置圖像的路徑、寬度、高度等屬性。

5、創(chuàng)建和使用表格：能夠創(chuàng)建表格（table標(biāo)簽），并設(shè)置表格的行列、表頭、單元格等屬性。

6、創(chuàng)建和使用表單：能夠創(chuàng)建表單（form標(biāo)簽），并設(shè)置表單的元素，如輸入框、復(fù)選框、單選按鈕等。

7、基本使用CSS：能夠使用CSS來(lái)美化網(wǎng)頁(yè)，包括內(nèi)聯(lián)樣式、內(nèi)部樣式表和外部樣式表的使用。

8、使用div和span進(jìn)行布局：能夠使用div和span標(biāo)簽來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的布局，理解盒模型的概念，并使用CSS來(lái)控制元素的定位和大小。

9、理解HTML5的新特性：了解HTML5中引入的新標(biāo)簽和特性，如語(yǔ)義化標(biāo)簽（header、nav、section、article、footer等）的使用，以提高網(wǎng)頁(yè)的結(jié)構(gòu)和可讀性。

10、根據(jù)實(shí)際需求設(shè)計(jì)完整的HTML頁(yè)面：能夠根據(jù)具體需求，設(shè)計(jì)并實(shí)現(xiàn)一個(gè)完整的HTML頁(yè)面，包括頁(yè)面的結(jié)構(gòu)、內(nèi)容的展示和樣式的設(shè)置。

通過(guò)完成以上目標(biāo)，你將具備基本的HTML編碼能力，并能夠設(shè)計(jì)和實(shí)現(xiàn)簡(jiǎn)單的網(wǎng)頁(yè)。

二、CSS

學(xué)習(xí)CSS后，你可以達(dá)到以下目標(biāo)：

1、掌握CSS的基本語(yǔ)法：能夠使用選擇器和屬性來(lái)設(shè)置元素的樣式，包括元素選擇器、類選擇器、ID選擇器等。

2、理解和應(yīng)用盒模型：能夠理解盒模型的概念，并使用CSS來(lái)控制元素的布局和定位。

3、使用浮動(dòng)和定位：能夠使用浮動(dòng)和定位來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的布局，包括浮動(dòng)元素和定位元素的位置和大小。

4、設(shè)置字體、顏色、背景等樣式：能夠使用CSS來(lái)設(shè)置文本的字體、顏色、背景等樣式。

5、創(chuàng)建和使用動(dòng)畫：能夠使用關(guān)鍵幀和動(dòng)畫屬性來(lái)創(chuàng)建動(dòng)態(tài)效果，如漸變、縮放、旋轉(zhuǎn)等。

6、使用媒體查詢：能夠使用媒體查詢來(lái)根據(jù)不同的設(shè)備和屏幕尺寸調(diào)整頁(yè)面的樣式和布局。

7、設(shè)計(jì)響應(yīng)式布局：能夠使用CSS3的新特性，如彈性盒子（Flexbox）和網(wǎng)格布局（Grid），來(lái)創(chuàng)建響應(yīng)式的網(wǎng)頁(yè)布局。

8、了解CSS3的新特性：了解CSS3中引入的新特性，如漸變、陰影、過(guò)渡等，以提高網(wǎng)頁(yè)的視覺(jué)效果和交互體驗(yàn)。

9、根據(jù)實(shí)際需求設(shè)計(jì)完整的CSS頁(yè)面：能夠根據(jù)具體需求，設(shè)計(jì)并實(shí)現(xiàn)一個(gè)完整的CSS頁(yè)面，包括頁(yè)面的結(jié)構(gòu)、內(nèi)容的展示和樣式的設(shè)置。

通過(guò)完成以上目標(biāo)，你將具備基本的CSS編碼能力，并能夠設(shè)計(jì)和實(shí)現(xiàn)具有美觀和交互性的網(wǎng)頁(yè)。

三、JavaScript

學(xué)習(xí)JavaScript后，你可以達(dá)到以下目標(biāo)：

1、掌握J(rèn)avaScript的基本語(yǔ)法：能夠使用變量和數(shù)據(jù)類型，以及函數(shù)的使用。

2、操作JavaScript的對(duì)象和數(shù)組：能夠進(jìn)行對(duì)象的創(chuàng)建、屬性的獲取和設(shè)置、數(shù)組的操作等。

3、遍歷和排序JavaScript數(shù)組：能夠使用循環(huán)和條件語(yǔ)句來(lái)遍歷數(shù)組，并使用排序方法對(duì)數(shù)組進(jìn)行排序。

4、處理JavaScript事件：能夠監(jiān)聽和處理HTML元素的事件，包括事件冒泡和捕獲等概念。

5、對(duì)HTML表單進(jìn)行處理：能夠?qū)崿F(xiàn)表單驗(yàn)證、提交等操作，并使用JavaScript對(duì)表單數(shù)據(jù)進(jìn)行處理。

6、異步編程：能夠使用Promise和async/await來(lái)實(shí)現(xiàn)異步編程，提高代碼執(zhí)行效率。

7、模塊化編程：能夠使用模塊導(dǎo)入和導(dǎo)出，以及ES6的新特性，如箭頭函數(shù)、模板字符串等，提高代碼的可讀性和可維護(hù)性。

8、根據(jù)實(shí)際需求設(shè)計(jì)完整的JavaScript頁(yè)面：能夠根據(jù)具體需求，設(shè)計(jì)并實(shí)現(xiàn)一個(gè)完整的JavaScript頁(yè)面，包括頁(yè)面的結(jié)構(gòu)、內(nèi)容的展示和樣式的設(shè)置。

通過(guò)完成以上目標(biāo)，你將具備基本的JavaScript編碼能力，并能夠設(shè)計(jì)和實(shí)現(xiàn)具有交互性和動(dòng)態(tài)性的網(wǎng)頁(yè)。

四、TypeScript

學(xué)習(xí)Node.js和NPM后，你可以達(dá)到以下目標(biāo)：

1、掌握TypeScript的基本語(yǔ)法：能夠使用類型定義和變量聲明來(lái)編寫TypeScript代碼。

2、理解TypeScript的類和接口：能夠創(chuàng)建和使用類和接口，以及繼承和多態(tài)等概念。

3、掌握TypeScript的高階函數(shù)：能夠使用箭頭函數(shù)、柯里化等技巧來(lái)編寫高階函數(shù)。

4、熟悉TypeScript的模塊導(dǎo)入和導(dǎo)出：能夠使用import和export語(yǔ)句來(lái)導(dǎo)入和導(dǎo)出模塊，以及使用命名空間。

5、了解TypeScript的錯(cuò)誤處理機(jī)制：能夠使用try/catch/finally語(yǔ)句來(lái)處理錯(cuò)誤。

6、掌握TypeScript的泛型編程：能夠使用泛型約束和使用泛型來(lái)編寫靈活的代碼。

通過(guò)完成以上目標(biāo)，你將具備基本的Node.js和NPM開發(fā)能力，并能夠使用TypeScript進(jìn)行高效的JavaScript開發(fā)。

五、VUE

學(xué)習(xí)Vue后，你可以達(dá)到以下目標(biāo)：

1、掌握Vue的基本概念：能夠理解Vue的核心概念，如組件、實(shí)例、生命周期等。

2、創(chuàng)建和使用方法：能夠創(chuàng)建和使用Vue組件，并了解其生命周期方法。

3、使用Vue-router進(jìn)行路由管理：能夠配置和使用Vue-router進(jìn)行頁(yè)面導(dǎo)航。

4、使用Vuex進(jìn)行狀態(tài)管理：能夠使用Vuex進(jìn)行狀態(tài)的存儲(chǔ)和管理。

5、處理表單：能夠?qū)崿F(xiàn)輸入驗(yàn)證和提交處理，提高用戶體驗(yàn)。

6、使用動(dòng)畫效果：能夠使用Vue提供的過(guò)渡和動(dòng)畫庫(kù)，增加頁(yè)面的視覺(jué)效果。

7、根據(jù)實(shí)際需求設(shè)計(jì)并實(shí)現(xiàn)一個(gè)完整的Vue頁(yè)面：能夠根據(jù)具體需求，設(shè)計(jì)并實(shí)現(xiàn)一個(gè)完整的Vue頁(yè)面，包括頁(yè)面的結(jié)構(gòu)、內(nèi)容的展示和樣式的設(shè)置。

通過(guò)完成以上目標(biāo)，你將具備基本的Vue開發(fā)能力，并能夠使用Vue進(jìn)行高效的前端開發(fā)。

六、RuoYi-Vue

學(xué)習(xí)開源若依Vue后，我們可以獲得以下收獲：

1、掌握Vue框架的基本概念和使用方法：通過(guò)學(xué)習(xí)若依Vue，我們可以了解Vue的核心概念，如組件、指令、生命周期等，并學(xué)會(huì)使用Vue進(jìn)行頁(yè)面開發(fā)。

2、熟悉前端開發(fā)工具和技術(shù)棧：若依Vue是一個(gè)基于Vue的開源項(xiàng)目，學(xué)習(xí)它需要使用一些前端開發(fā)工具和技術(shù)棧，如Webpack、Node.js等。通過(guò)學(xué)習(xí)若依Vue，我們可以熟悉這些工具和技術(shù)的使用。

3、理解前后端分離的開發(fā)模式：若依Vue是一個(gè)基于前后端分離架構(gòu)的項(xiàng)目，學(xué)習(xí)它可以讓我們了解前后端分離的開發(fā)模式，以及如何與后端API進(jìn)行交互。

4、提高團(tuán)隊(duì)協(xié)作能力：若依Vue是一個(gè)開源項(xiàng)目，學(xué)習(xí)它可以讓我們參與到開源社區(qū)中，與其他開發(fā)者一起合作開發(fā)。這可以提高我們的團(tuán)隊(duì)協(xié)作能力和項(xiàng)目管理能力。

5、增強(qiáng)解決問(wèn)題的能力：在學(xué)習(xí)過(guò)程中，我們可能會(huì)遇到一些問(wèn)題和挑戰(zhàn)。通過(guò)解決這些問(wèn)題，我們可以提升自己的問(wèn)題解決能力和調(diào)試技巧。

總之，學(xué)習(xí)開源若依Vue可以讓我們?nèi)媪私釼ue框架的使用和開發(fā)流程，提升自己的前端開發(fā)技能和團(tuán)隊(duì)協(xié)作能力。

【課程時(shí)長(zhǎng)】

196

【教學(xué)現(xiàn)場(chǎng)】

【學(xué)校簡(jiǎn)介】

北京市海淀區(qū)青鳥信息技術(shù)職業(yè)技能培訓(xùn)學(xué)校，成立于2001年，地處市中心，校區(qū)位于首都大學(xué)校園內(nèi)，經(jīng)過(guò)十多年的發(fā)展，現(xiàn)擁有航天橋校區(qū)、中關(guān)村校區(qū)、五道口校區(qū)、北資校區(qū)等獨(dú)立教學(xué)區(qū)，同時(shí)也是知名在線教育品牌課工場(chǎng)的線下實(shí)訓(xùn)基地。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景，秉承“教育改變生活”的發(fā)展理念，一直致力于培養(yǎng)中國(guó)IT技能型緊缺人才。累計(jì)培養(yǎng)和輸送85萬(wàn)IT職業(yè)化人才進(jìn)入IT行業(yè)，得到了社會(huì)各界廣泛的認(rèn)可。

【學(xué)校榮譽(yù)】

“廿念不忘，桃李芬芳“，北大青鳥航天橋憑借出色的教學(xué)質(zhì)量。先進(jìn)的管理模式，優(yōu)異的就業(yè)成績(jī)，在全國(guó)200多家培訓(xùn)中心中名列前茅。北大青烏航天橋校區(qū)2001年成立以來(lái)連續(xù)多年獲得獎(jiǎng)勵(lì)，被評(píng)為“全國(guó)高薪就業(yè)校區(qū)獎(jiǎng)”、”實(shí)力校區(qū)獎(jiǎng)”。并獲得了“教學(xué)質(zhì)量示范校區(qū)獎(jiǎng)"等更具競(jìng)爭(zhēng)力IT人才培養(yǎng)基地。

北大青鳥APTECH IT職業(yè)教育理念深入人心，成為廣大學(xué)子求學(xué)、求職路上的重要選擇，不僅引領(lǐng)著中國(guó)IT職業(yè)教育的發(fā)展方向和潮流,更對(duì)中國(guó)IT行業(yè)的人才培養(yǎng)輸送和未來(lái)發(fā)展都產(chǎn)生了深遠(yuǎn)的影響。

【學(xué)校環(huán)境】

校園式就業(yè)培訓(xùn)基地，是一所專業(yè)化、系統(tǒng)化、吃住一體的培訓(xùn)基地。擁有教訓(xùn)樓、宿舍樓、校園食堂、實(shí)訓(xùn)就業(yè)中心等一體化基地。半軍事化管理，學(xué)員學(xué)習(xí)到系統(tǒng)專業(yè)的實(shí)用技能，同時(shí)也擁有安全，良好的學(xué)習(xí)生活環(huán)境。

【學(xué)員風(fēng)采】