web前端对于网站来说，通常是指，网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在新的高级版本HTML5、CSS3，以及SVG等。
那么如果你想学好web前端必须学会的3个基础技能：HTML、CSS、JavaScript.这三个是前端开发中基本也是必须的三个技能。
在前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。
如今web前端开发工程师是一个非常新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。
如今无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项非常特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。
随着互联网的迅猛发展和普及，一个新型的行业和新兴的职位正在上升到技术的层面：web前端开发
Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。
工程师的职责：
1. -为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性
2. -Web前端表现层及与前后端交互的架构设计和开发
3. -JavaScript程序模块开发，通用类库、框架编写
4. -利用各种Web技术模拟开发产品原型
5. -配合后台开发人员实现产品界面和功能
6. -Web新技术调研和资讯整理
7. -精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解
8. -精通Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想
9. -熟悉一种以上后台开发语言(如PHP/Java或C/C++/.NET)以及一种数据库(如MySQL/Oracle)，有Linux系统操作
10. web前端开发工程师需要长期的web开发经验，例如：
11. -对Web技术创新及丰富互联网应用开发(Rich Internet Applications)有浓厚兴趣
12. -对用户体验、交互操作流程、及用户需求有深入理解
具体技能描述：
· 【必备】UserInterface
1. PhotoShop/Fireworks Design
a -配合美工将草图形成具体的符合WebPage的设计
b -有快速制作分层高品质PSD、PNG的能力
c -能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码
2. Flash Design
a -基本动画效果
b -复杂的交互体系设计，了解第三方swf辅助设计软件
c -复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)
· 【必备】Browser-side (Web Application)
1. XHTML/CSS
a -基本的layout实现
b -严格跨平台的layout实现以
c -优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供操作的DOM结构，让JS开发人员在开发的时候认为”一切都已经准备就绪了”，而不是”捉襟见肘”。
2. JavaScript/Ajax/DOM
a -基本的DOM操作，了解AJAX，可以实现数据通信
b -基本的DOM操作，能写高效率的OOP代码，以降低维护成本
c -基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码
3. Flash Developement
a -基于Timeline的ActionScript操作，能实现简单交互
b -掌握a外，能实现数据层通信(与服务器以及本地SharedObject)
c -精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计，等等)。
