[![邀请链接](https://img.kancloud.cn/bd/9e/bd9ee1bb6c29f7cad10b6e069b1907da_728x90.jpg)](https://www.kancloud.cn/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)
同步教程:
https://www.kancloud.cn/zengqs1976/web-js-framework/1514023
课程同步代码下载地址:
https://gitee.com/zengqs/web-js-framework.git
## 直播时间
按照课表排课时间直播,请大家安装好腾讯课堂客户端
https://ke.qq.com/
课程互动使用QQ群:1034438260。
![](https://img.kancloud.cn/42/41/4241e3032e11271a7e7ebca0ea455fa6_252x254.png)
# 课程介绍
本课程是Web开发基础课程,内容涵括前端开发的基础知识
本课程可以使用以下在线学习平台完成学习内容
* [实验楼在线实验室 https://www.shiyanlou.com/paths/12/](https://www.shiyanlou.com/paths/12/)
![](https://img.kancloud.cn/43/47/434781c7e6bb4ecdbdb10456bca1f77f_1148x934.png)
课程学习内容
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/
https://www.kancloud.cn/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快速入门