- 内容摘要:
- 对前端工作内容,学习路线,和本课程教学内容的概述以及开发环境的配置。
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