Published on March 10, 2014
ANGULAR JS the super heroic JS MVW framework
TODAY’S WEB ENVIRONMENT • We are surrounded by a lot of diﬀerent devices, emphasis on the mobile landscape ! • We are being pushed to create better and faster web apps ! • We love delivering quality products, uniﬁed and memorable experiences ! • We code in a very challenging environment, where things change daily, and we must do something to survive and stay on top of the wave ! • “Doing something” often means adopting the best tools for one’s workﬂow and include in your personal development toolkit modern frameworks and/or libraries that help you produce amazing experiences ! • Angular is one such example, because of its nice features, mature codebase and robustness
ANGULAR IN SHORT • MVW framework ! • It’s not the only one - there are other frameworks as well like Ember, Meteor, or libraries such as Backbone, CanJS, etc. ! • There’s a diﬀerence between a library and a framework (the latter oﬀers a clear structure for creating an architecture) ! • Why chose Angular? (short comparison vs the other frameworks/ libraries and list Angular’s features like double-way binding/existence of controllers/directives/services/ﬁlters/routing module/etc.) ! • Great for developing SPAs
WHAT IS MVC • Model, View, Controller ! • An architectural decision, a way of organizing your code ! • Separates diﬀerent pieces of functionality and scales very well
WHY MVC,WHY ANGULAR • When building amazing apps, a lot of code logic transfers to the client side ! • Increase emphasis on the presentation, which increases the amount of JS code ! • We need to keep things organized and structured on the client (jQuery is actually not an option) ! • We need an MVC/MV* client-side framework that can help with the base architecture and provide us with a solid foundation that also scales well or risk dealing with spaghetti code ! • Angular can do all that!
INSTALLING ANGULAR • Option one - directly reference it from Google CDNs ! • Option two - download the ﬁle and include it in our index.html ! • Install Angular alongside some other tools that were build with the idea of speeding the client-side workﬂow (Yeoman - Grunt, Bower, Yo)
INSTALLING ANGULAR - 3 • Install Node - http://nodejs.org/ ! • Install Git - http://git-scm.com/downloads ! • Install Yo (this automatically installs Bower and Grunt CLI) - npm install -g yo (http://yeoman.io/) ! • Install the angular generator - npm install generator-angular —save- dev ! • Generate the project - yo angular ! • Run the server - grunt server
PEEK INTO ANGULAR double way binding (ng-model)
The best AngularJS tutorials on the internet. ... AngularJS Lessons. ... we are going to learn how to copy assets from one place to another using Gulp.
FII Practic AngularJS - Lesson one Fii Practic Frontend - BeeNear - laborator3 1. GROW YOUR TALENT WITH US! Iasi, martie 2014 Speakers: Alexandra ...
One Direction Drag Me Down Guitar Lesson. This tutorial has easy chords and capo on 1st fret. Enjoy! F A C E B O O K https://www.facebook.com ...
Why AngularJS? Watch; Tutorial; Case Studies; Seed App project template; FAQ; Develop . Tutorial; Developer Guide; API Reference; Error Reference ...
AngularJS; Angular and Webpack ... Browse all Angular 2 lessons. ... This lessons shows one way to structure your project by feature and how all you need ...
Shape up your script with AngularJS. ... Shaping up with Angular.js Enroll Now to Play. ... in the comfort of your browser with video lessons, ...
... //egghead.io/lessons/angularjs-isolate-scope-attribute-binding ... This one is tougher to ... AngularJS : What is the difference between '@' and '=' in ...
AngularJS examples, ... Having learnt many lessons from AngularJS and AngularDart a lot of thinking is ... This is a site dedicated to learn AngularJS ...
Lesson 1: Luyện Nghe Hội Thoại ... Lesson: 2 Luyện nghe hội thoại - Practic Listening English (Post a letter)r - Duration: 3:12.