如果你有耐心坚持一年以上的话, 我会推荐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~~

转载于:https://www.cnblogs.com/lianghong/p/7989444.html

HTML-CSS-JS-PHP的顺序及相关网址(转)相关推荐

  1. 关于js css html加载顺序整理

    参考原文 豆豆蛙:关于js css html加载顺序整理 1.js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正 ...

  2. 【工具相关】web-HTML/CSS/JS Prettify的使用

    一,打开Sublime Text,代码如下面所示. 二,鼠标右键--->HTML/CSS/JS Prettify--->Prettify Code.代码如图所示,明显的代码变得整齐了. 更 ...

  3. html css js编程顺序,html css js先学哪个呢?

    前端开发三剑客为 HTML.CSS.JavaScript.这三门语言的掌握对前端开发程序员来说是必须的,但有不少同学不懂得先学习哪一门语言.那么这篇文章 w3cschool 小编就来为你解答一下 HT ...

  4. html css js书写规范

    无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添 ...

  5. (008)前端css,js,Jquery,Servlet入门

    摘要:本周的学习内容是前端的css,js,Jquery,Servlet的入门; 文章目录 1 CSS 1.1 CSS入门以及使用方式 1.2 CSS的选择器(重点) 1.3 css的样式属性 1.3. ...

  6. 前端面试宝典 html css js ajax es6

    面试宝典 一.HTML和CSS 1 1. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 1 2. 每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? 1 3. ...

  7. 前端工程师面试问题归纳(一、问答类html/css/js基础)

    一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...

  8. html面试题(一)--html css js

    前端面试题汇总 一.HTML和CSS 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Ope ...

  9. HTML5,CSS,JS前端常见知识面试题

    css中单位px,em,rem的区别 (1)px 是长度单位,它是相对于显示器屏幕分辨率而言的.比较稳定和精确,但在浏览器中放大或缩放浏览器页面时会出现页面混乱的情况. (2)em 是相对长度单位.e ...

最新文章

  1. Python开发【第十篇】:CSS (二)
  2. Windows消息备忘录
  3. Django中pipeline操作Redis数据库
  4. ConcurrentHashMap的源码分析-fullAddCount源码分析
  5. utf-16 java_Java、Unicode、UTF-8、UTF-16之间的关系
  6. P5355-[Ynoi2017]由乃的玉米田【莫队,bitset,根号分治】
  7. java的两种方式_java 两种方式的区别?
  8. 计算机出现假桌面怎么解决办法,win10系统apphangxprocb1引起桌面假死怎么解决【图文】...
  9. VsCode搭建Java开发环境(Spring Boot项目创建、运行、调试)
  10. SpringBoot之Bean之条件注入@ConditionalOnExpression
  11. python模拟seo_Python模拟鼠标点击实现方法(将通过实例自动化模拟在360浏览器中自动搜索python)_天津SEO...
  12. 人人都是 DBA(IX)服务器信息收集脚本汇编 (转)
  13. 九联UNT401H零配置、芒果、南传、百视通等版本通刷固件及教程
  14. 字符串(Linux应用编程篇)
  15. 【CSS】flex布局平分三等分中间间距相等且两端对齐
  16. 状态机的编写(使用C++)
  17. 学习笔记 - 如何增长
  18. 物联网设备数据流转之数据如何导出:Excel文件
  19. 微信开网页mysql_PC浏览器模拟微信打开网页
  20. Photoshop学习第4课-让你的照片漂亮一百倍的PS美颜术

热门文章

  1. EMC CLARiiON 的 Alignment offset
  2. 转;说说AngularJS中的$parse和$eval
  3. Word打開時出現嚴重錯誤無法開啟的处理方法
  4. partial 分布类
  5. Python操作mysql数据库查询操作时提示“unread-result-found”
  6. 探秘新一代音视频技术融合通信平台全接触
  7. Python之路--WEB框架本质
  8. “云办公”:重新定义工作手机
  9. 日媒:中国去年装机量猛增 成最大光伏日媒:中国去年装机量猛增 成最大光伏发电国家发电国家...
  10. 自定义View字段表头