五分钟带你了解前端开发以及前端开发框架和解决方案的发展机遇，实现互联网产品的用户界面交互[1]。它由网页制作演变而来，名字具有明显的时代特征。在互联网的演进过程中，网页制作是Web1.0时代的产物。早期网站的主要内容是静态的，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显着，功能更加强大。[2]在这里，小编建了一个前端学习交流群：132667127，自己整理的最新前端资料和进阶开发教程。有需要的可以加群一起学习交流。移动互联网带来了很多高性能的移动终端设备和快速的无线网络，HTML5、node.jS被广泛使用，各种框架类库层出不穷。[1]发展历史前端技术的发展是互联网本身发展变化的一个缩影。前端技术是指从浏览器到客户端计算机的总称，服务器端的存储统称为后端技术。前端开发的主要作用是将网站的界面更好的呈现给用户。以前，只要会Photoshop和Dreamweaver就可以制作网页。随着网站开发难度的增加和开发方式的多样化，网页制作更接近于传统的网站后台开发，网页制作更被称为Web前端开发。前端技术包括4个部分：前端美术、浏览器兼容性、CSS、HTML“传统”技术和AdobeAIR、GoogleGears，以及概念交互设计、艺术视觉设计等。在Web1.0时代，由于网络速度和终端能力的限制，大多数网站只能呈现简单的图形信息，在界面上不能满足用户的需求，对界面技术的要求不高。随着硬件的改进、高性能浏览器的出现和宽带的普及，技术在用户体验方面可以实现更多的可能性，前端技术领域正焕发出勃勃生机。2005年后，互联网进入Web2.0时代，大量类似桌面软件的Web应用涌现，前端发生翻天覆地的变化。网页不再只是承载单一的文本和图片。各种丰富的媒体使网页内容更加生动，网页上基于软件的交互形式为用户提供更好的用户体验，这些都是基于前端技术实现的。随着手机成为人们生活中不可或缺的一部分，成为人们身体的延伸，人们迎来了体验为王的时代。前端技术在移动端的发展前景广阔。此外，前端技术还可以应用于智能电视、智能手表甚至人工智能。核心技术HTML语言掌握HTML是网页的核心，是制作万维网页面的标准语言，是万维网浏览器使用的语言，消除了不同计算机之间信息交流的障碍。因此，它是互联网上使用最广泛的语言，也是构成网页文档的主要语言。学好HTML是成为Web开发者的基本条件。HTML是一种标记语言，可以使网页在浏览器中显示。作为HTML的最新版本，HTML5引入了多项新技术，大大增强了对应用程序的支持能力，使得Web技术不再局限于呈现网页内容。随着CSS、JavaScript、Flash等技术的发展，Web处理应用程序的能力逐渐增强，用户浏览网页的体验得到了极大的提升。但是HTML5中的几项新技术取得了质的突破，使得Web技术第一次被认为是接近原生原生应用技术，开发Web应用真正成为了开发者的一种选择。HTML5可以大大简化开发人员的工作。理论上，单个开发可以借助浏览器运行在不同的平台上，降低开发成本。这也是业界普遍认为的HTML5技术的主要优势之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司都推出了相对成熟的开发工具来支持HTML5应用的开发。CSS学好CSS是网页外观的重点。CSS可以帮助使网页的外观更加美观。JavaScript学习JavaScript的基本语法以及如何用JavaScript编程将提高开发人员的个人技能。操作系统了解Unix和Linux的基础知识对开发人员既有利又无害。Web服务器了解Web服务器，包括Apache的基本配置，htaccess配置技巧的掌握等。OptimizeMakeFewerHTTPRequestsReduceDNSLookupsAvoidRedirectsMakeAjaxCacheablePost-loadComponentsPreloadComponentsPreloadComponents)ReducetheNumberofDOMElements(减少DOM元素的数量)SplitComponentsAcrossDomains(跨域拆分组件)MinimizetheNumberofiframes(MinimizetheNumberofiframe)消除10多个http404错误(No404s)涵盖Web前端开发中遇到的各种页面处理技术，让前端开发者准确快速的掌握整个网页的结构，从而达到降低开发成本和页面美化的目的。前端框架学好web框架在掌握了HTML、服务器端脚本语言、CSS和JavaScript之后，学习web框架可以加快web开发速度，节省时间。PHP程序员可选的框架有CakePHP、CodeIgniter、Zend等。Python程序员喜欢用Django和webpy，Ruby程序员常用RoR。随着Web越来越规范统一，Web组件技术不断创新，移动开发不断升华。以下是一些常见的开源前端框架：Bootstrap是主流框架之一。Bootstrap基于HTML、CSS和JavaScript。简洁灵活，让Web开发更快。html5-boilerplate该框架可以快速构建健壮且适应性强的网络应用程序或网站。MeteorMeteor是新一代的实时Web应用开发开源框架，可以在较短的时间内完成开发。SemanticUI是一种基于自然语言有效原理的UI组件框架。Foundation是一个优秀的响应式前端框架。Materialise是一个基于MaterialDesign的现代响应式前端框架。可以提供默认样式和自定义组件。此外，Materialise还改进了动画和过渡，为开发人员提供流畅的体验。Pure是一组小巧的响应式CSS模块，几乎可以在每个Web项目中使用。VueVue.js是一个用于构建交互式Web界面的库。它通过简单、灵活的API提供MVVM数据绑定和可组合的组件系统。SkeletonSkeleton是一个小型JS和CSS文件的集合，用于为包括手机在内的各种屏幕设备快速开发漂亮的网站。骨架基于960网格开发。它是一个UI框架。AmazeUI是国内第一个开源的HTML5跨屏前端框架产品系列，具有更好的中文排版支持和丰富的本地化组件。产品系列包括面向移动端的HTML5混合应用开发框架AmazeUITouch和面向多屏HTML5网页开发的AmazeUIWeb。其中，AmazeUITouch可以通过丰富的组件，帮助开发者快速构建媲美原生APP的专属移动端HTML5应用。UIkit是一个轻量级和模块化的前端框架，用于快速开发和强大的Web界面。YuiYahoo！UILibrary(YUI)是一个开源的JavaScript函数库。为了创建一个高度交互的网页，它使用了AJAX、DHTML和DOM等代码技术。它还包含许多CSS资源。根据BSD许可证获得许可。kissy是一个跨终端、模块化、高性能且易于使用的JavaScript框架。MUI是最接近原生App体验的前端框架。Arale是一个开放、简单易用的前端基础类库。JXJX是一个模块化的非侵入式Web前端框架，特别适用于构建和组织大型工业级Web应用程序。GMUGMU是一个基于zepto的移动端UI组件库，为webapp和pad提供简单易用的UI组件！网络应用程序。ZUI开源HTML5前端框架CloudaTouch.jsTouch.js是一个移动设备上的手势识别和事件库，在百度内部也被广泛使用。就业机会2015年12月5日，《广州互联网行业人才紧缺指数（TSI）报告》显示，前端开发工程师成为广州互联网行业最抢手的职位。前端开发工程师常见岗位要求：（1）使用Div+css，结合Javascript，负责产品的前端开发和页面制作。(2)熟悉W3C标准及主流浏览器前端开发的差异，能够熟练使用DIV+CSS为不同浏览器提供前端页面解决方案。移动端HTML5的性能等优化，为用户呈现最佳的界面交互体验和最佳性能。(3)负责相关产品的需求和前端程序的实现，提供合理的前端架构。改进和优化开发工具、开发流程、开发框架【（4）与产品和后台开发人员保持良好的沟通，能够快速了解??和消化各方需求，并将其落实到具体的开发工作中；能够独立完成功能页面的设计配合产品团队完成功能页面的需求调研和分析。（5）了解服务端相关工作，对交互体验、产品设计等有自己的见解。与“前端开发工程师”相比，资深前端开发工程师经验更丰富，工作职责更大.一般来说，高级前端开发工程师需要使用JavaScript或ActionScript编写并封装性能良好的前端交互组件，并熟练使用CSS+XHTML完美输出可视化界面。同时，还需要对Web项目的前端实施进行专业的指导和监督，在日常工作中对新人和相关开发人员进行前端技能培训和指导。此外，还需要对前端技术进行跟踪和研究，设计并实施全网前端优化。HTML5和node.js（JavaScript编程的后台语言）的兴起，要求资深前端熟悉后端，从业务模型、代码架构思路等方面考虑前端的整体布局,和其他尺寸。前端架构师前端架构师更偏向于管理，但职责要求不限于管理。前端架构师需要带领团队成员完成整个网络的前端框架和优化，创建相应的前端标准和规范，完善、推广和应用自己的标准和框架。同时，还需要从全局的角度为整个网站的信息架构和技术选型提供专业的建议和解决方案。
