Web前端速成(Html+Css+JavaScript+jQuery)-1.前言

• 内容摘要：
  • 对前端工作内容，学习路线，和本课程教学内容的概述以及开发环境的配置。

1.前言

1.概述

1.1 什么是前端的开发？

• WEB开发主要分工有前端的开发和后端的开发。
• 前端开发：比如网页画面的展示，画面上与用户互动的功能，按钮的操作动作的发起这些都是前端部分。这部分工作的实现就是前端开发。前端部分用户能看到的，能直接操作。

1.2 前端开发学习路线

• 网页的展示使用的是HTML和CSS的知识技能来实现，网页的互动使用的是基于JavaScript基础的知识技能来实现。所以HTML, CSS,JavaScript的知识是前端编程的基础学习。
• 有了HTML, CSS网页布局基础和对JavaScript的初步认识后，就可以学习更简洁的编程方法。
• 更简洁的编程方法是基于JavaScript基础的编程框架，比如jQuery，Angular，VUE ，REACT。
• 可以选择性地学习前端框架。

2.本课程教学内容

• 本课程详细讲解如何运用html，CSS的实现网页布局，初步认识JavaScript，讲解了在jQuery框架下如何实现前后台的数据交互。
• 本课程展示了前端开发的的代码编写完整流程。
• 网页布局和JavaScript，jQuery的实际操作需要多练习把基础打好。

3. 开发工具

3.1 开发工具推荐

开发工具有许多，甚至写字板都可以做开发工具。这里推荐几款WebStorm，HBuilder，DW(dreamweaver)，VSCode(Visual Studio Code)。
本课程我们选择用VSCode(Visual Studio Code)来操作

3.2 安装Visual Studio Code

1.下载
https://code.visualstudio.com
2. 安装
https://www.runoob.com/w3cnote/vscode-tutorial.html
3.启动 Visual Studio Code
- 安装open in browser插件
- 步骤1
- 步骤2
- 步骤3

Web前端速成(Html+Css+JavaScript+jQuery)

1. 前言
2. 初识HTML
3. 基本标签
4. 属性
5. 文本格式化
6. 链接
7. 图片(Images)
8. 分组
9. 无序列表
10. 有序列表
11. 自定义列表
12. 表格(Tables)
13. CSS
14. 页面布局
15. 表单(Forms)
16. 认识JavaScript
17. jQuery-前后台数据交互
18. 知识总结与就业指导