This session will demonstrate how the new WebPack module bundler (https://webpack.github.io/) offers a great solution for bundling modern web content and serving up efficiently from the server.

We will demonstrate how to get started with WebPack within the context of a modern web application and how to configure it efficiently to bundle and serve any content you need efficiently and “on demand”. This allows developers to efficiently organize their content together and easily have it sent to the server as needed by a particular area of the application.

We will demonstrate how to configure Visual Studio to efficiently work with WebPack and discuss best practices for utilizing it with modern frameworks such as Angular2 or React. Attendees will also be pointed at a number of great resources to help them better understand and utilize WebPack in their own projects.

Are you thinking of bending to peer pressure and diving head-first into learning Angular? Are your "other" friends telling you React is the framework you should choose?

This session will provide developers with a quick introduction to both React and Angular 2. We will provide a demonstration of a basic application written in both frameworks. This will give attendees a great, side-by-side comparison to see similar concepts implemented in both. Both application will support a similar build/development process and will utilize TypeScript as the implementation language.

Finally we will share information on what type of tools support you can expect with either framework, what their respective communities look like, and what the impact of choosing either one might be.

Just a warning to the curious...you may not find as many differences between these frameworks as you think.

The all-day session will walk developers through the setup and development of a powerful web application built on some of the most modern web tools and technologies available including TypeScript and Angular2. At the end of the session all attendees will have had the opportunity to utilize a wide number of modern web-development tools and technologies to set up a complete application.

This session will be very fast paced and all attendees will be encouraged to follow along as the instructor demonstrates every aspect of:

• Setting up a new web solution and configuring all necessary package and module management tools (we will focus on NPM and Angular CLI)
• Configuring you development environment with the right plug-ins and extensions to optimize the development process
• Setting up a robust project structure to manage all assets and code
• Utilizing TypeScript to build a rich and manageable client-side application using the Object Oriented constructs and patterns you are familiar with from other languages such as C#
• Integrating your Angular application with a server-side API
• Setting up an Angular application and designing a robust UI built around Angular2 components.
• Utilizing the Angular syntax and directives for building robust HTML applications
• Working with Angular routing to build an efficient means of navigation between pages
• Utilizing RxJS and Observables to work asynchronously and easily communicate back to the server’s API
• Debugging and testing a component-based Angular application

Requirements for attendees:

Have a laptop with either Visual Studio 2015/17, Web Storm, or Visual Studio Code.
Have Google Chrome included on the laptop. Be highly proficient in C# and JavaScript and be very familiar with current Microsoft web development technologies such as ASP.NET WebForms or MVC. Have the ability to work quickly and absorb the presented information while working through the setup on their own laptop Beyond a development environment and Google Chrome, attendees will be asked to install additional tools and extensions into their development environment throughout the session.

All sample code and resources for this session will be shared via a GitHub repository at the start of the session.