目前常用的一些前端的框架

AmazeUI这是称为妹子UI的开源框架，据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。AmazeUI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。

Angular：Angular是一款优秀的前端JS框架，Angular有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。

前端三大框架，是Angular、React、Vue，这三个框架现在是最为流行也是最多人用的框架。React：声明式设计：React采用声明范式，可以轻松描述应用。高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。

Web前端框架之Vuejsvuejs优势介绍：渐进式构建能力是vuejs最大的优势，vue有一个简洁而且合理的架构，使得它易于理解和构建。

vue-element-admin一个基于vue0和Element的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板已经非常成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

前端开发需要掌握HTML、CSS和JavaScript等技术。

1HTML

HTML是网页的基础，前端工程师需要熟悉HTML的语法和标签，了解如何在HTML中嵌入其他资源（如、视频等），并能够根据设计稿进行页面布局和排版。

2CSS

CSS是用于美化页面的技术，前端工程师需要掌握各种样式属性和选择器，了解CSS盒模型以及各种定位方式，并能够运用CSS实现页面设计稿中的样式效果。

3JavaScript

JavaScript是用来实现网页交互和动态效果的编程语言，前端工程师需要熟悉JavaScript的语法和基本数据类型，了解DOM编程以及Ajax等技术，能够通过JavaScript实现页面各种交互和数据处理功能。

4前端框架

前端框架是由众多前端工程师共同维护和开发的一套工具和库。掌握前端框架可以大大提升前端开发效率，如React、Vuejs等。

5版本控制工具

前端开发通常都涉及多人协作，因此熟悉使用版本控制工具如Git是必不可少的，以便更好地管理和共享代码。

6UI设计基础

虽然前端开发主要是实现设计师提供的页面设计稿，但熟悉常见的UI设计原则和元素（如色彩、排版、字体等）能够更好地理解设计师的意图，并在具体实现时进行有效的沟通和协作。

7其他基础技能

前端工程师还需要熟悉HTTP协议和网络安全知识，了解测试、代码质量保证等其他基础技能。

总结：前端开发需要掌握HTML、CSS和JavaScript等技术，熟悉前端框架和版本控制工具，具备一定的UI设计基础和其他基础技能。

Web前端最开始的前端网页主要仅供读者浏览的静态网页，而现在的Web前端是与网站前/后台系统的页面相关。Web前端对于网站来说，指网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现。

　　Web前端开发是利用各种Web技术进行客户端产品的开发，完成客户端程序的开发。在开发过程中要考虑到多样式兼容性的问题，因为ie、火狐、Chrome等各大浏览器内核不一，使用到新特性的时候需要给样式加上最基础的兼容前缀，所以最好的做法还是尽量避免使用新样式属性来完成预期的效果。Web前端开发结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

　　Web前端开发主要是使用HTML、CSS、JavaScript技术，将美工提供的美工图转化为网页。在前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。Web前端开发前，需要将需求确定好，结合概念进行开发，可达到事半功倍的效果，在应用web开发技术时也会得心应手。

　　Web前端开发的主要职能就是把网站的界面更好的呈现给用户。在目前的物联网时代的发展里，Web APP和HTML5迅速崛起，Web前端的开发也不仅仅是局限性的做做电脑网页设计之类的。

所有网页都适合新手去[抠鼻]

根据新手的背景不一样，

有美术素养的可以做官网，宣传页，促销页等，最好是套模板改，这样既有成就感，也能磨练技能，打小怪了。

然后去做交互复杂的页面，就是和用户要简单交流，要酷炫的，那种。

然后慢慢的去做后台管理界面，和后端撕逼过程中增加逻辑能力，为未来复杂的单页程序做准备。

后端出生，先去写内部用的后台界面吧，就是自己调试用的界面，免的交互工程师在哪哔哔，等有一定能力后，写真正的后台管理界面，增强自己和交互经理的战斗力，最后是海报类的网页，建议后端程序员别干这个[机智]，直接跨到vue，react，angylar等单页去。

在的前端开发已经不仅仅是简单网页制作了，需要做很多复杂的交互设计。

Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

网页美工是美工用Dreamwerver等网页编辑软件把已经设计好的平面效果图，制做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了，也就是所谓的切图。

web前端目前三大主流框架都是Angular、React、Vue，当然还有其他前端框架，像QucikUI等等一些kuang'jia框架。

Vue

Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

React

React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，拥有较高的性能，代码逻辑非常简单。

Angular

一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

后端的开，，PHP框架有Laravel、CakePHP，Python框架有Django，Ruby on Rails框架是一个用Ruby编程语言编写的服务器端Web框架，Ruby鼓励使用设计模式，如MVC和DRY。

前端开发

含义：Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。

发展：在互联网的演化进程中，网页制作是Web10时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

核心：掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。

网页制作

含义：网站是企业向用户和网民提供信息（包括产品和服务）的一种方式,网页制作是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。网页制作是指使用标记语言（外语：Markup Language）。

发展：网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。

特性：网页可以分为静态网页和动态网页。静态网页页面上的内容和格式一般不会改变，只有网管可根据需要更新页面；动态网页的内容随着用户的输入和互动而有所不同。

网页设计

含义：网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息。（包括产品、服务、理念、文化）

发展：网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

分类：分为三种大类，功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

工作目标：通过使用更合理的颜色、字体、、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。