我是如何从0开始学习HTML到项目上线只用3周时间的

小追兵专栏

• 是的，三周太长，一定有不少人根本用不了这么多时间。
• 如果你有一门编程经验，学习起来就更快了。
• 就先不唠叨了，我们进入下面的学习吧。

我自己用了一个星期学习，又用了一个星期写项目，再用了一个星期完善项目并在第三周周五的时候，成功上线。*

点击此处查看项目（移动端项目一）

点击此处查看项目（移动端项目二）

点击此处查看项目（移动端项目三）

点击此处查看项目（移动端项目四）
我们开始吧，看看要怎么做呢：

1. 先去 w3school（http://www.w3school.com.cn ）这个网站。
2. 快速的阅读 “HTML 教程”，重要的是看“HTML 基础教程”。
3. 接下来是快速看“CSS 教程”，重要的是看“CSS 基础教程”。
4. 接下来，我不说估计你也知道了，就是快速的看完“JavaScript 教程”。

这里我所说的快速，到底怎么个快呢？用我的理解就是：

1. 不用太纠结的去理解哪些东西;
2. 只要知道他们是怎么个样子，可以做点什么就可以了;
3. 明白HTML，CSS，JavaScript 各自有什么作用就可以了;

估计很多人两天就看完了（或者更快。。。哈哈），估计快的有些人一点感觉都没有留下！！看完最起码你要有这么几个概念吧？

对于HTML来说：

1. html就是写布局的，他用来标记需要显示内容。( 比如：这里要显示文字，那里要显示图片等等，这些都是html说了算。)
2. 弄清楚这个里，也就学会了所谓的“超文本标记语言”。

对于CSS来说：

1. css就是用来控制显示的样式；
2. 有了html这样标记内容的东西是可以了，可是，标记的内容显示什么样子呢，谁说了算，当然是css说了算啊。
3. css控制html中标记出来的内容显示成各种样式；如显示不同的颜色，显示在什么位置，做什么样的动画等等。

对javascript来说：

1. 接下来当然是javascript了，大家称之为js，它的作用啊，当然是控制数据和交互；
2. html标记了内容，css解决了内容显示，可是这些东西是死的啊，他们就像一张画，你只能看，不能摸（点击）啊~~， 邪恶下,哈哈！！。
3. 怎么可以让他们动起来呢，（比如点击，触摸，输入数据，弹个框什么的）。
4. 这就用到了我们的js，他负责内容也的数据组织，负责处理我们和内容的交互
5. 怎么实现交互的呢，无非就是对html节点进行增删，修改，隐藏，显示。对css属性进行重新设置。

明白这些以后，哈哈，我们就开始开发吧。不信现在能做开发？？那我再说几句：

1. 首先我们已经具备了基础认识，知道他们是干什么的了。看到别人的源码开勉强的懂了。就算不能完全看懂，也是可以猜到他们大概功能了;
2. 接下来我们干什么呢？下载一个小的html项目，例如微信朋友圈里分享来分享去的一些小项目。 问我怎么下载？ 电脑浏览器打开项目然后，ctrl+s 保存就可以了。
3. 看你下载项目源码，能看懂多少是多少吧，尽量多看懂点。看不懂的也可以在浏览器（建议用google浏览器）中调试（页面中右键鼠标，“审查元素”）。

接下来干什么呢：

1. 写项目啊。给自己提一个需求，开始写吧。开发工具很多，我用的是“webstrom”；
2. 我知道，你肯定会说你不会写，如果让我说，其实你已经会写了。
3. 给自己提出需求吧，或者给自己找个项目，开始吧。你一定会遇到各种问题，有问题不怕，我们有“百度”可以查啊。（例如：这个“div块怎么居中”；这个“img怎么设置背景”；“div背景颜色怎么设置”；“两div个块怎么并排一行”等等，各种问题。）
4. 可是你有没有发现，遇到这些问题的时候，你可以轻松在网上找到各种答案。你的问题也就不再是问题了。

你磕磕巴巴，磕磕巴巴，几天后，一个简单的项目应该就基本出来了。
到了这个程度，你会发现我嫩到写这玩意来糊弄人，因为你和我基本一个水平了。

最后：有需要Shadowsock翻墙账号可以私聊。