学习html,学习资料特别容易获取,在互联网时代。现在无论是相关的书籍,还是相关的视频教程,都已经多到无法统计。大一就去图书馆借几本书,网上下载几个视频教程,边看书边看教程。

单纯的html(html负责页面结构),只有一个建议:多敲代码,光看无用。

而学单纯的html是基本没有什么作用的,要结合css做出美观的页面(css负责页面样式),而html+css的学习,也只有一个建议:多敲代码,光看无用。

而html+css,也只能做出相对静态的网页,少了很多交互,所以要结合基本的javascript操作(js负责页面行为),所谓基本的js操作指的就是js的操作dom,再通俗一点就是用js操作你之前写的html+css。而html+css+js的学习(结构+样式+行为),也只有一个建议:多敲代码,光看无用。

至于学好的标准,就是能自己使用html+css+js写一个相对好看的由很多静态页面构成的网站。用html写页面结构,就好比是盖了一层毛坯房;用css为页面结构写样式,就好比是给毛坯房做装修,把房子变成精装房;用js写页面行为,就好比是让你的房子变成能与人有交互的智能家居房。

搞定了html+css+基本js操作之后,差不多就可以开始进阶了,学习html5+css3,和最常见的js框架jquery。html5+css3是趋势,所以对它们的学习势在必行,而你在写js的过程中,会发现写js有时候有点繁琐,代码量多、兼容性考虑不周全等等,所以学习jq可以在很大程度上解决这些问题,帮你极大地提高js开发效率。

如果你前一个阶段:就是学习html+css+js的阶段学习用功刻苦,基础打得很好,那么学习html5+css3+jq的过程会变得简单得多。但是如果基础没打好,时间就随之变长。最后,再用html5+css3+jq写个综合项目,这个进阶的阶段就过去了。

或许你会感觉你学了这么多,知识已经学完了,但是恰恰相反,基础和进阶搞定了之后,你的双眼就可以看见前端开发的一片海洋了,你会发现学的越多,就越觉得自己的渺小。但是之前学习的一切就是你的船,你可以开始开着这艘船开启前端开发的伟大航线了,比如学习js高级特性,更多的前端开发框架如Vue.js、Angular.js、Node.js等等。并且你要知道的是,不是说这个是“高级”,所以我学到这里就很牛逼了,事实是,只有你把这些都学会,毕业后才能找到工作,对于在校生来说这叫“高级知识”,对于找工作来说,这真的只是基本要求,你要是说不懂几个流行开发框架估计没几个企业要你。

然而你也不一定要进入前端开发的海洋,在有了前面的基础之后,你也可以开始考虑做后端开发,比如开始学习java或者php或者python等等。任意一个都是块难啃的骨头。而你之前学的html+css+js,会对你的后端学习有一定帮助。

回到一开头,无论是自学html,还是自学编程,你看再多优秀的书籍再多优秀的视频教程都只是纸上谈兵。

我只有一个建议:多敲代码,光看无用。

