如果要学习web前端开发，需要学习什么？
遇到很多新手，都会问，如果要学习web前端开发，需要学习什么？难不难？多久能入门？怎么能快速建一个网站？工资能拿到多少？还有些让我推荐一些培训机构什么的要去学习。我建议是自学，实在是觉得自己没有这个能力，确实是需要一个老师的话，那你还是自己做主找个老师吧！为什么要自学呢，现在的老师水平都可以说是参差不平，运气好，你遇到个好老师，把毕生的经验和技巧都教给了你，运气不好，遇到个照本宣科的老师，那你的知识也会仅仅局限于教材！也许还有更糟糕的是，学到的书本知识两年前就已经开始有了大的变化，你并不知道关于更多的web设计这方面的知识。如果在这样的情况下，都还不如那些闭关自学的学生。
学习最好的老师就是兴趣，没有兴趣而言，这条路我相信你是走不长远的，除非你有其他比如说生活压力，工作压力等让你不得不这样坚持下去。我刚开始接触web网页设计的时候，教材都是以table来布局的，看到插入table生成了很多标签代码后，tr里面一个个td，理不清楚这个里面怎么回事。敷衍的学习了一个学期。还是没学到什么。真正学到的还是停留在怎么新建，怎么保存。
如果你还是在校学生，那你得好好上课，大学的教材普遍来讲都是知识面浅的。虽然很多知识看起来用处不大，学起来也很枯燥，让你觉得浪费时间。但这些书本上最基础的知识你都不能掌握，那你以后怎么追求更精湛的技术呢。所以不要逃课，把基础知识掌握了，别小看这个基础知识，它非常重要，基础扎实是否也会决定你在一个职业能走多远。
我是毕业了后从文员转到编辑再到技术员当然这期间工资就像是阶梯一样，虽然这差距也不是很大，都离不开那些曾经被我遗落角落的专业课本。生活上的压力迫使我这样做，我知道自己要什么，当一个文员没有追求，感觉过着30、40岁人的生活，接电话、发email、整理报表，每个月都有白领的工资...浪费的不仅仅是自己的青春，还有这大学几年昂贵的学费。后来就愈来愈想掌握一门技术，想去培训学校学习一段时间，但是现实是我没有钱，闭关一个星期，重拾课本，再看看那些讨厌的table，虽然out了，但是确实会发现很多基础再基础不过的东西，利用互联网，不明白的就百度，作为一个过来人，我觉得我自己走了不少弯路，所以，有必要提醒你们一下，一定要明确自己的目标，摆正自己的位置，最好掌握一门技术。
了解web前端
Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。说得直白点就是美工photoshop，交互设计，flash，js，html+css。就小规模公司而言，一个技术员都得会这几样技能，这样很锻炼人的，慢慢的你就会成为公司的主力。大规模的公司把这些分得很细，所以，你可以精通一门，熟悉其他的，进军大公司。
网页开发工具
学习web前端开发，网页开发工具有FrontPage，会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具，我使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面，融合了html5一些新的内容。包括网格布局什么的。
HTML、CSS和JavaScript。html是内容，css是表现，javascript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多自学成&才&的同行。html是最基础的，现在流行的是html5设计，先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习，我想一个星期入门是没有问题的。
基础知识：
1. html + css。这部分建议在 上学习，边学边练，每章后还有小测试。之后可以模仿一些网站做些页面。本站提供的/download/都是比较简单的单页，可以下载下来模仿自己做一个。理解css每个元素的属性，样式的实现不一定只有一种写法，多想一想还有没有什么需要改进的地方。
2、JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》
3、Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。
4、html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。
5、浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。W3C验证地址：通过验证指定URI的CSS内容，可以帮我们检查一下有没有错误。
6、熟悉一门后台编程语言 asp、php、jsp等
web前端设计师前景
遇到很多想换行的朋友，第一句就问，这行赚钱吗？我相信一句话，没有付出，是没有回报的！前面已经说过了，咱们这行门槛是很低的，所以薪资阶段也不一样。2000初入这行的现在还普遍，工作经验2年以上，有很多代表性作品的时候，工资在4000左右；高手级别的估计在6000左右，大师级别这个阶段的薪资参考：10000以上(上海北京深圳为例)网页设计师课程一般包括：Photoshop、Fireworks、用户界面设计实操，xhtml、css、dreamweaver、网站架构与网站策划、flash动画制作，域名与空间、ftp、dhtml、javascript、动态交互网站(asp、php、aja)
关键字词：学习,web,前端开发,web前端,学习web前端
Design by DanceSmile两个月快速学习前端 - 简书
两个月快速学习前端
转自知乎，原文链接：/question//answer/包含了主流Web开发所需的大部分知识，不仅仅局限于Web前端，希望初学者能够对Web开发的每个环节都有所涉猎，这将为你在将来专精于前端或者后端的学习中打好坚实的基础，在实际工作中也能和同事更好的合作与沟通有些人可能会质疑本回答包含的内容是不是太多了，学起来是不是太困难了，不过个人认为前端至少得会点PHP，只会写网页的话连个网站也搭不起来，很难获得满足成就感之类的而且也无需望而却步，本回答提及的教学网站都很好玩，前端框架都很漂亮，建站系统都很酷炫，相信聪明又上进的你会乐在其中的============================我最初入门的时候也没用两个月，我也不是计算机专业，在这里依据个人经验简单介绍一下入门方法。啊，为什么先说这个，因为你如果真的只会“一丁点”是没有任何希望找到实习或者工作的。所以毕业之前这两个月里你首先得达到“会一点”的地步。一、编程入门（耗时1天）首先假设题主是有编程基础的，如果对自己这点C的基础也不自信的话，可以到这里来玩一下编程小游戏，全部通关之后就会对编程有一个比较具体全面的了解，也能掌握一些写代码的基本技巧。二、Web开发入门（耗时3天）之后你需要系统学习一下Web编程的知识，比如在这里HTML/JavaScript/CSS/PHPJQuery/HTML5/CSS3/Ajax/TCP/IP啥的全部都一字不落地看过去，里面的每一个示例全部都亲自动手尝试一下，务必用手打，别复制粘贴。当然如果你不喜欢这个网站，还有当然如果你英语好会翻墙也可以很轻松地Google到很多优秀的国外编程学习网站。Bento()Udemy()iLoveCoding()三、开发及运行环境（耗时5天）你需要至少掌握Linux/Winserver其中一种Web服务器的配置方法，我们先说简单的WAMP是Windows下一款十分傻瓜化的PHP Web服务配置软件，在官方网站上下载好安装包后按照指示不停点下一步就会安装好了，具体的流程不再赘述，因为网络上实在是能找到太多教程了。之后你需要了解如何配置vhost如何设置php.ini/httpd.conf/.htaccess等常用配置文件配置php.iniApache配置(httpd.conf/vhosts/modules/.htaccess)学习使用MySQL，事实上学会一些图形化的数据库管理软件就好了，比如最有名的Navicat假如使用WAMP只需用好它自带的PHPMyAdmin友好的图形界面，用起来比Excel还好用接下来说LAMP首先你得会装Linux，推荐Ubuntu server，或者实在依赖图形界面装一个Ubuntu Desktop也未尝不可。具体直接安装还是装虚拟机自行决定。之后就是安装LAMP，具体的安装配置方法网上也有太多太多教程了。搞定了运行环境之后可以尝试着写一个Hello World的小程序了号称全世界最性感的编辑器Sublime Text，Web开发在大多数情况下不需要用到IDE，一个编辑器足矣，如果不太清楚怎么使用的话可以看这一篇如果是Mac推荐Coda2，这款编辑器更是神器啊，一旦用上了就会爱得不得了。四、尝试建站系统（7天）以上无一不是国内外的建站神器，这段时间的学习尝试会让你颇有成就感，只需分分钟的配置安装，一个功能健全，界面华美的网站就建成啦～各个建站系统的具体安装教程请自行百度之，也是多得不能再多了。会配置安装和基本使用之后，可以尝试着看一下各个系统的开发文档，或者直接看看源码，不求能看明白什么，每看一点都是积累。五、尝试开发框架（21天）PHP框架CSS框架JS框架Thinkphp/Bootstrap/JQuery无一不是大名鼎鼎，文档都非常详细，网络上相关资源异常丰富，顺着官网的文档和网络上的一些教程，试着自己开发一些小的Web网站或者应用吧，等你能够独立完成一个前端界面美观的留言板或者博客程序之后这一关就算过了。六、发现与提升知乎也算吧在各大开源平台和问答平台上多看看多混混，了解一下最新流行的技术，尝试部署修改一下别人的作品，尝试发布共享自己的作品，多请教请教大神之类的，学习无处不在。====================================你可能需要掌握的知识清单#脚本语言HTMLCSSJSPHP#框架JQueryBootstrapThinkPHP#操作系统LinuxUbuntu#数据库SQLMySQL#Web服务器Apache#命令行工具BashGit#应用PHPMyAdminWordpress===================================如何找工作各类互联网招聘网站实在是太多了php/前端/移动开发这些岗位都可以尝试投简历===================================如何写简历公司招码农基本不看学历，介于咱们是半路出家的新手，BAT就不考虑了，重点考虑一些小型创业公司或者非互联网企业但是有Web开发需求的简历里不要说热爱工作，心态乐观一类的废话掌握的技术别说精通要说熟悉直接上干货，把你所有开发过的作品全都罗列出来，能够在线上访问的最好最后补充一下英语优势之类的再推荐一个特别火的Github项目里面有各式程序员简历模板==================================百度到一篇有关前端工程师的不错的博文小礼物百度前端技术学院最近在举办一个小活动，专门教菜鸟技术的，有兴趣可以报名，截止4月10号，不过课程是开放的谷歌出品的Web基础知识，内容十分详尽，不过需要翻墙浏览，里面介绍了很多最前沿的技术，可以帮你搭建最轻松的Web开发环境和依赖。袄，忘记了，你们大多数人可能都上不了谷歌我就好人做到底了==================================网站推荐编程书籍神站！前端各类资源集合前端框架推荐Flat-UISemantic-UI===============================资源推荐免费Bootstrap模板
懂流量，会分析，微信号：，欢迎来撩~