美文网首页HTML5收藏涨姿势HTML5
我是如何从0开始学习HTML到项目上线只用3周时间的

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

作者: 小追兵 | 来源:发表于2015-09-06 19:33 被阅读2964次

小追兵专栏

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

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

点击此处查看项目(移动端项目一)

点击此处查看项目(移动端项目二)

点击此处查看项目(移动端项目三)

点击此处查看项目(移动端项目四)
我们开始吧,看看要怎么做呢:

  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翻墙账号可以私聊。

相关文章

  • HTML5学习流程

    我是如何从0开始学习HTML到项目上线只用3周时间的 是的,三周太长,一定有不少人根本用不了这么多时间。如果你有一...

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

    小追兵专栏 是的,三周太长,一定有不少人根本用不了这么多时间。 如果你有一门编程经验,学习起来就更快了。 就先不唠...

  • vue项目搭建

    vue项目从0到上线知识点梳理. 框架搭完后用一天琐碎时间写的web页面,果然html,css才是占用时间的大头 ...

  • 记从0到一周内快速上线的项目

    记从0到一周内快速上线的项目 介绍 最近一周多肝了一个排疫系统,从 0 到正式上线,包括了小程序 + 三个移动端用...

  • 我是如何从0到1开始写作的

    1. 从小我就不喜欢写作。800字的作文常常要靠分段和标点来凑,日记也是在开始和停止之间不断反复。我喜欢看书,喜欢...

  • 如何高效管理项目? | 项目流程及复盘

    2017年12月25日,“股权托管”项目成功上线,从7月份开始到年底,历经半年的时间。虽然上线,但我知道上线不是结...

  • 从0开始到网站上线 下

    声明:本文首发微信公众号【菜鸟要飞】,如有转载,请标明出处! 一、技术选型 以下推荐适合有点编程基础,或者想快速搭...

  • 2020年第一次上线总结

    项目内容描述上线目的服务迁移服务从阿里云迁移至华为云上线时间两次上线服务上线:2019-12-07 00:00-0...

  • Django从0开始到查看项目

    Django入门 当今的网站实际上都是富应用程序(rich application),就像成熟的桌面应用程序一样。...

  • APP工厂

    上周参与了新项目验收,项目的上线速度和质量另我惊叹不已。项目从策划到上线只用了2个月,而且产品主流程非常舒畅,用户...

网友评论

  • 439f1b090110:两年后的我看到此文,感动的一败涂地,感动之后想要问你:此文的四个小项目是如何上线的?你把项目放在哪的???是你买的服务器搭建的吗?还是有专门的网站可以托管项目? 问了这么多,也不知道两年后的你是否还活着? :relieved: :relieved:
    小追兵: @CMCoO 还活着,项目在买的服务器上。不过做过之后再没做H5了
  • bdb4154cd17e:项目找不到了啊 亲
    小追兵: @百事可乐o0 估计原来公司服务器到期,你可以百度“乐萌汉字”,应该可以找到
  • 732fc39276aa:有源码没
  • e6b92ccfbb10:自己写静态页面已经没有问题了。一点动画,CSS3也可以写出来
  • e6b92ccfbb10:HTML和CSS已经看完了,JS完全看不下去,容易睡觉。
    小追兵:需要点编程基础
  • 9c0ecbf14e19:楼主,想请教一下,你写的项目是在哪写的呢
    小追兵:是指用什么软件吗?用的webstorm
  • Sunstrider丶Yang:可以回家看看啦,有个思路和方向最重要了
  • 简书小时:可以试试
    小追兵:@简书小时 可以
  • 2f0c26df5884:妈的 老子学了两个多月了 都不知道怎么上线呢 你是怎做到的?! :broken_heart:
    小追兵:@景敢 就是像文章中说得那样做的
    小追兵:就是像文章中说得那样做的
  • chenjipdc:他妈的,感动的裤子都脱了
    小追兵:@_PDC_ 我看看
  • ce604a9ac35b: @小M的情怀 那我岂不是知识点要忘记得更多更快
    小追兵:@噬心者拾心人 所以边学边用
  • ce604a9ac35b: @小M的情怀 我有时候编程的思路不是很清晰有时候会有一小错误!怎么办?
    小追兵:@噬心者拾心人 老师教我放下键盘,想清楚再下手。你也可以
  • ce604a9ac35b: @小M的情怀大牛我学过的知识点总是记不牢有没有什么好办法啊
    小追兵:@噬心者拾心人 我不是大牛,还有记不住是因为没有去用,学是为了用,不用当然忘了,高中做了多少练习,可是高考玩,就全忘了,因为不用了啊:joy:
  • ce604a9ac35b:tmd老子被你感动了!
    小追兵:@噬心者拾心人 哈哈,真的么?
  • I_m赵昊:你激励到我了,啊哈哈哈
    小追兵: @I_m赵昊 那好好学习拜
  • 名字取得长一点总不会有人用了吧:老师讲了,我接着练习。要记忆要练习的太多,关键是好多还很难理解。从开始到现在快半个月了,每天晚上都到一点多,基本知道怎么布局了。我是不是好笨
    小追兵:保持信心,坚持一个月,就好了,刚开始就是难理解,因为你接触过程序,一下子又学太多,所以有点跟不上。总之坚持到你毕业就好了。会有量变到质变的那天
  • wbtuxi:前辈,有没有新的H5的教学视频,这样效率应该高一些:grin:
    小追兵:@似水流年灬流年逝水 我这没有视频教程,你去慕客网,或者传智播客,极客学院的网站上去找。
  • wbtuxi:现在开始学了,听你说的我好激动
    wbtuxi:@小M的情怀 谢谢
    小追兵:@似水流年灬流年逝水 我们学h5,是易懂难精,要学好,还是要下点点功夫的。祝你早点成大神。

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

本文链接:https://www.haomeiwen.com/subject/vubjcttx.html