原文地址:http://www.th7.cn/web/html-css/201404/29642.shtml

侵删

如果你有耐心坚持一年以上的话, 我会推荐HTML->CSS->JS->PHP的顺序来学习。

1. HTML学习:首先学习HTML,HTML作为标记语言是非常容易学的,把w3school上面的教程过一遍就会了, 记住要一个个过, 千万不要偷懒, 一旦开始偷懒, 你会越来越偷懒, 最后什么都没学成, HTML 教程 。如果觉得纯书面的太枯燥,可以看视频,这里推荐一下“后盾网html基础(XHTML网页基 础教程)”。

2. CSS学习:HTML和CSS这两个东西是一套的,建议可以一起学习。一般来说是叫“CSS+DIV”,这是制作出网页的基本外观的东西,学习这个主要要理解“盒子模型”“样式表”这两个东西。还是把w3school上面的教程学一遍, CSS 教程。这里也推荐“后盾网的视频(DIV+CSS网页布局)”。

3. JS学习:JS学习相比前面两个会难很多,因为JS才是一门正式的编程语言, 同样, w3school的教程全过一遍, JavaScript 教程。教程过完了就可以买书看了, 强烈推荐一本超好入门书: 《JavaScript DOM编程艺术(第2版)》(Jeremy Keith,Jeffrey Sambells)【摘要 书评 试读】。 大神级别书:《JavaScript权威指南(第6版)(经典巨著,当当独家首发)》(美)弗兰纳根,如同大砖头一样的令人望而却步的厚度,你就疯了。当然,如果只是玩玩大可不必看这个“圣经”。认真学, 多看, 看完之后学jquery, 这个时候你基本能够了解语言库了, jquery 也直接过一遍w3school的教程, jQuery 教程。入门书:《锋利的jQuery(第2版)》单东林 张晓菲 魏然 编著。jquery会了, 基本上你网页开发前端就已经入门了, 如果你学的扎实, 反复的看, 其实你就可以胜任前端开发的工作了。

4. PHP学习:如果只是做一个静态的网页,上面的是完全足够了,但是如果想做动态的,这个时候就需要开始学习php了。 入门php相比于JS会更麻烦一些, 因为运行php需要有很多细节要处理, 所以一本好的入门书籍是非常重要的, 这个w3school上面的php帮不了什么忙了。 入门书: 《php和mysql web开发(原书第4版)》([澳]威利,[澳]汤姆森)【摘要 书评 试读】,这是一本“小圣经”。当然如果看书比较枯燥,可以看视频,这里推荐兄弟连的php视频教程(《兄弟连[高洛峰2014版PHP视频教程])这个教程讲得很全,就连html+css+div都讲了,可以选择性的看看这部分内容就当复习。

注:在学习HTML、CSS和JS的时候,只要有浏览器就足够了,不需要装wamp。

编辑器推荐sublime, 学会多用google, 多敲代码, 尤其是多敲代码非常重要, 这样才能快速成长。

要记住一句话:对于初学者来说,投入多,产出才会更多。。。

Thanks~~

【前端】HTML、CSS、JS、PHP 的学习顺序相关推荐

  1. 实现简易版德州扑克|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS

    实现简易版德州扑克|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS 实现简易版德州扑克 1.先上达到网页效果图(简易版德州扑克) 2. 代码实现 2.1 HTML和JS代码 2.2 CSS代 ...

  2. 利用html-minifier和uglify-js对前端HTML/CSS/JS文件进行压缩

    利用html-minifier和uglify-js对前端HTML/CSS/JS文件进行压缩 前言:最近项目组项目接近完工,因为是个网站改造项目,大多数页面都是静态页面,前端开发并没有使用框架或工程化的 ...

  3. 从零开始学前端:CSS引入 --- 今天你学习了吗?(CSS:Day07)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:列表标签 - 今天你学习了吗?(CSS:Day06) 文章目录 从零开始学前端:程序猿小白也可以完全掌握! ...

  4. Web前端--HTML+CSS+JS新型冠状病毒射击小游戏

    临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题.你想要解决的问题,在这里常见网页设计作业题材有 个 ...

  5. Web前端--HTML+CSS+JS实现圣诞抓礼物小游戏

    临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题.你想要解决的问题,在这里常见网页设计作业题材有 个 ...

  6. 前端HTML+CSS+JS

    HTML 什么是HTML 用来制作网页的超文本标记语言 什么是Web标准,有哪些组成 是W3C组织制定的一系列标准规范 有结构html,样式表现css,行为javascript组成 请写出标题标签,段 ...

  7. 前端html+css+js弹窗的实现

    近期由于项目需要,学习了一下js弹窗的实现,感觉挺简单的. html代码部分: <!doctype html> <html lang="en"> <h ...

  8. Web前端---HTML+CSS+JS实现记忆纸牌游戏

    游戏介绍: js实现扑克牌翻牌记忆小游戏代码.连续点击翻开两张扑克牌,相同去重,不同则合上重新翻,考验你的记忆力. 视频演示: 挑战记忆力-Web前端实现记忆纸牌游戏.mp4 主要源码展示: styl ...

  9. 4.29 css,js,mysql本周学习简单总结

    CSS 1.css有三种样式书写 1>每个html标签中有style属性 2>内部样式        在head标签中书写style标签,书写css代码 3>外部样式 ①在css文件 ...

  10. 前端(HTML+CSS+JS)

    表格标签 向网页中加入表格 2,总结 table 标签用来表示表格 tr 标签表示表里的一行 td 标签表示行里的列 border 设置边框 cellspacing 设置单元格的间距 bgcolor ...

最新文章

  1. Linux下无法进入windows的NTFS分区并挂载错误的问题的解决方法
  2. python飞机大战源代码-python版飞机大战代码分享
  3. SkipList 跳跃表
  4. ugui源码_UGUI 源码笔记(一)文件结构和部分组件使用
  5. Neo4j【付诸实践 01】SpringBoot集成报错org.neo4j.driver.exceptions.ClientException:服务器不支持此驱动程序支持的任何协议版本(解决+源代码)
  6. matlab 定义一个有自变量的方程_Eviews、Stata、Python、Matlab、R描述+相关+回归分析教程汇总...
  7. 技术分享丨数据仓库的建模与ETL实践技巧
  8. Python3内置模块2-logging(转)
  9. WO Mic -免费话筒
  10. xml测试_规范的XML测试
  11. javascript 在线文本编辑器
  12. 我是如何将LINE表情包转化为微信表情包的?/How I convert Line stickers into Wechat stickers just as the way they are?
  13. c语言中if函数作用,c语言if函数的使用方法
  14. UVA - 10106 Product
  15. Python学习手册之函数和模块
  16. simhash算法原理
  17. C++ 函数指针 类成员函数指针
  18. 三次样条插值matlab实现
  19. Consider marking one of the beans as @Primary, updating the consumer to accept multiple beans,报错解决
  20. Android中GPS简介及其应用

热门文章

  1. Docker下极速体验Kafka
  2. Swagger突然发癫
  3. Centos7 yum转为阿里源
  4. Tachyon安装:本地安装
  5. 【布隆过滤器】世界上大概有1 亿种小蛋糕,客户康宝要求这辈子不吃重复的小蛋糕。
  6. ICU病房,安科瑞电气医用隔离电源系统辅助供电项目
  7. 小米手机2代确认使用4核CPU 售价或涨至2699
  8. 前端合成二维码与背景图片,批量导出ZIP下载
  9. 数据科学实战系列之ML-KNN(一)
  10. lce的回调实现(Bidirectional Connections)双向通信