前端学习计划之Web技术蛋糕

Web 技术蛋糕是什么？

Web技术蛋糕有三层，分别是：HTML、CSS、JavaScript

HTML是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。

CSS 是一种样式规则语言，可将样式应用于 HTML 内容， 例如设置背景颜色和字体，在多个列中布局内容。

JavaScript 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。）

HTML

HTML(HyperText Markup Language) 不是一种编程语言;它是一种标记语言，用于告诉您的浏览器如何构造您访问的网页。它可以像Web开发人员希望的那样复杂或简单。 HTML由一系列的 元素组成, 您可以使用它来封装，包装或标记内容的不同部分，使其以某种方式显示，或以某种方式执行。封闭tags 可以使一点内容成为超链接以链接到Web上的另一页面，斜体字等等。

CSS

CSS (Cascading Style Sheets) 是用来样式化和排版你的网页的 —— 例如更改网页内容的字体、颜色、大小和间距，将内容分割成多列或者加入动画以及别的装饰型效果。

JavaScript

JavaScript 是一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频，等等。JavaScript 怎能缺席。它是标准 Web 技术蛋糕的第三层，其中 HTML 和 CSS 我们已经在学习中心的其他部分进行了详细的讲解。

如何学习Web开发？

首先，我们要知道，编程是一项浩大的脑力劳动，之前介绍过一些通俗的入门文章，面向的是未接触过编程的人。而真正的编程，是复杂多变、层出不穷、极富挑战性的，首先我们要能沉下心来去学习HTML和CSS，包括他们的属性和常用的写法，这是非常枯燥的，也许跟随一些视频学习会相对容易一点，但是学习这种事，多付出就有更多的回报。HTML研究不需要太深，常用的标签属性了解并实践之后，完全可以再参考一些编写规范进行自己的独立开发。在开发过程中，从网上找到一些PRD，在实现的过程中，加深对CSS布局、样式的理解，制作出一个静态的页面，也许文章中有一些新人听不懂的互联网常用词语，希望您能留出一些时间去主动搜索，主动记忆。

HTML和CSS的学习与使用，在学习初期是最有成效的，入门很快，但是深入学习还需要日积月累的尝试，在项目中多钻研。JavaScript在学习之初，多去看语法知识，去控制台中尝试自带的方法，了解JS的历史和发展，对于目前流行的ES6有一定了解。在控制台中去编写一些测试函数，把学习的收获都展示出来。

JavaScript目前的作用越来越强大，更新迭代的速度也是无人能比的。学习JS就要做好一辈子都要在推陈出新的路上跑着，不过当你发现学习的乐趣和一些志同道合的朋友时，也许这种学习能带给你更多有意思的东西。

目前的前端开发是框架的天下，流行的框架有React、Vue、Angular等等，这些框架编写网页的速度是非常快的，并且做了很强的预处理，不过具体的效率还是要看个人编写的代码质量。现在的前端不仅仅能开发网站，还能制作手机APP，较为流行的框架有React Native，Weex，Flutter，Taro等等，目前来看都有非常丰富的市场，学习成本并不高，百度搜素关键词，即可找到相应框架的官网，上手非常快。

我有一些推荐的框架软件，比如正在使用的icework，可以手动拼接一个网页，有非常丰富的模版和插件，基于React的开发，了解一些React语法之后就可以快速的实现个性化网站的开发，并且拥有极为标准的规范，能够快速产生优质的代码，实现Web开发。