Main Meeting: Leveraging AngularJS & TypeScript to build apps - Sidney Andrews

We have spent a long time following the SOLID principles in our .NET projects to build enterprise-class software that is expansive, extensible and maintainable. When writing JavaScript, we try out best to follow the same principles, but many times it's a challenge and especially so if you're new to writing a large amount of JavaScript.

This presentation is going to go over how you can use AngularJS to build applications in a tiered manner and use modules and controllers to have a true sense of logic isolation and single-responsibility in your JavaScript. But the biggest twist will come when TypeScript is introduced into the mix and demos are shown where AngularJS controllers will look very similar to the C#/VB code we write today. You'll get to see how you can leverage generics and inheritance to have a base view repository in TypeScript that can be inherited from by your Angular controllers to maximize code re-use and bring the SOLID concepts from the back-end to the front-end. We'll also look at how we can use TypeScript as an instructional tool to teach junior developers how to write truly amazing JavaScript.

Sidney Andrews (http://www.sidneyandrews.net) is a Microsoft Certified Trainer and .NET consultant with The Computer Solution Company (TCSC) in Richmond, VA. He has been developing in .NET since 2006 when he competed in Imagine Cup for VCU. He was bit by the Silverlight bug in 2008 and hasn't looked back since with many of his projects involving WPF or Silverlight in some manner. Sidney has spent the last couple of years focused on architecting enterprise-class web applications using Windows Azure and the latest front-end technologies. He has also been featured by Microsoft Learning on BornToLearn (http://tinyurl.com/borntolearnsidney). Most recently he has been creating ASP.NET MVC 5 applications in SharePoint 2013 and AngularJS applications in SharePoint 2010.

Meeting Agenda:

5:30-6:00 - Welcome/Food 
6:00-6:15 - Announcements 
6:15-7:45 - Presentation  
7:45-8:00 - Give-aways

A special thanks to October's main meeting sponsor!

Join or login to comment.

  • Sidney A.

    The latest version of Web Essentials has added split-screen support back. They needed to remove their TypeScript editor because it conflicted with the one made by the Visual Studio team. Just make sure you have the latest version of TypeScript and Web Essentials. Also, you can debug your Typescript inline thanks to the JavaScript map support.

    January 23, 2014

  • David M.

    The current download of WebEssentials for VS 2012 doesn't support split screen. The latest release no longer includes this feature. Any suggestions?

    October 22, 2013

    • Sidney A.

      I had to grab a classic version: http://vswebessential...­

      On there you should see version 2.9, it's the last version before he removed TypeScript support. I demoed using a classic VS2012 version in the hopes that the TypeScript team would hit 1.0 and add it the editor features themselves (like what happened with CoffeeScript and LessCSS). We'll see...

      October 22, 2013

    • David M.

      I uninstalled WE 3.2 and installed 2.9 - Works great. (I had to turn on some options -- Tools, Options, Web Essentials, TypeScript: turn on compile on save and enable preview window.)

      October 22, 2013

  • David M.

    It seems that the support for TypeScript compilation (not intellisense) in Web Essentials for both VS 2012 and VS 2013 has been withdrawn. They claim that since its available "out of the box" in VS 2013, there's no reason to supplement it. This means that I have to move to VS 2013 or use manual methods in VS 2012. I don't want to move to VS 2013 just yet. Any suggestions?
    http://madskristensen.net/post/Web-Essentials-2013-Where-is-the-TypeScript-support

    October 22, 2013

    • Rob Z.

      If you install the latest VS2012 Service Pack you should be able to compile as you did before with web essentials.

      October 22, 2013

    • Sidney A.

      Thanks Rob! I must have already had the SP because I never noticed a change in functionality other than loosing the nice WE editor. I still had TypeScript compilation.

      October 22, 2013

  • Steven S.

    I'm setting up an event in January/Feb timeframe and wanted to get some feedback before doing so. This survey has 2 questions. Thanks

    http://www.surveymonkey.com/s/LLKX9XB

    October 22, 2013

  • Patrick S.

    Intellisense support for AngularJS (done by the very awesome Mads Kristensen): http://madskristensen.net/post/angularjs-intellisense-in-visual-studio-2012

    Supposedly it's included in Visual Studio 2013 (I haven't tested). There's a link in here for VS2010 support in the comments as well.

    2 · October 9, 2013

    • Sidney A.

      Mads is quite literally a mad scientist with Visual Studio extensions. I'm very interested in seeing what he does now that the Browser Link components are available in VS 2013 and you basically have a WebSocket connection from Visual Studio to the web browser.

      October 10, 2013

  • Richard A.

    Great presentation. I was able to quickly understand why and when to use AngularJS and TypeScript. Sidney did a great job going from high-level concepts to showing detailed examples.

    October 10, 2013

Our Sponsors

  • Pluralsight

    Donates free monthly subscriptions to their hardcore developer training.

  • Infragistics

    NetAdvantage software licenses

  • Telerik

    Telerik Ultimate Collection software licenses

  • JetBrains

    Thank you!

  • O'Reilly Media

    Use code PCBW for 40% off most print and 50% off most ebooks & videos

  • Syncfusion

    Click for the free e-book library, the Succinctly series!

  • ComponentOne

    Thank you!

  • APress

    60% off eBooks (click logo)

People in this
Meetup are also in:

Create your own Meetup Group

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