我是如何入门学习html的?相关推荐

  1. Maya基础入门学习教程

    Maya基础入门学习教程 视频:.MKV, 1280x720, 共57节课 时长 4小时25分钟,3GB 语言:英语+中文字幕(根据原英文字幕机译更准确)+原英文字幕 指导老师:Shane Whitt ...

  2. 机器学习入门学习资源

    机器学习入门学习资源 [转载请注明出处]http://blog.csdn.net/guyuealian/article/details/51471085 这是一篇很难写的文章,因为我希望这篇文章能对学 ...

  3. ReactJS入门学习一

    ReactJS入门学习一 阅读目录 React是什么? React如何制作组件? 理解组件属性props 理解页面中如何渲染数据的 理解从服务器端获取数据及理解state的 回到顶部 React是什么 ...

  4. CSS入门学习笔记(案例+详解)

    CSS入门学习笔记 一.CSS简介 1.什么是CSS? 2.为什么使用CSS? 3.CSS的作用 二.CSS语法 1.CSS基础语法 2.CSS注释语法 3.CSS应用方法 三.CSS选择器 1.元素 ...

  5. 微风:AI新手入门学习教程

    大家好我是微风,一个爱设计爱生活的平面设计师,最近总有一些朋友问我,零基础学习AI软件好学吗,AI新手学习软件好操作嘛,那么今天的这篇文章主要给大家介绍下新手AI新手入门学习教程以及学习平面设计分为哪 ...

  6. 通过一款早期代码抽取壳入门学习 so 层分析

    1. 前言 文章开始需要提下的就是,在如今看雪论坛的用户一发关于安卓加固的文章动辄就是有关脱壳机.vmp.函数级指令抽取或者各大厂商的加固等技术的情况下,为何我要发一个代码抽取壳的分析,并且还是早期的 ...

  7. 【OpenCV图像处理入门学习教程六】基于Python的网络爬虫与OpenCV扩展库中的人脸识别算法比较

    OpenCV图像处理入门学习教程系列,上一篇第五篇:基于背景差分法的视频目标运动侦测 一.网络爬虫简介(Python3) 网络爬虫,大家应该不陌生了.接下来援引一些Jack-Cui在专栏<Pyt ...

  8. mybatis入门学习之环境的搭建——helloworld

    Mybatis框架环境的搭建 首先,我是一名走java后端的大二菜鸟,我写博客一方面是用来记录我学习中遇到的问题,另一方面是希望和更多的人分享经验.如果我写的内容有不严谨的地方,还请大佬们纠正一下. ...

  9. 最全面的openGL 入门学习

    自己在找openGL学习资料的时候,找到此篇openGL入门学习(虽然不是移动开发,但给我提供了非常好的思路),所以转一下让更多人知道,本文来自http://www.cppblog.com/doing ...

最新文章

  1. Mars说光场(4)— 光场显示
  2. Android 将ARGB图片转换为灰度图
  3. VirtualBox虚拟机网络环境解析和搭建-NAT、桥接、Host-Only、Internal、端口映射
  4. QMainWindow中的布局管理
  5. 区间覆盖全部类型及部分精选习题汇总详解(贪心策略)
  6. Flowmill :为分布式应用程序世界构建的网络可观察性解决方案
  7. python实现一个数如果恰好等于它的因子之和,这个数就称为“完数” 。例如, 6的因子为 1、2、3,而 6=1+2+3,因此 6 是完数。编程找出1000之内的所有完数
  8. 作为程序员,错过这次和以太坊V神的面基,你可能会痛失1个亿!
  9. css让image不改变大小_如何改变图片大小
  10. 化学堵水剂处理油井出水问题
  11. java压缩linux上的文件,java linux下文件压缩
  12. IDEA汉化包插件无法下载解决办法
  13. 国二计算机考试c语言试题及答案,计算机二级考试C语言试题及答案
  14. 图像 去掉文字 python_opencv-python 去除图片文字
  15. 三角函数之间的转换公式
  16. 好用的影子系统软件,系统辅助工具
  17. 系统类毕业设计思路以及各种遇到问题的解决办法
  18. 手摸手带你学移动端WEB开发
  19. VUE+element 上传视频
  20. 精准营销服务平台设计-基于大数据和AI的商业智能平台

热门文章

  1. 独影•天幕智能投影手机PK家用投影仪
  2. jq分页 不刷新页面_jquery无刷新分页
  3. android 平台上使用opencl 调用gpu 进行加速
  4. Metamask浏览器的钱包插件
  5. Module build failed (from ./node_modules/less-loader/dist/cjs.js):TypeError: this.getOptions is not
  6. 安卓nba2k13数据包该放那个目录下
  7. C# 应用微软的Visual Studio International Pack 类库提取汉字拼音首字母[转]
  8. 利用Office 365 定制企业合同管理平台之定制合同文档!
  9. 三峰的创业日志--遇到的问题(一)——起名字是个大问题
  10. Java 如何复制 List ?