AngularJS - Part 1

  • matt
  • 12526 views
Hall-pass

Oops, a subscription is required to view this video. You can enroll now to watch, or try out all that Code School has to offer with a free two-day Hall Pass.

Comments

joshuagee said

I can't wait for this course.

liberium said

Waiting for the course on Angular.js...

Emmanuel Dubuc said

Any idea of when this course will be released?

Thinkbigdev said

In an AngularJS course in the works?

jeetendra said

thanks,very helpful, waiting for full course

DreIJ6 said

Matt, Can you do this same thing in a Rails 4 app or Let me know what I should do differently. I'm sure I've copied everything word for word. I used strong params and updated the controller but the submit button isnt processing anything and I think the command prompt was saying that it couldnt verify CSRF token ( I have since just copied your repo and bulltin rails 4 directory).

Zoe Kay said

That was a helpful intro - a lot to cover but a real example really helped. Thanks!

Martin Pultz said

I'd like to see more of AngularJS, but incorporated into Wordpress or Drupal installs, or just a PHP based project

Martin Pultz said

Looking forward to seeing a course on AngularJS

denis said

thank you so much for this great vid, have been looking for something like this for a long time!

redatest said

Thanks a lot Really it is an awsome introduction. It will be great if there is some advanced courses

podolinek said

Very easy-understanding stuff. Thank you.

attiliop said

My apologies for my comment some days ago. Had a chance to watch again and actually pretty good. Thanks.

Greg Milby said

good tut, but are there instructions for setting up the backend of the demo app? Tyvm!

onnsy said

Thank you! I love your screencast. I am a newbie on Angular JS and this is much helpful.

attiliop said

Wha? Am I the only one confused? Was there a prerequisite to this course? Too much for a newbie, IMO.

sunny said

I am learning AngularJS and this screen cast helpful for me.

Faculty

Matt Schultz said

@BERTOMART Solarized Light. It comes with Sublime.

bertomart said

Very nice cast. What theme are you using for sublime text?

Pulkit Singhal said

This was a great refresher after taking the intro to angular course over at Lynda.com

jusopi said

While this gets me excited to use Angular JS to build a pet project, most of the low-level details were way over my head. I do note that in both this and the Backbone courses, Rails/Ruby were both being used for the service layer. It would be nice to have some extra info on non-Ruby/Rails service layers being implemented with this client-side libs.

Jake Craige said

I agree with Daniel, while it's incredibly fast for someone who hasn't watched any other videos on angular, if you have spend a day or two studying this is a nice pace to where you are just reinforcing things.

Daniel said

Maybe it's too fast for someone completely new to angular, but after reading many posts out there along with example code, this really simplified and solidified my knowledge of how to implement angular in rails!

Mark Fox said

Great, concise introduction. It really helped solidify the Angular style in my head with little effort.

jQrgen said

Wayy to fast

Jorgecas99 said

Thank you Matt. I wish Code School would come up with a course too. The screencast is awesome but certainly anyone learning Angular is going to need more than 8 mins.

Mohamad El-Husseini said

Thanks for the screencast. I do agree with some of the other commenters, though. On a conceptual level this is not beginner friendly. It's missing some basic overview of the core concepts being used to demo the framework.

mbianco said

I think the IDE is sublime

RobCoder said

What IDE are you using in this screencast?

kenjox said

Thanks for a nice screencasts. Is it possible for codeschool to arrange so that we can have angular as a course and not a screencast. Thanks

Faculty

Matt Schultz said

@KONSTANTIN TARKUS

Thanks for the feedback. My goal for these screencasts is, like you said, to provide "a quick introduction to AngularJS without any distractions" -- to just dive in. There could definitely be a more detailed conceptual overview, and that's something I'd like to see in the format of a full Code School course (it took two courses just to cover Backbone). This especially holds true for comparing Factories, Services, and Providers, which are all conceptually similar, but vary in the complexity of their implementation.

In Part 2, my goal was to show the viewer what the structure of a complete Angular app would like by introducing Yeoman, routing, and custom directives. Since directives are so prevalent and important in Angular, I'm working on a Part 3 that deals with a more complex example and addresses some of your best practices questions (e.g. when to create a custom directive and how it should be structured).

To anyone looking to dive deeper into specific Angular topics, I highly recommend the egghead.io screencasts.

Faculty

Matt Schultz said

@SoftEngJason

I think the most significant benefit is the ease of DOM manipulation. Backbone gives structure and convention to what otherwise might be a mess of jQuery code, but you still need to do a bit of heavy lifting when it comes to listening for events and updating the DOM. In my opinion, this is most of the pain in developing Javascript-heavy interfaces. Angular simplifies this by using two-way data binding to keep your HTML and model data in sync, and it introduces the concept of Directives to give you the ability to define the syntax and behavior of that HTML.

Konstantin Tarkus said

Also I guess this video is missing and basic overview of modules, controllers, service, factories, directives, filters.. Instead the author goes right away to usage samples. A novice coder may want to figure out what are all these things before seeing usage scenarios. Short descriptions would be suffice I guess, which would explain the purpose of each of these guys and show the difference between them. For example, what's the difference between services and factories, where you want to use services, where factories, where directives etc.

Konstantin Tarkus said

I like that this screencast is short enough, to get a quick introduction to AngularJS without any distractions. On the other hand for now I don't understand how it's better than free screencasts and documentation on angularjs.org Also I'm expecting to see more real-world samples which portrait a good coding style and design patterns (the angular way).

SoftEngJason said

Matt, thank you for this quick snapshot of the power of AngularJS. I have been trying to figure out which MVC Framework to concentrate on, between Backbone and Angular. I have to say that Angular looks sexy.. What are the benefits of one over the other??

A Nunez said

Great job explaining angular and getting right to the point. It's taken me weeks to pickup how best to do some basic things in angular and you pretty much just hit the nail on the head and made it clear. Definitely looking forward to seeing more lessons on angular. If your looking for a topic, how about AngularJS for cross platform mobile development? I hear some startups are trying that. Plus.io is using AngularJS for that very reason.

EmmyS said

Very helpful. I've already voted for an AngularJS course; hopefully that will come along at some point!

Terry Burns-Dyson said

Thanks for the screencast, great stuff! Look forward to seeing more.

Dave Poon said

Awesome! I am looking forward to more AngularJS screencasts!!

enkhalifapro said

excellent we are waiting for the new screencasts

brent goldstein said

thanks, good stuff, you covered important stuff even from the start like how minifying can affect dependency injection

aliabbas said

Very helpful and informative. Looking forward to more screencasts on AngularJS

About

AngularJS, the Superheroic JavaScript MVW Framework, simplifies many of the challenges associated with developing single-page web applications. In part one of this series, we'll cover the basics of using AngularJS within a Rails application.

Subscribe