网页开发学习指南
Posted swee632
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页开发学习指南相关的知识，希望对你有一定的参考价值。
网上查找web开发学习的方法，发现知乎上有一篇写的很棒，就提取一部分作为摘要放在这里。主要是落忧和Wayne Shi的答案。
https://www.zhihu.com/question/22646257
推荐学习顺序：html, css ,js, apache ,php, mysql
后三者是需要装软件的, 推荐wamp, 绝佳的一站式环境配置, WampServer, the web development platform on Windows 直接包括了apache, php, mysql三个软件, 省的自己一个一个装.
有不少人在评论里问mac os下对应的软件, 这里补充一下: XAMPP Installers and Downloads for Apache Friends
后三者是需要装软件的, 推荐wamp, 绝佳的一站式环境配置, WampServer, the web development platform on Windows 直接包括了apache, php, mysql三个软件, 省的自己一个一个装.
有不少人在评论里问mac os下对应的软件, 这里补充一下: XAMPP Installers and Downloads for Apache Friends
- 首先学习HTML, css, 这两个东西是一套的, 非常容易理解, 把w3school上面的教程过一遍就会了, 记住要一个个过, 千万不要偷懒, 一旦开始偷懒, 你会越来越偷懒, 最后什么都没学成. HTML 教程 , CSS 教程
- 下一步是学js, js相比前两个会难的多, 因为js才是一门正式的编程语言, 同样, w3school的教程全过一遍, JavaScript 教程 , 教程过完了就可以买书看了, 强烈推荐一本超好入门书: 《JavaScript DOM编程艺术（第2版）》(Jeremy Keith，Jeffrey Sambells)【摘要 书评 试读】 , 认真学, 多看, 看完之后学jquery, 这个时候你基本能够了解语言库了, jquery 也直接过一遍w3school的教程, jQuery 教程 . jquery会了, 基本上你网页开发前端就已经入门了, 如果你学的扎实, 反复的看, 其实你就可以胜任前端开发的工作了, 不过浏览器兼容性还是解决不了的, 不过你目标不是前端工程师, 浏览器的兼容性不了解也无所谓.
- 在第二步你学习js的时候, 你可能就接触一些后端的东西, 没错, 就是ajax. 这个是需要后端返回数据的. 这个时候你要开始学习php了, 入门php相比于js会更麻烦一些, 因为运行php需要有很多细节要处理, 所以一本好的入门书籍是非常重要的, 这个w3school上面的php帮不了什么忙了, 推荐一本书: 《php和mysql web开发（原书第4版）》([澳]威利，[澳]汤姆森)【摘要 书评 试读】 , 当然, 这过程中你会遇到各种各样的问题, 但是如果你学到了这一步, 非常欢迎你私信我来学习, 我绝对帮助, 现在肯学习的孩子太少了, 而且题主才上高中, 太难能可贵了.
- 一些注意点, 学习HTML, css, js的时候, 只要有浏览器就够了, 不需要装wamp, 编辑器推荐sublime, 多用google, 多敲代码, 尤其是多敲代码非常重要, 不敲代码你什么都学不会. 其他的想起来再补充吧.
1. HTML
网站制作的基础，浏览器打开任意一个网页，查看其源码都是看到的HTML。因为HTML是网站页面最终的表现形式。网站页面所有的内容都需要通过HTML展现，所以学习PHP必学的基础首先就是HTML，HTML很简单，它甚至都不能算做一门编程语言，而是一个标记语言。HTML就是一些标签，页面的内容就放在一个个标签里面。
2. CSS
学习了HTML，知道页面的内容是怎么展现的了。那么我们是不是可以把页面展现得更漂亮呢（毕竟这是一个看脸的时代~），平时我们看到的那些漂亮的网站页面，大多数都是通过CSS来美化的。CSS代码都是些样式属性，这些样式属性添加到HTML元素上面，对应的HTML元素的样式就会被CSS改变，学起来会很快，因为编写HTML和CSS可以直接在浏览器上面看到效果，非常有意思！
3. javascript
JavaScript会比HTML和CSS难一点，不过入门很简单，跟着教程练习学起来会更加顺利。如今JavaScript被炒得比较火（库和框架满天飞，用得最多的还是jQuery），不过学习好基础才是最重要的，正所谓万变不离其宗。学习建网站，当然就要勤动手，巩固好基础。学了JavaScript，对PHP中的很多概念也都明白了，因为编程语言里面很多东西都是相通的。
4. MySQL
对于MySQL数据库，可以先学习基础就行了，能够熟练地对数据库进行【增删改查】操作就够用了。等学习了PHP，再来对MySQL进行加深学习，这样会事半功倍。数据库并不像想象中的那么难懂。
5. LAMP
LAMP也就是Linux、Apache、MySQL和PHP。在实验楼的实验环境中，已经搭建好了LAMP环境，学习PHP的时候题主就不用浪费时间去折腾搭建环境了，可以先看看LAMP是如何协作的。在实验楼中开始实验，就会创建一个LAMP环境，而且可以长期保存代码。等PHP学习得差不多了，再来学习如何自己搭建LAMP环境并部署到生产环境，这时就不会觉得LAMP那么抽象。
6. PHP
入门了HTML、CSS和JavaScript之后，对于编程已经有自己的理解了，这时学习PHP会容易很多，至少知道变量、语句、函数、对象等等东西，学习的过程中也会自信很多。先学习基础课程实验，然后跟着实验楼多做一些小项目，实践出真知，加深对PHP的理解。这时再去看WordPress里面的代码，会发现大多数PHP代码都能看懂。
网站制作的基础，浏览器打开任意一个网页，查看其源码都是看到的HTML。因为HTML是网站页面最终的表现形式。网站页面所有的内容都需要通过HTML展现，所以学习PHP必学的基础首先就是HTML，HTML很简单，它甚至都不能算做一门编程语言，而是一个标记语言。HTML就是一些标签，页面的内容就放在一个个标签里面。
2. CSS
学习了HTML，知道页面的内容是怎么展现的了。那么我们是不是可以把页面展现得更漂亮呢（毕竟这是一个看脸的时代~），平时我们看到的那些漂亮的网站页面，大多数都是通过CSS来美化的。CSS代码都是些样式属性，这些样式属性添加到HTML元素上面，对应的HTML元素的样式就会被CSS改变，学起来会很快，因为编写HTML和CSS可以直接在浏览器上面看到效果，非常有意思！
3. javascript
JavaScript会比HTML和CSS难一点，不过入门很简单，跟着教程练习学起来会更加顺利。如今JavaScript被炒得比较火（库和框架满天飞，用得最多的还是jQuery），不过学习好基础才是最重要的，正所谓万变不离其宗。学习建网站，当然就要勤动手，巩固好基础。学了JavaScript，对PHP中的很多概念也都明白了，因为编程语言里面很多东西都是相通的。
4. MySQL
对于MySQL数据库，可以先学习基础就行了，能够熟练地对数据库进行【增删改查】操作就够用了。等学习了PHP，再来对MySQL进行加深学习，这样会事半功倍。数据库并不像想象中的那么难懂。
5. LAMP
LAMP也就是Linux、Apache、MySQL和PHP。在实验楼的实验环境中，已经搭建好了LAMP环境，学习PHP的时候题主就不用浪费时间去折腾搭建环境了，可以先看看LAMP是如何协作的。在实验楼中开始实验，就会创建一个LAMP环境，而且可以长期保存代码。等PHP学习得差不多了，再来学习如何自己搭建LAMP环境并部署到生产环境，这时就不会觉得LAMP那么抽象。
6. PHP
入门了HTML、CSS和JavaScript之后，对于编程已经有自己的理解了，这时学习PHP会容易很多，至少知道变量、语句、函数、对象等等东西，学习的过程中也会自信很多。先学习基础课程实验，然后跟着实验楼多做一些小项目，实践出真知，加深对PHP的理解。这时再去看WordPress里面的代码，会发现大多数PHP代码都能看懂。
以上是关于网页开发学习指南的主要内容，如果未能解决你的问题，请参考以下文章