常用前端技术有哪些？他们之前有什么关系
1、HTML
掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web前端开发人员的基本条件。
HTML是一种标记语言，能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现网页内容。
随着CSS、JavaScript、Flash等技术的发展，Web对于应用的处理能力逐渐增强，用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破，使得Web技术首次被认为能够接近于本地原生应用技术，开发Web应用真正成为开发者的一个选择。
HTML5可以使开发者的工作大大简化，理论上单次开发就可以在不同平台借助浏览器运行，降低开发的成本，这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具，支持HTML5应用的发展。
2、CSS
学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
3、JavaScript
学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。
JavaScript是一种轻量级的解释型编程语言，它旨在创建以网络为中心的应用程序。JavaScript非常容易实现，因为它与HTML集成在一起；它是开放和跨平台的。
javascript的作用：
- 1）、使网页具有交互性，例如响应用户点击，给用户提供更好的体验
- 2）、可以处理表单，检验用户的输入，并提供及时反馈节省用户时间。例如，表单中要你输入电子邮箱而你却输入一个手机号，那么应该给你一个提醒。
- 3）、还可以根据用户的操作，动态的创建页面。例如，发邮件时，添加附件操作。
- 4）、设置cookie，cookie是存储在浏览器上的一些临时信息，例如你浏览过的网站地址，使用过的用户名
- 5）、JavaScript 使有规律地重复的HTML文段简化，减少下载时间。
- 6）、浏览器与服务器进行数据通讯，比如现在最流行的Ajax异步传输；
- 7）、更丰富的界面，可以使用JavaScript来包含诸如拖放组件和滑块之类的项目，以便为您的站点访问者提供丰富的界面。
4、jQuery
jQuery是继prototype之后又一个优秀的Javascrīpt框架，jQuery是一个快速的，简洁的javascript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
5、PHP
PHP，一个嵌套的缩写名称，是英文超级文本预处理语言(PHP:Hypertext Preprocessor)的缩写。PHP 是一种HTML内嵌式的语言。
6、AJAX
AJAX全称为“Asynchronous Java and XML”(异步Java和XML)，是指一种创建交互式网页应用的网页开发技术。国内通常的读音为“阿贾克斯”和阿贾克斯足球队读音一样。
Ajax是一种用于创建快速动态网页的技术，通过在后台与服务器进行少量数据交换，Ajax可以在无需重新加载整个网页的情况下，更新部分网页的技术。
7、API
API(Application Programming Interface，应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
8、ASP
ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是。asp，现在常用于各种动态网站中。
9、Google Web Toolkit
Google Web Toolkit(简称GWT)是Google 推出的 Ajax 应用开发包，GWT 支持开发者使用Java语言开发Ajax 应用。
10、操作系统
了解Unix和Linux的基本知识，对于开发人员有益无害。
11、网络服务器
了解Web服务器，包括对Apache的基本配置，htaccess配置技巧的掌握等。