前端-基础篇-写在学习前

写在前面

  前端开发可以创建Web页面或app等前端界面呈现给用户（百度百科可以自行了解），入门门槛不高，不需要编程基础，很亲民了。哦对了，做前端还要懂一点ps（至少要会一些基本操作，主要是用来看图片像素、颜色等，后面应该会单独写一篇），初学者推荐一本书莫振杰 《Web前端开发精品课 HTML CSS JavaScript基础教程》。

前端的背景

  2005年之前，还在Web1.0时代，不叫前端而叫“网页制作”，是用“网页三剑客”（Dreamweaver、Fireworks、Flash）开发，这类网页只能静态浏览，用户无法跟服务器交互实现评论类等功能；2005年开始，进入Web2.0时代，叫“前端开发”，开始可以与服务器进行交互（比如登录账号服务器会验证），1.0时代的“网页三剑客”会有很多问题（比如代码冗余、可维护性差、可读性差等），取而代之的是“新三剑客”：HTML、CSS和JavaScript。

初识前端

  网站是前端+后端的产物，只学习前端可以开发出一个网站，但不能与服务器交互，背后庞大的数据只能依靠后端技术处理才能实现，所以也需要学习后端技术（PHP、JSP、ASP.NET……可自行百度）；

前端的三个核心技术：（学习核心技术远远不够）
1）HTML：全拼Hyper Text Makeup Language，名称“超文本标记语言”，它不是一门编程语言，而是一门描述性的标记语言；
2）CSS：全拼Cascading Style Sheet，名称“层叠式样式表”，用来修饰网页外观；
3）JavaScript：是通常说的JS，是一种嵌入到HTML页面中的脚本语言；
（HTML是网页的结构、地基；CSS是网页的外观、修饰；JavaScript是网页的动态行为，比如点击后会变化）

前端学习路线

HTML➡CSS➡JavaScript➡jQuery➡CSS3➡HTML5➡Vue.js➡前端构建工具的使用（比如webpack、gulp、babel、express等）

ps：学完这些才是一个真正的前端工程师。再简单说下HTML5和HTML的区别：HTML常指HTML4.01，是HTML的基础，HTML5一般是指相对于4.01”新增的内容“，但不要想着直接跳级去学HTML5，因为你还没有HTML基础，就像你如果还不会加减乘除就想着去学复杂运算一样。

开发工具推荐

初学者：HBuilder
下载地址：http://www.dcloud.io/hbuilderx.html

进阶者：Sublime Text
下载地址：https://pan.baidu.com/s/18vEqQImvSYLHBIzVOIyPIQ
（提取码：1xbn）

注意

1、写代码时所有命名/名称基本都写英文字母或数字，不要中文；（网页内容和注释可以是中文）
2、写代码要用到符号的都要切换到英文输入法模式下，不要在中文输入法里插入符号，不要问为什么，这样做就是了；