欢迎来到天天文库
浏览记录
ID:9087697
大小:264.96 KB
页数:20页
时间:2018-04-17
《直接拿来用最火的前端开源项目》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、直接拿来用!最火前端开源项目对于开发者而言,了解当下比较流行的开源项目很是必要。利用这些项目,有时能够让你达到事半功倍的效果。为此,本文整理GitHub上最火的前端开源项目列表,内容涵盖了HackDesign、 DesignerSchool、TheExpressiveWeb、如何成为优秀的前端开发工程师、Web开发教学材等,这里按分类的方式列出前九个。详细内容如下:一、Architecture网站架构,一般认为是根据客户需求分析的结果,准确定位网站目标群体,设定网站整体架构,规划、设计网站栏目及其内容,制定网站开发流程及顺序,以最大限度地进行高
2、效资源分配与管理的设计。(1) BEM:该方法可以让开发人员快速开发出网站,延长网站的寿命;保持代码的重用性 (2) AtomicDesign:以原子的观点设计系统架构,从具体到抽象构建系统架构·托管地址:https://github.com/bradfrost/patternlab·Video+ Slides·AtomicDesign:SomeThoughtsandOneExample·AtomicDesignMakesMeFeelLikeaChemist(3) Aura:是一个事件驱动的架构,利用可重用的部件,开发可扩展的应用程序 (4)
3、 Terrific.js:提供一个可扩展的JavaScript架构,帮助你对JQuery/Zepto代码进行模块化。 (5) 大型JavaScript应用程序架构的模式e (6) 视频:NicholasZakas:可扩展的JavaScript应用程序架构 (7) 图书:学习JavaScript设计模式 (8) 图书:雄辩的JavaScript (9) 图书:深入单页面的应用程序 (10) jQuery的应用程序架构图 (11) 如何管理大型jQuery的应用程序 (12) 对于CSS的可扩展和模块化架构 (13) 比较不同观察者模式之间的实现
4、过程二、Workflow 工作流就是一系列相互衔接、自动进行的业务活动或任务。一个工作流包括一组活动及它们的相互顺序关系,还包括流程及活动的启动和终止条件,以及对每个活动的描述。 (1) Vid:JavaScript开发流程+ 幻灯片(2) Yeoman:为开发者提供一系列健壮的工具、程序库和工作流,帮助他们快速构建出漂亮、引人注目的Web应用。 (3) Grunt:是一个基于任务的关于JavaScript项目命令行构建工具·Webdevelopmentisgettingcomplex.Let'sgoshopping.·GruntStart(
5、4)前端处理——扁平化构建与自动化·简介·环境设置与Yeoman·Grunt Tasks·CSSFamework(5) CSSCSS:是一个CSS的冗余分析仪,用于分析冗余 (6) Helium:通过JavaScript工具扫描网站,显示未使用的CSS (7) Roots (8) Sparky.js:是一个客户端应用程序框架,可以帮助那些不想订阅特定客户端的MVC框架,却想使用该框架的用户。 (9) Brunch:是一个针对HTML5应用的汇编程序。 (10) Automaton :它是内置在JavaScript中的任务自动化的工具。 (11
6、) Cartero三、FrameworksFrameWork即架构,提供了软件开发的框架,使开发更具工程性、简便性和稳定性。1.JavaScript篇JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能。(1)Angular: 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。托管地址: https://github.com/angular/angular.js学习资源列表:·AngularJS学习·AngularJS截屏·通
7、过AngularJS建立Huuuuuge应用程序·AngularJS中的范围原型/原型继承的细微差别是什么?· AngularJSfromBasicstoDependencyInjection·AngularJS做列表应用程序·AngularJSvs. Ember: It'snotevenclose · TheHitchhiker’sGuidetotheDirective·使用Grunt和AngularJS的前端工作流集成实例·angular-requirejs-seed·使用Bower编写可重用的AngularJS组件· NativeAngu
8、larJSdirectivesforTwitter'sBootstrap· AutomatingAngularJSWithYeoman,Grunt&B
此文档下载收益归作者所有