web前端设计与开发（一）学习前的了解

Web前端开发是创建网页或APP界面呈现给用户的过程。Web前端开发技术主要包括HTML，CSS及JavaScript、JQuery以及衍生出来的各种技术、框架。

“Web系统”就是基于网站形式的具有一定功能的系统，例如新浪、淘宝、携程等。这些系统中以网页形式呈现给用户的部分，就是“前端”。随着Web系统的普遍应用，包括移动端APP的快速发展，“Web前端开发”已经成为近些年最为重要的技术之一，人才需求量巨大。

三个核心
HTML决定网页的结构，CSS决定网页的样式，JS决定网页的交互。

目标
掌握Web前端开发相关概念、流程、工具、思想
掌握HTML5
掌握CSS3
掌握JavaScript
掌握常见前端库与框架

推荐的程序编辑器

1. HBuilder
   HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。整个操作比较简便，显示风格我也比较喜欢，给人一种很轻的感觉，同时功能又很强大。
   特点：使用Hbuilder有一个问题，就是之前开发过的页面如果通过导入功能导入到Hbuilder中会出现中文乱码。

2. Visual Studio Code
   简称VSCode，Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流开发语言，软件功能非常强大，界面简洁明了。操作方便快捷，设计得人性化。软化主要改进了文档视图，完善对Markdown的支持。
   特点：插件数量多，安装方便，重点是免费。微软提供支持全职团队来开发的一款编辑器。该软件同时支持主流三大平台。