ChrisCole.tech
Sense and Simplicity.

10 Tips, Tricks and Tools for Visual Studio 2017 and Angular 5

In this slideshow we’re going to quickly explore 10 Angular development tips, tricks and tools which can make our everyday life easier. The purpose of the list is to not be opinionated architecture wise. This means that we’re not going to discuss tooling which has impact over our choice of application state management, data layer, etc. 

Starting from project scaffolding with the Angular CLI, going through efficient development with the JavaScript Language Service in Visual Studio 2017 and Angular Schematics Collections, to dynamic and static code analysis for easy debugging and refactoring!

Give these tools a try! I’d love to get your feedback on using them in the comments section below.

 

View Online: http://chriscole.tech/ang5tools

Angular CLI : The Basics

Learn from scratch, the basic concepts that you will need to build angular applications using the CLI.

The Angular CLI is a tool to initialize, develop, scaffold and maintain Angular applications. It makes it easy to create an application that already works, right out of the box. It already follows the best practices!

Content and Overview

Specifically for beginners, this course contains all the fundamentals you need to know, in one place, simplified and straight forward! 

The course will teach you how to generate an angular application from scratch. You will also learn the different options that are available while generating an angular application. You will then learn how to generate the different features of an angular app like components, directives, services and so on. Finally you will learn about building and serving an angular application using the CLI.

 

Who is the target audience?
  • This is for students who want to learn how to use Angular CLI

View Online: http://chriscole.tech/angularcli

Intro to Angular2 with TypeScript

NOTE: THE COURSE IS STILL UNDER DEVELOPMENT AND NEW CONTENT IS CONSTANTLY BEING ADDED. 

 

Angular is arguably the most popular framework in the world for building single page applications. You may have heard that Angular version 2 is completely different from the original AngularJS, and this is indeed the case. While this can cause frustration for developers who are upgrading their apps, it is ultimately for the best because Angular 2 is so much nicer to work with!

Part of the challenge when it comes to learning Angular 2 is that we need to adopt several new peripheral skills in addition to learning features of the framework itself. For example, most Angular 2 applications are written in a newer language called TypeScript. TypeScript is a superset of JavaScript (meaning that it's just like JavaScript, but with additional features,) but learning it can initially be a challenge.

In this course, we will learn about TypeScript, the new, JavaScript inspired language by Microsoft. The introductory TypeScript course will teach the student the TypeScript basics necessary for junior workplace skills.

In the first section, we will learn about what projects TypeScript is appropriate for. We will learn who makes TypeScript, and what projects use TypeScript every day.

We will learn about types, how they are used, what kinds are available in TypeScript, and how to make your own.

We will learn about interfaces, inheritance, and TypeScript classes.

Using the module system, we will share code between TypeScript files and compile them to JavaScript.

 

View Online: http://chriscole.tech/ang2

Copyright © 2018 - Design by FS

ChrisCole.tech © 2018