网页开发学习指南

网上查找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

  • 首先学习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代码都能看懂。

以下是图中的课程地址，全部免费，可以边看教程边实操练习。
1. Web - HTML基础入门
2. Web - CSS速成教程
3. Web - Javascript基础（新版）
4. SQL - MySQL参考手册中文版
5. Linux - LAMP部署及配置
6. PHP - PHP编程语言

时间： 2024-04-25 01:59:08

网页开发学习指南的相关文章

iOS WKWebview 网页开发适配指南

iOS WKWebview 网页开发适配指南 微信iOS客户端将于2017年3月1日前逐步升级为WKWebview内核,需要网页开发者提前做好网站的兼容检查和适配.如有问题,可参考文末联系方式,向我们咨询. 背景 WKWebView 是苹果在iOS 8中引入的新组件,目的是提供一个现代的支持最新Webkit功能的网页浏览控件,摆脱过去 UIWebView的老.旧.笨,特别是内存占用量巨大的问题.它使用与Safari中一样的Nitro JavaScript引擎,大大提高了页面js执行速度. 切换方

Android Wear(手表)开发 - 学习指南

版权声明:欢迎自由转载-非商用-非衍生-保持署名.作者:Benhero,博客地址:http://www.cnblogs.com/benhero/ Android Wear开发 - 学习指南 http://www.cnblogs.com/benhero/p/4273800.html 前言 本篇文章是本人对这这一阶段Android Wear的开发总结,主要是对之前写的关于Android Wear方面技术的梳理,便于新人更好地交流学习. Android Wear究竟是什么? Android Wear和

Civil 3D API二次开发学习指南

Civil 3D构建于AutoCAD 和 Map 3D之上,在学习Civil 3D API二次开发之前,您至少需要了解AutoCAD API的二次开发,你可以参考AutoCAD .NET API二次开发学习指南.另外,如果你用到Map 3D相关的功能,你还可能需要Map 3D的开发知识,看Map 3D API二次开发学习指南. 软件准备及开发环境 AutoCAD Civil 3D 软件,推荐2014以上版本,你可以从Autodesk 官方网站下载试用版, Visual Studio 2012 或

网页开发学习笔记九: css 页面布局

文档流 块元素独占一行 行内元素在一行上显示 自上而下 浮动 float 用法 float: left | right; 特点 浮动起来 不占位置(脱标) 如果多个盒子都使用了浮动, 会在一行上显示 尽量用 display: inline-block; 来转 行内块 作用 文本绕图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>

网页开发学习笔记三: HTML选择器

选择器是一个选择标签的过程 标签选择器 标签{属性: 值; 属性:值;} <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Document</title> <style type="text/css"> /*样式表内容 */ div{ font-size: 50px; color: orange; backgro

网页开发学习笔记四: HTML样式表

内嵌样式 只作用于当前文件, 没有真正实现结构表现分离 <head> <style type="text/css"> 样式表写法 </style> </head> 外链样式 作用范围是当前站点, 范围广, 真正实现结构表现分离 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></ti

新手篇——学习网页开发需要多长时间就能找到工作

近几年Web前端框架层出不穷,比如 React, Vue, AngulaJS等吸引了大量的注意力,前端技术发展势头迅猛,各大互联网公司也越来越重视前端开发,前端开发再也不是过去那种按照设计图做静态网页,再随便写点jQuery的职位了.现在,市场上对于前端开发的需求越来越大,我们经常听说前端开发入门难度低,但学习前端开发究竟需要多长时间呢?学多长时间就能找到工作赚到钱?结合了周边同事和自身的经验来谈谈学习网页开发到底需要花多长时间. Note:一定要下定决心,并且要坚持. 1. 网页设计的基本概念

移动开发学习路线图

一.Axure原型学习路线图: Axure移动开发高仿真原型 二.移动App图标设计学习路线图: Photoshop移动开发实战 三.移动网页开发学习路线图: Html5移动开发入门 四.iOS App开发学习路线图: Swift语言 iOS开发入门 iOS开发实战 五.Android App开发学习路线图: Java语言 Android开发入门 Android开发实战 六.服务端程序开发学习路线图: C#语言 C#电商开发实战

bootstrap学习笔记(网页开发小知识)

这是我在学习Boostrap网页开发时遇到的主要知识点: 1.导航条navbar 添加.navbar-fixed-top类可以让导航条固定在顶部,固定的导航条会遮住页面上的其他内容,除非给<body>元素设置了padding. 导航条的默认高度是50px,比如设置:body{ padding-top:70px} 2.下拉菜单 注意:可以通过data属性API就能使用所有的Bootstrap插件,无需写一行JavaScript代码.这是Bootstrap中的一等API,也应该是你的首选方式. &