by Kai Koenig
AngularJS is a Javascript framework that comes with the subtitle “What HTML would have been had it been designed for web apps”. With HTML5 currently being overhyped and both Adobe as well as Microsoft turning the back to their former plugin-based poster children Flash/Flex and Silverlight, a lot of web developers ask themselves: “Now what?”. The technology stack of HTML5/JS and CSS will obviously play a more and more important role in the future; the frameworks, libraries and tools we have at hand do not quite compare to what the aforementioned plugin environments can provide though.
This becomes clear in particular when we’re trying to build complex but still well structured applications in HTML and Javascript. Even the use of frameworks such as jQuery, ExtJS etc will in many cases lead to an unfavourable architectural structure. AngularJS tried to overcome those issues and provide developers with an MVC-based architecture, Dependency Injection and Data Binding. The best is – it still works fine in combination with the JS libraries of your choice, there’s no need to drop tools like jQuery.
In this half-day hands-on class we’re going to get you started with application development in AngularJS. You should have a good working knowledge of HTML and Javascript, jQuery experience is useful, but not necessary. Topics will be: Templating, the MVC pattern in general and with AngularJS, Data Binding, View Routing and service and external resource integration.
What features could Adobe Edge possibly include that would appeal to designers and developers working in Flash Professional? Well, turns out to be a whole lot! From authoring motion content to rich interactivity for the web, Edge effectively borrows a lot of the familiar constructs and paradigms from Flash Professional - and even improves upon some. We'll walk through similarities between Flash Professional and Edge and how designers familiar with older toolsets can adapt that knowledge when integrating Edge into their workflow. We'll also look at methods of sharing assets and the transport of content between related applications.
Breaking news: HTML5 is being used to build applications and websites.
In this session we will do a thin, lateral slice of what is available to designers and developers in the stack, and how it can be used to build applications and websites. We will not be living in code, but we will cover a lot of tech in a short amount of time. Also, Tom Green stole my title for his blog post.
Currently in my day job I make extensive use of HTML prototypes to quickly communicate interaction and visual design. In this session we will cover the pros and cons of this workflow, how it works in an iterative process (AGILED!), and the tools that I use to ease the pain.
by Kai Koenig
AngularJS is a Javascript framework that comes with the subtitle “What HTML would have been had it been designed for web apps”. This talk introduces AngularJS briefly and will then show why it’s one of the best application frameworks based on the HTML5/JS/CSS-stack out there. AngularJS’ templating system and data binding mechanism usually lead to well defined responsibilities for both designers and developers. While going through the workflow of building an AngularJS app we will have a look at the different interaction points between design and development and you’ll learn how the framework helps both roles to build a well working application as well as how to create clean and maintainable front end markup and code.