开发微信“小程序”必学教程

今天，大家是不是都被这张图刷屏了：



微信小程序

这让程序员High了，特别是前端程序员High了！毕竟HTML5方面，缺人啊……不过，现在学还来得及！！

所以啊，实验楼给大家准备好了教程，有HTML/CSS/JS，带你从基础到实战项目……

今天，我们都想学前端！！！

1、HTML基础入门

带你从最最基础的知识开始，认识 HTML，通过 HTML 文件的结构、常用的标签、元素、属性、样式、超文本等内容让大家对 HTML 有一个完整的认识！

2、HTML5基础入门

HTML5有很多新特性，这个教程就带你入门了解HTML5的一些新特性。

我们知道啊：


所以呢，光学HTML肯定是不够滴，还需要学习css和js才行啊。

3、CSS速成教程

这个教程啊，就是带你入门学习CSS知识的，让你对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

4、Javascript基础

这个教程呢，是教你学习 JavaScript 的语法及事件、对象、DOM 等基础知识，可以让网页按照你的想法“动”起来。

以上呢，是基础，基础打牢了才能动手开发呀，但是，光有理论基础是不够的，还需要在实际开发“小程序”之前，做一些项目，练练手，把所学到的基础知识加以运用！

5、HTML5两步实现拼图游戏

这个项目就是教你使用HTML5和css3实现的九宫格拼图游戏。做出来是这样的：



HTML5两步实现拼图游戏

6、SCSS（SASS）画小黄人

这个项目呢，教你通过 SCSS（SASS）画一个会眨眼睛的小黄人，主要学习 CSS3。画出来是这样的：



画小黄人

7、JavaScript实现玫瑰花

这个项目呢，主要是教你用JavaScript语言实现一朵漂亮的玫瑰花。实现出来是这样的：



玫瑰花