TypeScript Tutorial in German on “Entwickler Tutorials”-WebsiteThomas Claudius Huber
- it has static typing. This means you get compile-time errors and fantastic tooling support, as the types are known at compile time
After you’ve registered on Entwickler Tutorials, you can watch the first 15 minutes of my TypeScript tutorial for free. You can also watch the beginning of other tutorials available on the platform.
What is in for you?
After the introduction you learn about the basic types and different TypeScript features like Type Inference, Type Assertions and strict null checks.
With that knowlege the tutorial continues to show you how to use interfaces and classes. You learn how to build classes with constructors, methods and properties, how to use access modifiers, how to use inheritance, how to define parameter properties, how to use destructuring and much more. You also learn how to use Generics in TypeScript to build reusable interfaces, classes and functions.
We’ll also take a closer look at functions. You learn about named and anonymous functions, about different parameter types like optional parameters, default parameters and rest parameters. Functions are also very interesting when they’re used inside of a class, because then the
this-keyword is handled differently in an anonymous function than in an arrow function. You learn about the advantages of arrow functions, which were introduced with ES2015, and how the TypeScript compiler compiles them down to ES5.
After functions you learn how to use modules in TypeScript. Modules allow you to structure and organize your code across different files. A TypeScript-file is called a module if it has at least one export or import at the root level. But modules are not just simple files. Modules have their own scope for variables, types and functions. That means, if you create a class in one module, you have to explicitly export it to be able to use that class in other modules. But in addition, you need to import that class explicitly in another module to be able to access and use it there. This construct with scopes avoids naming conflicts in bigger code bases.
After modules you learn about decorators in TypeScript. They’re similar to attributes in C# or annotations in Java. You can use them to hook in some logic by using an aspect-oriented approach. Angular makes heavy use of decorators.
The final part of the tutorial shows you how to build a small Angular application from scratch that displays some users and downloads an overview of their repositories from github. This means you learn how to use components, decorators, data binding, dependency injection and services in Angular.
How was it produced?
The tutorial was recorded in Frankfurt at the headquarter of Software & Support, the company creating
- fantastic magazines, like Windows Developer or PHP Magazin or Java Magazin. Look here for an overview: https://entwickler.de/magazine
- … and a lot more stuff, just navigate through www.entwickler.de to see the things they’re creating
I was sitting in a room of the S&S-headquarter. In front of a green screen I tried to give my best while some cameras and some spotlights where pointing on me:
Together with Yvonne Schulze and Sebastian Greiner, two fantastic video guys that did the cutting of the tutorial live, and with the guys from S&S I had a lot of fun! You find the websites of Yvonne and Sebastian here:
Sebastian: https://livestream.watch and https://sebastian.greiner.sg.
So, I hope you enjoy the video tutorial.
I’m happy about any feedback.
Ah, and before I forget: As you read to the end of this post, you can use this promo code “THOMAS20” to get a 20% discount on the TypeScript tutorial. Available for the first 5 users.
Leave a Reply