[](http://www.hmoore.net/invite?code=5ea22dab12165)
## 廣州番禺職業技術學院2020年計算機應用專業課程【JS與WEB前端框架技術】
> 本教程出于教學目的編寫,使用了大量的網絡資源,如果有侵犯您的權利,請聯系我們,及時處理。
[Email:qingsongzeng@163.com](mailto:qingsongzeng@163.com)
## 師資介紹
曾青松 教授 博士
[Email:qingsongzeng@163.com](mailto:qingsongzeng@163.com)
[廣州番禺職業技術學院](http://www.gzpyp.edu.cn)
同步教程:
http://www.hmoore.net/zengqs1976/web-js-framework/1514023
課程同步代碼下載地址:
https://gitee.com/zengqs/web-js-framework.git
## 直播時間
按照課表排課時間直播,請大家安裝好騰訊課堂客戶端
https://ke.qq.com/
課程互動使用QQ群:1034438260。

# 課程介紹
本課程是Web開發基礎課程,內容涵括前端開發的基礎知識
本課程可以使用以下在線學習平臺完成學習內容
* [實驗樓在線實驗室 https://www.shiyanlou.com/paths/12/](https://www.shiyanlou.com/paths/12/)

課程學習內容
1. 入門內容
* [ ] HTML基礎
https://www.runoob.com/html/html-tutorial.html
* [ ] Javascript基礎
https://www.runoob.com/js/js-tutorial.html
[https://www.php.cn/course/894.html【推薦視頻】](https://www.php.cn/course/894.html)
2. 框架基礎
* [ ] JQuery入門
https://www.runoob.com/jquery/jquery-tutorial.html
* [ ] Bootstrap框架基礎
https://www.runoob.com/bootstrap/bootstrap-tutorial.html
https://www.bootcss.com/
3. 進階內容
* [ ] Vuejs入門
[vue 教程視頻](https://ke.qq.com/course/248507?tuin=4f8da6)
[Vuejs官方文檔【推薦】](https://cn.vuejs.org/v2/guide/)
[Vue快速入門【推薦】](http://vue_book.siwei.me/)
[Vue.js60分鐘入門](https://www.cnblogs.com/keepfool/p/5619070.html)
* [ ] Vue Design框架基礎(iView 4.x系列)
https://www.iviewui.com/
[iView系列官方教程【推薦】](https://www.iviewui.com/live)
4. 綜合資源
https://www.php.cn/course/list/11.html
https://www.runoob.com/
https://www.w3school.com.cn/
http://www.hmoore.net/explore
## 基本開發工具
### HbuilderX
下載地址:http://www.dcloud.io/hbuilderx.html
### VSCode 萬能編輯器【推薦】
下載地址:https://code.visualstudio.com/
VSCODE需要安裝相應的插件支持
### GIT環境配置
先下載GIT基礎工具
https://git-scm.com/
然后安裝Windows下Git管理工具
https://tortoisegit.org/download/
# 學習路徑【 Web前端工程師】
Web 前端學習路徑中首先實踐 HTML、CSS、JavaScript、CSS3、HTML5等基礎知識,然后完成實現頁面特效組件、網頁游戲、Web應用等一系列項目,幫助你通過動手實踐成長為合格的 Web 前端工程師。
課程鏈接:https://www.shiyanlou.com/paths/12/
## 在線實驗平臺
> 使用實驗樓在線實現平臺,篩選了免費的課程,學生需要注冊賬號登陸,免費用戶不能保存數據,平臺基于Linux系統,如果不熟悉Linux可以先完成以下實驗
## Linux 基礎入門
要在實驗樓愉快地學習,先要熟練地使用 Linux,本實驗中通過在線動手實驗的方式學習 Linux 常用命令,用戶與權限管理,目錄結構與文件操作,環境變量,計劃任務,管道與數據流重定向等基本知識點。
課程鏈接:https://www.shiyanlou.com/courses/1
- 內容介紹
- EcmaScript基礎
- 快速入門
- 常量與變量
- 字符串
- 函數的基本概念
- 條件判斷
- 數組
- 循環
- while循環
- for循環
- 函數基礎
- 對象
- 對象的方法
- 函數
- 變量作用域
- 箭頭函數
- 閉包
- 高階函數
- map/reduce
- filter
- sort
- Promise
- 基本對象
- Arguments 對象
- 剩余參數
- Map和Set
- Json基礎
- RegExp
- Date
- async
- callback
- promise基礎
- promise-api
- promise鏈
- async-await
- 項目實踐
- 標簽系統
- 遠程API請求
- 面向對象編程
- 創建對象
- 原型繼承
- 項目實踐
- Classes
- 構造函數
- extends
- static
- 項目實踐
- 模塊
- import
- export
- 項目實踐
- 第三方擴展庫
- immutable
- Vue快速入門
- 理解MVVM
- Vue中的MVVM模型
- Webpack+Vue快速入門
- 模板語法
- 計算屬性和偵聽器
- Class 與 Style 綁定
- 條件渲染
- 列表渲染
- 事件處理
- 表單輸入綁定
- 組件基礎
- 組件注冊
- Prop
- 自定義事件
- 插槽
- 混入
- 過濾器
- 項目實踐
- 標簽編輯
- iView
- iView快速入門
- 課程講座
- 環境配置
- 第3周 Javascript快速入門