Nebraska.Code() Sessions tagged typescript

From JavaScript Mess to Cleaner Code

I've talked to many who complain about JavaScript and don't view it as real development. Web development continues to grow and along with that comes larger JavaScript applications and a never ending flow of new frameworks and tools. Based on my experience this summer with interns (http://geekswithblogs.net/Aligned/archive/2016/08/24/teaching-javascript.aspx) and over the last years of working on a large JavaScript driven application, I've learned that JavaScript code can be readable and maintainable using methodologies that we've adopted in C#, Java etc. SOLID principles, good naming practices and Object Orientated can all be used to create JavaScript applications.

In this talk, I'll start from a jQuery driven UI (grid with filtering) and move through steps to clean up the code. We'll look at OOP, inversion of control approaches, TypeScript, Jasmine (unit testing). Then we'll convert jQuery code into KnockoutJs to see how data-binding tools can help reduce DOM manipulations and simplify code. If there's time we'll touch on RequireJs (module loading) and show the same solution in Aurelia (a framework that does even more for us).

This is a tall order for an hour, so we'll have to move quickly through the code changes, but I think you'll see the benefits of treating JavaScript like a real language.

Read about this approach starting at the introduction article on my blog at aligneddev.net.

Speaker

Kevin Logan

Kevin Logan

Software Engineer, Omnitech Inc.

Using Webpack to Streamline Modern Web Application Packaging and Deployment

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.

Speaker

Kevin Grossnicklaus

Kevin Grossnicklaus

President, ArchitectNow

Angular vs. React: A live demonstration, comparison, and discussion

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.

Speaker

Kevin Grossnicklaus

Kevin Grossnicklaus

President, ArchitectNow

Front-end Web Development with Angular2 and TypeScript

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.

Speaker

Kevin Grossnicklaus

Kevin Grossnicklaus

President, ArchitectNow