addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwchatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-crosscrosseditemptyheartfacebookfolderfullheartglobegmailgoogleimagesinstagramlinklocation-pinmagnifying-glassmailminusmoremuplabelShape 3 + Rectangle 1outlookpersonplusprice-ribbonImported LayersImported LayersImported Layersshieldstartrashtriangle-downtriangle-uptwitteruseryahoo

Intro to AngularJS Directives

One of the most powerful pieces of AngularJS is the HTML compiler and its extension api called "directives". During this meetup we'll dive into how the compiler works and how to create new directives and using these tame all sorts of DOM manipulation problems. Karl Seamon, Software Engineer from Google will present.

After, there will be a presentation on rendering templates on the server side for SEO purposes with AngularJS using PhantomJS. Adam Parrish and James Wanga from HBO will present.


Agenda:

6:15pm - Door opens, Food, Drinks and Socializing

6:30pm - Announcements

6:40pm - Intro to AngularJS Directives

7:20pm - Q&A

7:45pm - Rendering templates on the server-side with PhantomJS

8:30pm Q&A and socializing

~8:45pm - The end

NOTE: If you signed up for the meetup of the same name with date TBD, you will need to sign up for this one again to attend. Apologies for the confusion.

Join or login to comment.

  • Andrew L.

    Here is the video from this meetup:
    http://youtu.be/iB7hfvqyZpg

    Thanks again to the attendees and presenters

    October 9, 2012

  • James W.

    Hi everyone. Ive posted a new blog on phantomjs rendering using node.js. http://thedigitalself.com/blog/seo-and-javascript-with-phantomjs-server-side-rendering

    October 5, 2012

  • Adam P.

    I also just posted slides if anyone wants to snag them and take a look they are here: http://www.neosavvy.com/angularSlides.pdf

    1 · September 26, 2012

  • A former member
    A former member

    Very informative! One technical suggestion for next time is to have both screens show the laptop screen; hard to see from the one side of the room. Thanks!

    September 26, 2012

  • James W.

    Like Adam, I want to thank everyone for giving us more to think about. Over the next day or two I'm going to make some improvements to the demo app so watch the github repo posted above. If you have any questions feel free to email me at [masked]

    1 · September 25, 2012

  • Adam P.

    Hey all: thanks for all the great questions today. Here is the code for the PhantomJS integration we used. https://github.com/neosavvy/angular-phantom-renderer

    Here is Flixy (James' nifty Angular app)
    https://github.com/thedigitalself/flixy

    Email me at [masked] and I'll help with what I can. I need to check in the code on the machine we demoed off of for anyone who wants a look.

    1 · September 25, 2012

  • Ed C.

    Appreciated the speakers and got good information. However, it's a wide room and the presentations are difficult to see because it's only displayed on one side of the room. Please try to remedy this for future events. In the meantime, I'll just have to get there early :-)

    September 25, 2012

  • Karl S.

    The example I used is here: https://github.com/mhevery/demo-directives

    The official documentation on creating directives is here: http://docs.angularjs.org/guide/directive

    September 25, 2012

  • Tim K.

    Karl, is it possible to post the slides from today's presentation?

    Thanks to everyone for presenting.

    September 25, 2012

  • A former member
    A former member

    Full house, that's great!

    September 25, 2012

  • Ed C.

    Getting more into JavaScript and AngularJS. Looking forward to it.

    September 12, 2012

Our Sponsors

  • zen.digital

    Pays Meetup Dues. Sponsors talks on AngularJS at conferences worldwide.

  • Google

    Manages AngularJS development. Meetups take place at Google's NYC HQ.

  • JetBrains

    WebStorm licenses

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