Learn TypeScript From Scratch Mohd Manzoor Ahmed (Microsoft Certified Trainer | 15+yrs Exp)
What Are We Going To Cover? ● Prerequisite To TypeScript ● 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/Z6AU Xj
Why TypeScript? ● We need strongly typed Script. ● We need easy implementation of OOPs in Script.
Strongly Typed
Easy OOPs
What is TypeScript? ● Typed superset of javascript which compiles to plain javascript. - (Microsoft) ● Easy OOPs In JavaScript. (ManzoorTheTrainer) app.ts app.jsCompiles 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” DEM
Declarations ● var is function scoped ● let is block scoped DEM
Basic Types ● number ● string ● boolean
Complex Types ● Arrays ● Tuple ● Enum
Control Structures ● Conditional ○ If ○ if else ○ else if ladder ○ switch case ● Loops ○ for ○ while ○ do..while ○ for..in ○ for..of
Enroll Now For $10 : https://goo.gl/Z6AU Xj
Functions ● Defining A Function ● Calling A Function ● Using Function as Class DEM
Class ● Defining A Class ● Defining Properties ● Defining Constructor ● Defining Methods ● Creating Objects ● Calling Methods DEM
Object As A Parameter DEM
Overloading DEM ● Constructor ● Method
Public & Private Members DEM O
Enroll Now For $10 : https://goo.gl/Z6AU Xj
Inheritance DEM ● Protected Members ● super() constructor ● Method Overriding ● super Object
Enroll Now For $10 : https://goo.gl/Z6AU Xj
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.DefinitelyT yped (*.d.ts) ● Install jQuery
Enroll Now For $10 : https://goo.gl/Z6AU Xj
Thanks :)

Learn TypeScript from scratch