学习web前端需要做哪些准备，如何学习前端
这些就是web前端需要学习的：
1.HTML/DHTML(DOM) ...... VHTML
2.CSS
3.Javascript
4.浏览器差异以及各自的BUG
5.Ajax
6.PHP/Asp//Jsp 等动态网页语言中的一种
7.数据库/文件系统
8.设计模式
如何学习web前端开发技术的一点见解
web开发分为前端开发还有后端开发，web前端开发方面主要是学习HTML、css、JavaScript以及jQuery、angular等前端框架的学习，而web后端开发就是要学习Java或者PHP这类语言了。 然后还要学习一定的MySQL、mongodb等数据库的设计知识，这样才能完成web开发，当然这就属于web全栈了，你可以问你阿全从一个方面入手，然后有所成绩之后再去学另一个方向，这样学起来也比较简单容易些
web前端入门需要学习那些知识？
Web开发入门需要掌握的知识列表如下：
一、掌握HTML HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。
二、学好服务器端脚本语言 服务器端脚本编程也是Web开发人员的基本功之
一，Web开发人员需要挑选一个服务器端脚本语言，精通这门基本功。
三、学好CSS 学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
四、学好javascript 学习javascript的基本语法，以及如何使用javascript编程将会提高开发人员的个人技能。
六、了解Web服务器 当对Apache的基本配置，ess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对容易。
八、学好Web框架 当掌握了HTML，服务器端脚本语言，CSS和javascript后，就应该找一个Web框架加快Web开发速度，使用框架可以节约很多时间，如果使用PHP，可选的框架有CakePHP，CodeIgniter，Zend等，Python程序员喜欢使用Django和 webpy，Ruby程序员喜欢使用RoR。
学习web前端有什么好的学习方法
绘学霸设计师说，优秀的Web前端开发工程师应该具备快速学习能力。Web发展的很快，甚至可以说这些技术几乎每天都在变化!如果没有快速学习能力，就跟不上 Web发展的步伐。前端工程师必须不断提升自己，不断学习新技术、新模式;仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而前端工 程师的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。
如何学习前端
1、准备和基础的学习 开始的时候做一些基础工作还是必要的，比如选一个自己喜欢的编辑器啊，比如科学上网，高效的使用搜索引擎，markdon语法，PS切图等，这些东西都可以大幅度提升你的学习效率或编程的幸福感，所谓磨刀不误砍柴功。 接下来你就可以开始学习基础知识啦。HTML，CSS，Java这三样真的很重要，真的很重要，真的很重要，重要的事情说三遍！HTML写出基础页面，CSS将HTML静态页面从黑白色过渡到五颜六色，然后java可以让枯燥的静态文字变成可以交互的内容。 初学时不用去管那些花里胡哨的框架，一定要把基础打好。框架再怎么更新迭代，最基础的东西还是这三样，只要你能掌握好基础，就等于拿到了打开前端世界的钥匙。
2、进阶学习 掌握了HTML+CSS+Java后，成功打开了前端的大门。接下来就是进阶部分，从js进阶到jquery-，jQuery就是java的一个库，把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率，同时极大地简化了 Java 编程。 然后再到angular-一种更加灵活、强大的数据绑定、html扩展的js库；然后到ajax、json、xml，可以和后台进行协同开发的技能。 学会这些东西之后，就能掌握原生JS和jQuery完成时下流行的各种PC端网页特效、前后端交互，在通往前端的路上往前迈上了坚实的一大步。
3、移动端web开发学习 移动互联网时代，自然得学移动端web开发。就得学习HTML5+CSS3特性了，需学习的HTML5的标签、属性、表单、事件、视频/音频、画布等，CSS3中的边框背景、2D/3D转换、过度、动画、多列、字体、文本效果、用户界面等。 常用移动端框架：纯JS库的推荐zepto.js，CSS3中的学习bootstrap或fundation5（推荐学习bootstrap，bootstrap拥有美观的样式和封装完善的JQ插件，使用方便，基于Bootstrap的扩展也很多，这是其他框架所无法比拟的）。 移动端web开发当然离不开响应式布局，响应式布局则是通过CSS3中的media query技术实现的，所以media query技术也是必学的。 学到这一步，一般的开发任务基本都能轻松解决，基本满足H5移动端前端开发工程师和初级前端工程师的岗位需求了。
4、前端高级课程学习 上面的这些都是前端开发的基础，如果需要成为月薪上万，行业抢手的前端工程师，这些是不够的。还需学习ECMA 6、web 界面的渐进式框架vue.js、自动化构建工具Gulp、平台node.js、微信端开发等。直到能够用框架开发WEB应用，月薪上万也就稳了，妥妥的中级前端工程师。 5、js的编程思想和面向对象 编程思想，其实就是事项一个事物的自己的想法，将自己的想法编写成代码。就是编码思想了。这就需要大量的实践，当在写小功能得心应手而组织工程代码有点费劲的时候，自然就会认真考虑了。js的面向对象指的是ECMA 面向对象技术，它真正强大之处在于能够创建自己专用的类和对象，是一门比较复杂的技术。 当以上五条都有所涉猎后，剩下的就不需要别人进行引导了，到那时候你自己就知道你需要学习进阶哪方面的技能。当然，那时已经成为一名前端工程师，已然处于高薪工作中。
如何系统有效的学习前端
网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。前端的核心价值在于对用户体验的追求，Web前端开发是从网页制作演变而来的。初学者可以参考以下的教程进行初步的系统学习！ 基础知识
1、HTML + CSS 这部分建议在W3school在线教程上学习，边学边练，每章后还有小测试。 之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《Head First HTML 与 CSS 中文版》，这本书讲的太细了，我没能拿出耐心细读。你可以根据情况斟酌。
2、Javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 W3school上学习。之后建议马上看《Javascript语言精粹》，JS是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。 进阶有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。
1、CSS。必看《精通CSS》，看完这本书你应该对：盒子模型，流动，Block，inline，层叠，样式优先级，等概念非常了解了。作为练习可以看下《CSS艺门之匠》这本书，它对标题，背景，圆角，导航条，table，表单等主题都有详细的介绍。
2、Javascript。上面提到内容还不足以让你胜任JS编程。在有了基础之后，进一步学习内容包括： a） 框架。 推荐jQuery，简单易用，在W3school简单学习js后，直接上手jQuery即可完成一些简单的项目。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性，让你能更专注与Web开发学习的精髓部分。补充： 可以使用Codecademy学习 Javascript，jQuery，用户体验真的很好（感谢 TonyOuyang ）。 b） Javascript 语言范式 。这个名字可能并不恰当，只是我找不到可以描述“面向对象”，“函数式”这个两个概念的概念。Javascript不完全是一个面向对象的语言，它的很多设计理念都有函数编程语言的影子，甚至说如果你不用面向对象，完全可以把它理解成一门函数式编程语言。 Javascript的很多语言特性，都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论，对封装，继承，多态等概念要理解，维基百科，百度百科会是你的帮手，另外推荐《Object Oriented Javascript》，应该有中文版。对与函数式编程我了解的也不系统，不好多说，可以自己百度一下。 c） Javascript 语言内部机制。必须弄清如下概念：JS 中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式下，‘this’指向的是谁。这部分内容你会在《Javascript语言精粹》中详细了解。另外，你必须理解 json。 d） dom编程，这个Web前端工程师的核心技能之
一。必读《Dom编程艺术》，另外《高性能 Javascript》这本书中关于dom编程的部分讲的也很好。 e） Ajax编程，这是另一核心技术。Ajax建议在网上查些资料，了解这个概念的来龙去脉，百度百科，维基百科上的内容就足够了。真正编程是很容易的，如今几乎所有框架都对Ajax有良好的封装，编程并不复杂。 f） 了解浏览器差异性。这部分包括CSS和js两部分，浏览器差异内容很多，建议在实践中多多积累。另外对于浏览器的渲染模式，DOCTYPE等内容应该系统学习。
3、HTML5和CSS3 。HTML5规范已经于2014年10月28日发布了，移动端HTML5和CSS3已经得到了非常广泛的使用，必知必会呀。 代码层面有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。 1）易维护。对于页面你该理解‘样式’，‘数据’，‘行为’三者分离，对应的当然就是CSS,HTML,js。对于js代码，你最好了解设计模式，重构，MVC等内容。 2）可测性。 3）高性能。必读《高性能Javascript》 4）低流量。移动端关注比较多。 工程层面前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用Svn和Git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，比需要学会使用Grunt、Gulp等前端构建工具。 然后呢？ 以上内容只是简单说了前端学习的顺序。 对于前段开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。
1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。
2、后端。 应该说前段工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，入手难度比较低的应该是PHP了。这部分由可分为基于页面，基于框架两种。大型项目都是基于框架开发的，建议至少了解一个MVC框架，比如PHP的Ci、Yii、Yaf 等，好还框架的设计思想都大同小异。如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。
3、Android和IOS开发。 时至今日，前端的工作领域已经非常广泛，native的界面开发本质上也是前端开发，个大公司都面临着Native环境和web环境页面同时维护的问题，如果能够在技术上得到统
一，将会有巨大的价值。对于学有余力的同学，应该了解Native开发的基本流程，至少了解到界面构建的技术。 哈哈，上面的教程其实小编也看不大懂，如果你对前端开发有兴趣，如果你想成为前端开发大神，不妨可以借鉴下！
怎样系统的学习WEB前端?
先看视频入门，然后看相关书籍在巩固知识。打印一份HTML CSS Javascript的参考手册，这个要经常看，都知道这是最基础的，掌握Javascript之后在去学一下jQuery，也不能说算学，花2个小时看一遍教程估计就懂50%了，剩下的写几个项目再熟悉熟悉。然后学和Javascript相关的技术 如canvas,这个就有点考验数据结构和算法了，有点熟悉之后再学一下数据结构的知识。学会了这些在继续进阶，然后考虑浏览器兼容问题等等，然后再学习一些CSS预处理器的知识如LESS SASS等（掌握一个就好了），然后还有一些比较重要的js框架，requireJS AngularJS等。。。现在觉得其中最难的还是CSS
怎样才能自学好Web前端！
1、对于WEB前端而言技术性的知识很少 代码反复去写、去理解作用
2、WEB前端：通常是：HTML+CSS+JavaScript 重点在于： 熟悉排版、事件处理、表单验证 、简单的美工修饰要会做、如果你是美工去学习前端那就在好不过了。
3、我的原则是：只要不是在实际工作之中，建议不要使用任何框架和集成开发工具 记住代码不是靠DreamWeaver拉出来的、不是靠开发工具点出来的 而是自己一点一点敲出来的
4、看似简单的事、平凡的事反复去做很有可能做到不平凡。
前端要怎么学才好？
其实，学习前端开发是一件很有趣的事情，你可以很简单的几行代码实现很炫丽的效果。这个刚开始的时候你可能觉得很难，不知道如何下手，不知道怎么学。这个时 候你需要有人指点你一下，该先学什么后学什么。在这里我要说明一点，想学好前端开发，必须要有浓厚的兴趣，而不是一时脑热、冲动。如果是这样的话，即使有 高手指点，也学不好，因为你的心就不在这里。废话不多说了，直接进入主题。 首先，了解前端开发 Web 前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户 使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变 化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现 的。说得直白点就是美工photoshop,交互设计,flash,js,html+css。就小规模公司而言,一个技术员都得会这几样技能,这样很锻炼 人的,慢慢的你就会成为公司的主力。大规模的公司把这些分得很细,所以,你可以精通一门,熟悉其他的,进军大公司。
要想学好网页前端，怎样一步一步学习
前端开发首先要会三剑客软件，其中包括Dreamweaver，flash，fireworks；其实你要会DIV+CSS网页布局样式，还要会点平面设计要用的软件，方便以前自己处理图片，这个其中包括photoshop，corelDRAW，这个知道软件有里有什么工具，每个工具有什么功能就行，最主要的还是要精通网页布局样式，还有要会点Java语言跟HTML语言，其他一个真正的前端开发者要会的东西也蛮多的。
web前端怎样入门
学习顺序就是HTML ->DIV_CSS -> javascript ，如果你没有学过其它编程语言，javascript自学就比较难了。web前端学习内容可以做下参考：
1、前端入门：页面布局与重构、HTML、CSS 2、web交互开发：JavaScript、jQuery、Ajax
3、移动前端开发：响应式布局、HTML5、CSS3
4、前端高级开发：原生移动开发、微信开发
如何深入学习web前端?
1HTML 第一阶段——HTML的学习。 超文本标记语言（HyperText Mark-up Language 简称HTML）是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。 HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的！ 在学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。 2CSS 于是进入第二个阶段——CSS的学习。 CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。 同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习，我们就可以顺利完成“一幢楼房”的建设。 “楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。 3JavaScript 为了完成这个任务，我们进入第三个阶段——JavaScript的学习。 JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅！有么有？ 此时，也许你还沉浸在JavaScript给你带来的惊喜之中，但你的项目经理却突然对你大吼道: “这个效果在××浏览器下不兼容，重新搞……” “不兼容？”瞬间石化了有木有？ “我擦，坑爹啊！那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!” JavaScript的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。 4jQUery 接下来我们进入第四个阶段——jQUery的学习。 jQuery是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器（jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持），同时现在有很多基于jQuery的插件可供选择。 这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其write less,do more的核心宗旨。这个Feel倍儿爽！有么有？ “豪华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐！能不能将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪？可以实现吗？答案是肯定的。 5前端框架 这种思想在Web前端开发中也是适合的，于是乎就出现了各种前端框架，在这里推荐给大家的是Bootstrap。 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。 在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽！ Web前端的学习建议 最后给大家聊聊在学习Web前端中的一些建议和方法。 在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。 建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。 “君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。 同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码，“偷”也是一种技能！ 随着移动互联网热潮的到来，移动开发越来越受到大家的追捧，响应式布局、微网站等需求量不断增加，也是我们Web前端未来的发展方向之
一，学有余力的同学可以多多关注。
