You know how sometimes we start coding a simple app and you start sprinkling a few cool tiny features and suddenly you realize your app has blossomed into something special? Well, that’s how I feel about the app you will build in my latest course-series (yes, “series” is no typo) for Pluralsight titled “Building Apps with Angular and Breeze“. I started out thinking I’d just help folks get up to speed on building simple Angular apps, but the app started to speak to me. It wanted to do more and when doing more the app needed some structure. Pretty soon patterns emerged as the story evolved.
So let’s talk about a cool Angular app, kick-starter NuGet packages, HotTowel, Breeze, and a new series of courses!
Experiencing the Story
I would be remiss if I did not call out Ward Bell (Breeze.js master) who once again has provided a ton of input on this course and the app. In fact, several Breeze features came out of this course (ex: a validation directive). Thanks Ward for both your technical input and being a tremendous friend!
The Story Continues
The added benefit of this is that I was able to craft a follow-up story quickly to this first course. The story will continue very soon in another course (Part 2 if you will in this course-series) where I expand on some more advanced topics including how to manage your app once you have a significant amount of real-world data interaction, saving and rehydrating from local storage, powerful data validation, and some surprises with some wicked cool ways to handle saving. The course is targeted to be out by Dec 31. And who knows … perhaps if these are received well, i’ll keep going
The chapters/modules are below. I truly hope you enjoy this course as much as I enjoyed producing it!
- Getting Started with Single Page Apps
- Angular from Scratch with HotTowel
- Creating Vertical Slice Through Your App
- Object Graphs, Extending Models, and Custom Directives
- Sharing Local and Remote Data Across Views
- Route Resolvers
- Paging, UI-Bootstrap, and Expanding the Data Service with Queries
- Building a Dashboard
- Animations with Angular and CSS
- Where Are We and a Look Ahead at What’s Next
HotTowel Angular on NuGet
Sometimes you just want a kick-start … or if you are like me, a kick in the pants to get your project off the “blank canvas”. if that’s you, then HotTowel.Angular is perfect for you. It uses some styling, some popular libraries, and of course Angular to get you off to a nice starting point. When its time to pull in Breeze, just ad in HotTowel.Angular.Breeze.
Install-Package HotTowel.Angular -pre Install-Package HotTowel.Angular.Breeze -pre
Notice that these are both pre-releases. That’s because they depend on the package AngularJs.Core which is a package that uses the pre-release of Angular 1.2.0 RC3 (currently the latest). Once Angular goes live (which i hear is very soon) these packages will all no longer need the
What’s AngularJs.Core? This package makes it easy to grab just the core module for Angular. Angular 1.2.x begins a new era with Angular where each module is broken out into its own files. This means you don’t need to load code you are not using. but it also means you don;t have to pull down a bunch of files into your project that you won;t be using either. So the AngularJS.Core package pulls just the core module. There are also a series of other packages for the Angular modules that I created and maintain with Scott Allen and Jeremy Likness. You can find all of these packages on NuGet or in this article here.