网页开发学习指南
网上查找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代码都能看懂。