2014版前端框架学习路线
从暑训到现在有半年时间了,是不是觉得我们一直在学,却又好像没有学什么一样。真的是没有压力的结果呀。总觉得自己学了这么久了,应该也可以拿出来说说我们已经很棒了。可是,大家都很现实得,不要怪别人说狠话。确实是自己的能力放在那类。学了,但是跟没有学一样。一句话就是不行,因为我们没办法在两个小时里完成一个网站的搭建,我们没办法脱离网络自己独立思考。我们没办法自信到可以随便就能接受别人抛来的橄榄枝,因为,当能力达不到的时候,再多的机遇也是白搭。所以还是脚踏实地的好好学习吧,当机遇碰到了正在努力的你才叫幸运。前端学习不仅要学好JavaScript、html5、css3、前端框架也是必不可少的。
-------------------------------------------------------------------------------------
*************************************前端框架***************************************
-------------------------------------------------------------------------------------
1.flex 2.extjs 3.easyui 4.MiniUI 5.jQuery UI 6.bootstrap 7.angular
-------------------------------------------------------------------------
在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架。
当你学习前端框架的时候,
首先要对这个框架有所了解,它开发出来的历史背景,这样我们在学习的时候也就有所侧重。 其次就是下载这个框架的官方文档,在结合网站的示例进行学习。
最后就是看一些用前端框架做成型的实战项目。
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
*******************************前端框架的基本介绍*********************************
-------------------------------------------------------------------------------------
下面把前端的框架简单的列一下,只是基本的介绍,具体的学习到他们的官网上学。
1、flex
Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。
需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本。
Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进Flex,如修复bug、增加功能等。
从Macromedia卖给Adobe,然后又捐给apache,不知道搞什么名堂。不过还好没有经过大幅重构,否则就真的是悲哀了!
2、extjs
ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
功能丰富,无人能出其右。
无论是界面之美,还是功能之强,ext的表格控件都高居榜首。
华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱!
3、easyui
easyui帮助你构建你的web应用更加容易。
它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。
官方网站是:http://www.jeasyui.com/
但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,并且界面做的还说的过去!
4、MiniUI
又一个基于jquery的框架,开发的界面功能都很丰富。
jQuery MiniUI – 快速开发WebUI。
它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。
使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。
界面做的挺不错,功能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个开发如果想对功能做扩展就需要找他们的团队进行升级!
5、jQuery UI
jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
功能非常全面,界面也挺漂亮的,可以整体使用,也可以分开使用其中的几个模块,免费开源!
6、DWZ
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
设计目标是简单实用,快速开发,降低ajax开发成本。
欢迎大家提出建议,我们将在下一版本中进一步调整和完善功能.共同推进国内整体ajax开发水平。
DWZ论坛 http://bbs.dwzjs.com
在线演示地址 http://demo.dwzjs.com
毕竟是国产的,支持一下,而且源码完全公开,可以选择一下!不过性能怎么样不敢确定!
7、GWT
Google 网页工具包——GWT 提供了一组基于Java语言的开发包,这个开发包的设计参考Java AWT包设计,类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包,将更多地时间投入到GWT应用的开发过程中。
你不用去了解这样那样的javascript框架,通过java你就可以写出功能丰富的界面,可以做单元测试,毕竟是google的产品,严重支持一下!
8、YUI
Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证,基本上没怎么研究过!
YUI Compressor倒是挺出名的,这套UI库不知道应用的情况怎么样!
9、Sencha
Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。
大公司的框架,并且是几样库的强强联合,值得推荐!
10、Dojo
在国内应用好像不是很广,不过性能上应该没问题。
Dojo是一个用javascript语言实现的开源DHTML工具包。
有多个基金会的支持,包括IBM和SUN,都是软件界的泰斗,值得信赖!
11、ZK
ZK是一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架,用于丰富网页应用程式的使用接口。最大的好处是,在设计AJAX网络应用程式时,轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
在线的demo
设计器的demo
日历组件
功能丰富,全面,文档齐全,而且升级了很多次,非常值得推荐!
12、OperaMasks-UI
OperaMasks-UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前,该团队已将这一产品以LGPL 开源协议开放给社区。
文档丰富,功能齐全,而且很容易使用和开发!而且是国产的哟!
13、JavaFX
Sun公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言(以下称为JavaFX)是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景,包括可以直接调用Java API的能力。因为 JavaFX Script是静态类型,它同样具有结构化代码、重用性和封装性,如包、类、继承和单独编译和发布单元,这些特性使得使用Java技术创建和管理大型程序变为可能。
-------------------------------------------------------------------------------------
************************************我想对你说**************************************
-------------------------------------------------------------------------------------
对于前端框架的学习,现在到底适不适合现在学,我认为可能有点难度,因为这些都是在有了大量实战经验的基础上,并且有很好的编程基础,这样在来学习的前端框架的时候就是事半功倍了。所以,在学开始你前端框架学习之前,先评估一下自己的基础到哪里了。如果觉得可以的话,前端开发学习,除了JavaScript之外,先开始你的html5、css和JQuery前端框架的学习吧。JQuery前端框架式目前对流行的,其他前端框架也都是在它的基础上衍生出来的。所谓框架就是模块化代码,让前端想后台一样的模块化,当然,前端也有MVC三层架构,当你的前端开发能够用框架实现整个网站的所有功能,而不用借助后台实现,那么,你的前端技术就牛了。所以,前端现在是很火的,它的前途无可限量,如果你抓住了今天的学习前端的机会,那么你的前途也是无可限量的。