addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1light-bulblinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

ngMad:02 - Angular 101

Welcome to the second installment of ngMad!

In the last meet up, we learned that many developers in the MadJS community are fairly new to AngularJS. We thought it’d be a good idea to spend a few meet ups starting from scratch introducing Angular and demonstrate some of it's basic capabilities. In this meet up, we’ll introduce Angular and its core concepts like data binding, scopes, dependency injection, services, and directives with live demonstrations.

We’ll meet 6:30pm, June 25th at 100 State. Pizza will be provided at the event. For those of age, we’ll buy the first round at a nearby after-party (location TBD, looking at Brocach right now).

Join or login to comment.

  • Cliff S.

    I would vote for tue, wed, or thu ( but not the 3rd tue - madfox ). I like the timing to be 1800 - 1830hrs for the start - takes me just under two hours depending on traffic - I don't really care where it is in Madison - whoever is kind enough to host is good enough for me. I really didn't have trouble parking last meeting - the ramp had room - I did have a bit of a time finding the arcane entrance through the food place...

    July 8, 2014

  • Perry

    ok, I'm ready to schedule another meetup. Is there a particular day that works best for everyone? I know it was a little unfortunate that the last meetup was during concerts on the square. So sound off, what day of the week works best?

    July 7, 2014

    • A former member
      A former member

      Tuesday through Thursdays work great for me!

      July 7, 2014

    • Timothy N.

      Perhaps a doodle would be helpful? Otherwise, I'd vote for Tuesday or Thursday's.

      July 8, 2014

  • Cliff S.

    So I have to agree with Max that stuff like 'hello, world' does not give a real look at angular's awesome abilities. Here is a link: https://hawkridge.cloudant.com/partsdemo/_design/PartsDemo/index.html to a very simple app that does use a lot of the best of angular. It is small, but uses a service, a custom directive, and the usual cool angular stuff. This is easy to understand, and the code is short. I did this as a demo and it took about 6 hours (half of it dinking with CSS). I have very basic design specs, MVC diagrams, and typical folder structures already diagrammed out. Enough interest and I would gladly go through this at the next meeting.

    June 27, 2014

    • Dory O.

      Ha...I just read that as "it tood about 6 hours (half of it DRINKING...)" ...which would have been very impressive!

      July 7, 2014

  • Cliff S.

    oops, forgot to open the database up, should be ok now...

    June 28, 2014

  • G

    If possible, could the ngMad meetup be hosted elsewhere? Concerts on the square and other events make it difficult to get downtown during summer. I know someone that took an hour to get there from Midvale Blvd. After being in traffic for 30 minutes from the same area but I gave up after not finding parking as I felt I would have been too late.

    1 · June 26, 2014

    • Joel M.

      I suggest taking the bus. Knowing traffic/parking would be bad, I hopped on at Midvale and Mineral Point. I was at State St. in about 20 min. It runs every half-hour at that time. There are many bus stops, probably one near you. If you don't have a bus pass, make sure you have 4 one dollar bills (2 bucks each way).

      June 27, 2014

  • Brad O.

    Hey all! Sorry I couldn't stick around for the whole meetup/happy hour afterwards. I wanted to mention that I'm looking into starting an Ionic-based app development company here in Madison, so if anyone's interested, shoot me an email ([masked]) and we can talk. Thanks!

    June 27, 2014

  • Joel M.

    I also asked about IE support which some people did not like. My question was not "Why even use angular if it does not support IE8?" My question was "tell us about IE support." I was in no way dismissive of angular.

    I know it's not cool to be concerned with IE or old versions of IE, but it is a real-world problem. I've written data visualizations in flash for medical software. I will need to port these to JS soon. As we know, medical industry lags browser-wise. Difficult issue.

    I've had recent IE issues with other clients as well. One client wanted IE8 support, but I added $ to the estimate so they dropped that requirement. Knowing
    that IE8 angular support is a "maybe-but-very-painful" is useful.

    June 27, 2014

    • Max L.

      Just wanted to clarify that Angular 1.2 supports IE 8. Since Google does not support IE 8 for their applications, they are not going to *officially* support it in 1.3 and then 2.

      However, I saw the Angular team speak at ngConf earlier this year, and they expected to see a widely used extension library come out that would be community supported to ensure IE 8 compatibility. Take a look here for more info: http://blog.angularjs...­

      June 27, 2014

  • Perry

    Thank you so much to everyone who was able to make it. Here's the examples we went over. We skipped one, and there's a number of elements in the last example that we brushed over, or skipped entirely.
    https://www.dropbox.com/s/51sw81dk5c2gnty/angular%20101.zip

    Next time, I'd like to pick up where we left off, discussing directives. Then move on to animation, broadcasts, and then common libraries like UI Router. At the happy hour, people also requested examples of how to orgnaize larger applications and how all these pieces communicate when things scale. I'd like to touch on this as well. Anything else?

    3 · June 26, 2014

    • Ricky M.

      You started talking a bit about folder structure, I think that seeing an example of this would be awesome just so the super noobs like myself could get started on trying to make stuff.

      1 · June 26, 2014

    • A former member
      A former member

      I'd like to know more about 2-way binding you mentioned, and seeing some examples of angular working with realtime (socket.io) functionality.

      June 27, 2014

  • Joel M.

    Great talk. Thanks Perry for taking the time to put the presentation together. I'm now a little smarter wrt angular.

    Regarding the provider question: I'm the guy who asked that question which some (maybe all) people found tangential.

    I want to be clear, I was not proposing that Angular is stupid or badly designed. The angular authors are smarter than me. They clearly know what they are doing. My problem relates to the fact that Providers appear to replace an extremely simple, well-known construct: the plain-old, regular function definition. Providers are clearly more complex. So why do they exist? Why replace something that is simple and obvious with something that is not? I believe understanding this is fundamental to understanding Angular. Until I understand this, I will not be able to grok angular.

    To me, this question was not tangential, but goes to the heart of what angular is. And now I have a clue: testability, easy to mock.

    June 27, 2014

    • Max L.

      Hey Joel. The problem with simple Angular demos is they seem to be overkill. Why use something so complicated to do something so simple?

      Angular really shines when your application is large. For example, I am working on a 5000 line Angular app right now. If I used plain old javascript functions, the application would be a complete mess.

      Not to mention it would be very difficult to mock those functions and replace them with testing services. Want your Geolocation API to grab fake testing data? In Angular that's as simple as creating a Mocked Geolocation service and it all Just Works.

      Of course, you can build great applications with plain JS, but most people (myself included) find that over time I make poor decisions that create more mess and make the application a lot harder to maintain. Having built similar applications with Backbone and now Angular, I have reaped the rewards of having strong structure even if it seems complicated for small problems.

      2 · June 27, 2014

  • A former member
    A former member

    Very informational, interactive, well though, and spoken! Agreed with comments below that there were some tangents, but were generally productive and sparked conversation. Some red herring questions did nearly derail conversation though (ala 'why even use providers?', or 'if no ie 8 support, why do people even use it?'). Suggestion for next time: offer Angular juice at the door. If you don't take a cup, you don't get to ask questions lol.

    1 · June 26, 2014

  • A former member
    A former member

    Angular seems like a really interesting technology. I thought Perry did a good job of introducing it. He was realistic and not preachy. I feel like we jumped in too deep too quickly. Some questions also derailed the lesson as they were either very detailed or very advanced. I also felt like the demos were a little complex for beginners. I come from a Rails/PHP background, so all of this was new. For example, the callback zigzags that were used intimidated me. It would be nice to have the whole MVC-like structure laid out, and for the demo code to be written in a more novice-friendly way. Anyway, I'm excited for the next talk, and MadJS seems like a very friendly and interested community.

    2 · June 26, 2014

  • Ricky M.

    Perry was a good presenter. Only complaint is that we got a bit distracted (only able to get through 1/2 of the examples) by some very advanced questions. I thought it was a cool presentation, and I'd go to another.

    2 · June 26, 2014

  • Will

    Thanks for the battarang tip. And that lead me to this: http://blog.angularjs.org/2012/07/angularjs-now-hosted-on-google-cdn.html

    1 · June 26, 2014

  • Charlene W.

    Perry did a great job with Angular 101.

    June 26, 2014

  • Jacob R.

    Good introduction to Angular. I think perhaps a bit too in depth for some folks but I certainly enjoyed it. Looking forward to the next one!

    1 · June 26, 2014

  • Andrew S.

    Good introduction. Can't expect a full course on Angular in an hour but Perry covered a lot of different topics.

    2 · June 26, 2014

  • Jeff B.

    Excited to join MadJS! Logistics note: June 25 is also the first Concerts on the Square, which starts at 7pm.

    June 17, 2014

    • A former member
      A former member

      Solution: organizers buy a case of wine instead of 1st round, and everybody else BYOB(blankets).

      1 · June 25, 2014

    • Jeff B.

      Obviously we'll be sipping Prairie Fumé as we talk code.

      June 25, 2014

  • Timothy N.

    Our of town :-( Looking forward to future events!

    June 4, 2014

  • A former member
    A former member

    I will see what I can do to make this. This seems like just the kind of thing I want to be at!

    1 · June 4, 2014

Our Sponsors

People in this
Meetup are also in:

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