阶段1：前端基础入门_第1周 HTML5基础语法与标签

第1节 前置引导课（课前必看）

1-1 前端工程师整体介绍

在开始之前你可能对前端开发工程师有很多疑问：

• 为什么选择前端开发？
• 什么样的前端工程师，市场需求更抢手？
• 前端工程师需要学习哪些知识？
• 怎么样才能学会？

1.为什么要选择前端开发？

• 职业前景好

• 选择性多

• 适合初学者

2.什么样的前端工程师，市场需求更抢手？
企业需要同时掌握多门技能

• 前端工程师
• web全栈工程师
• H5/小程序开发工程师
• Node.js工程师岗位等等
  拥有更为广泛的就业方向

学习完第一到第三阶段，你其实已经拥有了一年的开发经验，




如何高效学习？


走你~

1-2 课程简介

课程简介：
1.前端开发介绍：
（1）前端开发行业介绍
（2) 前端开发主要技术介绍
2.本系列课程整体简介
3.学习方法介绍
4.开发环境搭建：
（1）IDE简介
（2）VScode安装、配置和插件

2-1 前端开发行业介绍

这节课我们来学习前端开发行业介绍。

前端开发的历史并不长，前端开发的前身是“网页制作”，随着移动端的兴起和4g5g技术的普及，互联网产品业务越来越复杂，在2011年前后，逐步蜕变为前端开发。

那什么是前端呢？
一切用户能够看见的东西、产生交互的东西，都是由前端的同学在负责。
而后端呢，就是负责数据库的，负责数据的增删改查等等。
所以前端负责美，负责与用户产生交互，而后端负责的是数据。

前端开发为什么这么火呢？
这是因为前端开发发生了变革，在2016年前后，前端开发突然迎来了技术井喷期，开发形式突然发生了翻天覆地的变化。
比如node.js
这个技术在09年就诞生了，但是15、16年在中国火起来了，
在2016年前后，以webpack为代表的Node.js工作流工具使用前端开发的开发形式产生了翻天覆地的变化。（webback）

并且，随着Vue.js/React.js诞生，使前端开发进入了框架时代。因此可以说前端开发的技术因为node.js这个技术产生了特别重大的变革。

现在呢我们就进入了大前端时代，为什么叫大前端时代呢，因为前端开发“上天入地，无所不能”：web开发、移动开发web开发、APP开发、小程序开发、服务端开发等等。

2-2 前端开发主要技术介绍

2-3 本系列课程整体简介

课程模块：

2-4 学习方法介绍

• 大量的动手练习才能孰能生巧（把课程项目多敲几遍）
• 认真完成作业、独立完成项目
• 克服一切诱惑，专心学习，每天进步一点点

3-1 IDE简介

前端开发主流IDE

3-2 vscode安装、配置和插件

visual studio code简介：（可视化工作室代码编辑器）

4-1 课程总结

第2节 HTML语法与基础标签

1-1 课程简介

这节课我们来学习HTML5骨架与基础标签，在正式学习之前，我们有必要先了解互联网基本原理。然后我们会介绍HTML5基础如门，这里

2-1 互联网的基本原理

1. 在本地开发，在服务器共享。
   
   比如将a.html文件传输到慕课网服务器的b文件夹中，此时这个文件就拥有了网址：www.imooc.com/b/a.html
   所有用户都可以访问这个网址看见我们做的网页。
   www.imooc.com（域名）指的是慕课网的服务器，这个域名下有一个b文件夹，这个b文件夹下有a.html文件。所以访问这个网页的网址就是文件的存放位置的一种表达。
   如果要更新服务器上的网页，就只需要在本地开发，完成之后上传到服务器覆盖原有的版本即可完成更新。

接下来需要了解HTTP协议，刚才讲到，本地做好的网页都需要上床到服务器上，这时用户能够通过笔记本电脑、手机、平板等各种终端设备来访问所上传的网页。（用户通过输入网址来访问服务器上的网页）

用户输入网址访问服务器这个过程，我们称为“向服务器发出了一个HTTP请求，