Development on Va...
Follow
Find tag "Templating"
7.4K views | +0 today
Development on Various Platforms
Your new post is loading...
Your new post is loading...
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Angular Blocks

Angular Blocks | Development on Various Platforms | Scoop.it

I really enjoy using block-style template inheritance in Jade and Handlebars. From my understanding, this pattern was popularized by Django.

AngularJS rocks, but it relies on template inclusion to define layouts. This means the a layout context is spread across several templates. With block-style template inheritance, layouts are defined within a single template. Moreover, multiple layouts can be DRY’ed up with inheritance.

So I set out to build angular-blocks, an AngularJS module, to support template blocks.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Get Angular, Durandal, and JavaScript Templates with SideWaffle

Get Angular, Durandal, and JavaScript Templates with SideWaffle | Development on Various Platforms | Scoop.it

Hungry for some file templates to get you started in the morning? Well now you can fill up on a set of web template packs for Visual Studio 2012 and 2013. SideWaffle is an open source project that creates a Visual Studio extension containing a set of file templates you can use for web projects.
SideWaffle currently has several templates including 10 I contributed for Angular, Durandal, and creating a JavaScript IIFE. One of the best parts is that SideWaffle will be frequently updated with new and useful templates (they do check for high quality templates). I expect that in the near term we’ll see a lot of additions.
* Angular Controller (using Controller As syntax)
* Angular Controller (using $scope)
* Angular Directive (creates a skeleton for a directive)
* Angular Factory (great for data, logging, and other services)
* Angular Module (sets up a module)
* Durandal ViewModel
* Durandal Service
* Durandal main.js (common creation syntax for kicking off Durandal)
* JavaScript IIFE (Basic IIFE using vanilla.js)
I use the Angular templates in my upcoming course at Pluralsight on using Angular and Breeze to build a powerful SPA.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

OJ - A JavaScript library to build websites with objects.

OJ - A JavaScript library to build websites with objects. | Development on Various Platforms | Scoop.it

OJ is a JavaScript library with the goal to make objects that create and live edit the web.

When making a website you have to keep in mind HTML, CSS, and JavaScript code. In OJ, all three parts are unified into objects. OJ can render to HTML and CSS as well as bind JavaScript events.

The benefit is that OJ objects have no dependencies. There is no need to read the docs to be sure the HTML is correct, or see if the CSS is included. Everything just works.

* Abstracts the web into view objects that create and change websites
* Unifies templating of HTML, CSS and JS
* A library written entirely in JavaScript
* Backbone support built-in with two-way model and collection binding
* Includes the simple smart objects: List, Table, Button, and form elements
* A growing collection of plugins: VimeoVideo, AceEditor, and more!
* DOM manipulation client-side
* HTML and CSS creation server-side
* Node server-side support (in progress)

 

 


Via Jan Hesse
more...