https://github.com/xmlking/kendo-requirejs-bootstrap

AMD-aware kendoUI seed project with Twitter Bootstrap and Themes
https://github.com/xmlking/kendo-requirejs-bootstrap

Last synced: 5 months ago
JSON representation

AMD-aware kendoUI seed project with Twitter Bootstrap and Themes

• Host: GitHub
• URL: https://github.com/xmlking/kendo-requirejs-bootstrap
• Owner: xmlking
• License: mit
• Created: 2013-07-22T15:53:27.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2013-07-25T19:02:50.000Z (over 12 years ago)
• Last Synced: 2025-03-25T06:28:09.956Z (10 months ago)
• Language: JavaScript
• Size: 2.53 MB
• Stars: 2
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.textile
  • License: LICENSE

Awesome Lists containing this project

README

          
h1(main). kendo-requireJS-bootstrap

AMD-aware Kendo UI project template with Twitter Bootstrap and Themes

p. This is a boilerplate project for building AMD-aware(modular), widget driven _non-trivial_ web applications.  

h2. Features

# *AMD(Asynchronous Module Definition)-Aware :* For Dependency Management, Asynchronous Resource Loading, Lazy Loading with "RequireJS(Asynchronous Module Definition)":http://requirejs.org/docs/whyamd.html. 

# *CSS Framework :* For base CSS, responsive grids, layouts, and components with "Twitter Bootstrap":http://twitter.github.io/bootstrap/

# *Themes :* Saving the web from default Bootstrap theme with "Bootswatch":http://bootswatch.com

# *Modernizr :* A browser feature detection library, includes polyfills, HTML5 Shiv, YepNope.js for conditional resource loading. 

# *Kendo UI :* Rich UI widgets for data visualization and client-side MVC framework for Mobile and Web app development. 

# *Custom Kendo UI widgets :* checkout AMD-Aware Console & LED widgets

 

h2.  Scaffolding

bc. 

WebApp:

	crossdomain.xml

	dashboard.html

	index.html

	users.html

	LICENSE

	README.textile

	ico: (apple-touch-icon-*-precomposed.png, favicon.ico, favicon.png)

	img: (App images)

	css: main.css

	scripts:

		config.js   (requireJS config)

		dashboardPage.js  (dashboard module main)

		dashboard:   (your module)

			main.js

			router.js

			models:

			templates:

			viewModels:

			views:

		users:  (your module)

		partials:  (partial HTML templates)

			_grid.html

			_list.html

		utils:  (app utils module)

			main.js

		libs:  (3rd/reusable  party modules)

			bootstrap:

				css:

					bootstrap-responsive.css

					bootstrap-responsive.min.css

					bootstrap.css

					bootstrap.min.css

				img:

					glyphicons-halflings-white.png

					glyphicons-halflings.png

				js:

					bootstrap.js

					bootstrap.min.js

				main.js

			console: (custom widget)

			holder:

			jquery:

			kendo:

			modernizr:

			pnotify:

			require: (AMD loaders , plugins)

				css.js

				domReady.js

				i18n.js

				is.js

				json.js

				require.js

				text.js

	services: (dummy services for testing)

		april-sales.json

		boeing-stock.json

		crime-stats.json

		job-stats.json

		readme.txt

h2. TODO

# Use HTML DSL(Domain Specific Language) syntax for declarative initialization of widgets.

# Integrate with AngularJS and demo Lazy Loading of UI widgets & Modules

h2. References

* "Writing Modular JavaScript With AMD":http://addyosmani.com/writing-modular-js/

* "SPA(Single-Page App) with Kendo UI":http://demos.kendoui.com/websushi/