【課程內(nèi)容】

一、HTML

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

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

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

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

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來美化網(wǎng)頁，包括內(nèi)聯(lián)樣式、內(nèi)部樣式表和外部樣式表的使用。

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

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

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

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

二、CSS

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

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

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

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

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

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

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

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

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

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

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

三、JavaScript

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

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

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

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

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

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

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

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

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

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

四、TypeScript

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

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

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

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

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

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

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

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

五、VUE

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

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

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

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

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

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

6、使用動畫效果：能夠使用Vue提供的過渡和動畫庫，增加頁面的視覺效果。

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

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

六、RuoYi-Vue

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

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

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

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

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

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

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

【課程時長】

196

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

【學(xué)校簡介】

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

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

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

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

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

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

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