如何学好Web前端

Question

如题所述

Answer 1

在CSS布局时需要注意的一个问题是很多人缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。

“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取别人之长为自己所用。

同时还要善于使用Firebug这个利器。Firebug一方面可以在学习过程中帮助调试自己的页面，另一方面可以使用Firebug方便地查看、分析别人网站的源代码。

随着移动互联网热潮的到来，移动开发越来越受到大家的追捧，响应式布局、微网站等需求量不断增加，这也是Web前端未来的发展方向之一，学有余力的人可以多多关注。最后祝愿大家能在Web前端开发道路上走出一片更宽更广的天地!

Answer 2

a) 框架。推荐jQuery，简单易用，我的第一web项目就是在w3school简单学习后，直接上手jQuery完成的，真的很难简单，很好用。jQuery适用环境有限，对于那些对性能要求很高的页面无法胜任。推荐了解一下 YUI 或百度的 tangram ，都很好用，学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性，让你能更专注与web开发学习的精髓部分。
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两部分，浏览器差异内容很多，建议在实践中多多积累。本回答被网友采纳

Answer 3

Web前端的职能：

Web前端开发工程师，除了主要职责外，还要为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性;

Web前端表现层及与前后端交互的架构设计和开发;

配合后台开发人员实现产品界面和功能;

利用各种Web技术模拟开发产品原型;

Web新技术调研和资讯整理;

web前端的要求：

精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解;

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想。

web前端需要学会的几种语言：

学习html。这个是最简单的,也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用来和数据打交道。

学习css。这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢?因为上面说了div就是 html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好。css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式。

学习js。js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式，或者值，然后会给某个id或者name的元素标签赋值、或者追加数据、追html、这个是跟数据有关系的操作,然后数据逻辑判断、效果方面的、无非就是跳转、弹框、隐藏什么的、把这些全部结合其他就是实际用途了,代码一点都不难、会了这些基础js、其他的直接百度就好了。然后看多了、用多了、就什么都不是问题了。

学习jquery。jquery是相当于把js封装了一套的一个js插件、目的就是操作起来更方便、代码写的更少、jquery入门也很简单、那些是入门需要学的和js一样、只是换成了jq的代码。其他的一样百度就够了。

最好会点后台语言,比如java、php,为什么呢?因为前台界面的数据都是从后台来的、如果会点后台代码、就知道怎么跟后台交互数据是最好的、这样节约时间、也可以让前端代码更规范。

学习css3+html5。可以先了解一下、然后再入手。毕竟IE的浏览器大多还不支持。

本回答被网友采纳

Answer 4

先学html,再学css,v x : sjkfgw