JavaScript Study Group: AngularJS

Angular is kind of hot so let's learn it! Please work through the assignments to prepare for our first session. We'll be having a discussion on these assignments so it will be helpful if we do them prior to showing up on Sunday. We'll figure out the next steps from there.


Assignments:

Read the AngularJS Conceptual Overview

Watch this video: Introduction to AngularJS

Start working through the official AngularJS tutorial


Prerequisites:

The ability to write HTML + CSS

Be able to write vanilla JavaScript

Know how to write object-oriented JavaScript

Understand what MVC is

Join or login to comment.

  • A former member
    A former member

    I for one learn much better when I have a project to tackle.

    I've played around with the idea of a simple app for creating surveys or polls. The app would have a survey builder, which would then generate a javascript snippet which can be copied and pasted to another website or blog, and allow visitors to submit their answers. Essentially something like this but freer: http://www.widgetbox.com/widget/poll-pro This seems well-suited to using Angular for the survey builder.

    If anyone's interested in working on this with me, let me know. Here's my rough-around-the edges repo:
    https://github.com/phrasemix/surveyrr

    November 24, 2013

    • Bruce I.

      The problem with projects, is that that they filter out members to nothing, as they progress. That said, I am interested in combining http://mean.io/­­ with yeoman generators, like https://github.com/jrc...­­ or https://github.com/jac...­­ or https://github.com/wle...­

      November 25, 2013

    • A former member
      A former member

      I second that. Asking someone to use MEAN is like asking someone to fly a plane after they passed their driving test. It takes away focus from learning Angular into something else [though it is recommended at some point to learn the whole stack]. I highly recommend looking into tools like Parse.com which minimize, if not eliminate, the need of a backend. They have content storage, querying, notifications, user registration/login etc. Pretty much all the things you need from a backend. Everything is done via API so learning curve is simply knowing them.

      November 25, 2013

  • Craig W.

    Thank you Jamal for setting up this Meetup. The tutorial that you assigned was a great entry into Angular. I worked through most of it before the meetup and fixed my errors later.
    Having those assignments helps to activate the group. We can do the video tutorial that we watched in the meantime. I learned a lot listening to everyone.

    November 25, 2013

  • Vietnhi P.

    The video was excellent but it was long (75 min). I recommend that we break the showing for a couple of minutes for each section to give everybody a chance to get their concentration back.

    November 24, 2013

  • Dirk

    I'm afraid that today is just not working out for me. I really hope this will happen again soon.

    November 24, 2013

  • Vietnhi P.

    Letting you know that the Pluralsight Meetup, which is possibly the best Javascript Meetup in the City, is running the six-week Pluralsight video series on Angularjs starting Mon, 6 Dec 2013. You can join the Pluralsight Meetup and sign up for the series right now. Don't wait until the day it happens to sign up, because getting into the Microsoft building could get exciting :)

    http://www.meetup.com/NYPluralsightStudy/events/calendar/?scroll=true

    1 · November 19, 2013

    • jaime m.

      thanks for the tip

      November 19, 2013

    • Jamal

      Good call. I just signed up for a PluralSight membership not too long ago.

      November 20, 2013

  • A former member
    A former member

    Let me see if I can find a conference room @ DUMBO NYU-Poly Incubator. I think it can do at least 20-30 people.

    November 15, 2013

    • Jamal

      Was trying to get a larger space for Weds but it wasn't happening. We're all set on space now.

      November 19, 2013

    • Vietnhi P.

      Let's hijack much of the big room at Alley :)

      November 19, 2013

  • Jason

    Are there some choice tutorials online that you can point us too for those who won't be able to make the this weeks meetup?

    1 · November 18, 2013

    • Jamal

      Lingke, thanks for the suggestion. How long would you say it takes to go through the Angular tutorial? Is it something that can be done in a couple of hours, a couple of days or a couple of weeks?

      November 19, 2013

    • Jamal

      Just checked the site, looks like it can be done in a couple of hours.

      November 19, 2013

  • A former member
    A former member

    At kipinhall.com, we exclusively use angularJS for our entire front end, since its a single page app.
    Its been a crazy ride and we came a long way. We will soon be opensourcing some directives, widgets etc.
    To understand angularjs, you gotta understand scopes, hoisting, closures and prototypical nature of Javascript. I am on a waiting list & there are 22 people on it, so maybe we could arrange another session. I would love to attend and hack with you guys.

    1 · November 12, 2013

    • Russell J.

      The one time my schedule permits and now i'm on the wait list.... COME BRO lol

      November 14, 2013

    • Jamal

      lol.

      November 19, 2013

  • Scott

    Wow long wait list.

    November 18, 2013

    • Jamal

      The wait list has been removed. :)

      November 19, 2013

  • Linda P.

    Wow, lots of people on the waitlist! Any chance this'll get moved to Alley NYC?

    1 · November 14, 2013

    • Jamal

      Just moved it to Alley and will be removing the wait list.

      November 19, 2013

  • A former member
    A former member

    for the curious, what happens here and more importantly why?

    function Constructor(name) {
    this.name = name;
    return this;
    }

    var a_obj = new Contructor('spock');
    var b_obj = Contructor('kirk');

    console.log(a_obj.name); //??
    console.log(b_obj.name); //??
    #if either a_obj and b_obj printed prop error doesn't exist, so where did this.name go

    -----------------------------------
    #another one
    funcs = [];
    for(var i = 0; i <=5 ; i++) {
    funcs.push(function() {
    return i;
    });
    } console.log(funcs[0]()); //should it print 0?
    console.log(funcs[5]()); //should it print 6?

    1 · November 18, 2013

    • jaime m.

      When you call the constructor function without the `new` keyword the context of execution is the global namespace so when you invoke `Constructor('kirk'­)` you'll get a global variable `name` with the value `kirk`.

      November 18, 2013

    • A former member
      A former member

      bingo. on contrary if the function is part of object literal, then 'this' points to the object literal. also, what about the second one and what would be the solution.

      November 18, 2013

Our Sponsors

  • Microsoft

    Microsoft provides space for our meetups and study groups.

  • WeWork

    WeWork provides space for our meetups and study groups

  • Code School

    Code School provides Swabbies with a free 48 hour hall pass.

  • Thinkful

    Swabbies get $50 off each month of Thinkful's online mentorship course.

  • Treehouse

    Treehouse provides a special rate for Swabbies; inquire at our meetups!

People in this
Meetup are also in:

Create a Meetup Group and meet new people

Get started Learn more
Allison

Meetup has allowed me to meet people I wouldn't have met naturally - they're totally different than me.

Allison, started Women's Adventure Travel

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy