Learn TypeScript from scratch

ManzoorTheTrainer 1,806 views 28 slides Feb 27, 2018
Slide 1
Slide 1 of 28
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28

About This Presentation

Yes! TypeScript is the base for Angular2+ , If you want to enter into the world of Angular2, 4, 5, ... then the first step is to understand TypeScript.
I am going to make it very simple for you to learn and implement it.


Slide Content

Learn TypeScript From Scratch Mohd Manzoor Ahmed ( Microsoft Certified Trainer | 15+yrs Exp )

What Are We Going To Cover? Prerequisite To Type Script Introduction To TypeScript Variable Declarations Basic Types Complex Types Control Structures (for..of) Functions Like Classes Classes And Objects Object As A Parameter Overloading Public & Private Members Inheritance Protected Members Abstract Class Namespaces (Internal Modules) External Modules export & import JQuery In TypeScript Real Time Page Conclusion

Prerequisite To TypeScript You should have some basic understanding of JavaScript and OOPs. Or You should have completed one of my courses i.e., Learn JavaScript From Scratch

Enroll Now For $10 : https://goo.gl/Z6AUXj

Why TypeScript ? We need strongly typed Script. We need easy implementation of OOPs in Script.

Strongly Type d

Easy OOPs

What is TypeScript ? T yped superset of javascript which compiles to plain javascript. - (Microsoft) Easy OOPs In JavaScript. (ManzoorTheTrainer) app.ts app.js Compiles Note : We add reference of app.js in the html file.

Getting Started With TypeScript Visual Studio 2017 http://www.typescriptlang.org/ Let’s go for implementation of “Hello Digital World” DEMO

Declarations var is function scoped let is block scoped DEMO

Basic Types number string boolean

Complex Types Arrays Tuple Enum

Control Structures Conditional I f if else else if ladder s witch case Loops f or while do..while for..in for..of

Enroll Now For $10 : https://goo.gl/Z6AUXj

Functions Defining A Function Calling A Function Using Function as Class DEMO

Class Defining A Class Defining Properties Defining Constructor Defining Methods Creating Objects Calling Methods DEMO

Object As A Parameter DEMO

Overloading DEMO Constructor Method

Public & Private Members DEMO

Enroll Now For $10 : https://goo.gl/Z6AUXj

Inheritance DEMO Protected Members super() constructor Method Overriding super Object

Enroll Now For $10 : https://goo.gl/Z6AUXj

Abstract Classes DEMO

namespace DEMO Internal modules or namespaces Code division export keyword

Modules DEMO External modules Reusability Implicit import Explicit import Module resolutions

JQuery In TypeScript DEMO Install jquery.TypeScript.DefinitelyTyped (*.d.ts) Install jQuery

Enroll Now For $10 : https://goo.gl/Z6AUXj

Thanks :)