(<< Back <<) JS overview new main future on TS lecture (<< Back <<)
Maximilian Schwarzmüller Typescript Lecture notes.
TS development environment (Lite-server, tsc -w), default TS library, var/const/let, arrow function syntax (with variation, omit () and {}), '...' spread operator (4 type of usage), Destructuring assignment
![](/TsLecture/MaxTs15_1.png)
![](/TsLecture/MaxTs16_1.png)
1 - Module Introduction.mp4 2 - let and const.mp4 3 - Arrow Functions.mp4 4 - Default Function Parameters.mp4 5 - The Spread Operator (...).mp4 6 - Rest Parameters.mp4 7 - Array & Object Destructuring.mp4 8 - How Code Gets Compiled & Wrap Up.mp4
Test environment - library, Lite-server, tsc -w (watch allow automatic recompiling)
![](/TsLecture/MaxTs17_1.png)
![](/TsLecture/MaxTs18_1.png)
![](/TsLecture/MaxTs19_1.png)
![](/TsLecture/MaxTs20_1.png)
![](/TsLecture/MaxTs21_1.png)
![](/TsLecture/MaxTs44_1.png)
Environment versions on my computer
![](/TsLecture/MaxTs32_1.png)
![](/TsLecture/MaxTs30_1.png)
![](/TsLecture/MaxTs31_1.png)
![](/TsLecture/MaxTs55_1.png)
JS Var defined globally, JS Const and JS Let - locally. On JS we can not declare variable at all or declare it after using.
![](/TsLecture/MaxTs22_1.png)
This code working on JS but not on TS
![](/TsLecture/MaxTs23_1.png)
![](/TsLecture/MaxTs24_1.png)
![](/TsLecture/MaxTs25_1.png)
Arrow function has a couple of variations
![](/TsLecture/MaxTs26_1.png)
First variation - we can omit Curly-brackets {} for one return expression
![](/TsLecture/MaxTs27_1.png)
![](/TsLecture/MaxTs28_1.png)
Second variation - omit Round brackets or Parentheses () on parameters parts (important for JS embedded on Html)
![](/TsLecture/MaxTs29_1.png)
"..." - spread operator
![](/TsLecture/MaxTs33_1.png)
![](/TsLecture/MaxTs34_1.png)
First usage spread operator as ToList or ForEach on VB.NET of each KeyValue pairs
![](/TsLecture/MaxTs35_1.png)
![](/TsLecture/MaxTs36_1.png)
This is simple copy reference form one object to another
![](/TsLecture/MaxTs37_1.png)
Second usage "..." - allow to copy elements one-by-one from one array to another.
![](/TsLecture/MaxTs38_1.png)
Third usage spread operator as rest function parameters
![](/TsLecture/MaxTs39_1.png)
![](/TsLecture/MaxTs40_1.png)
![](/TsLecture/MaxTs41_1.png)
![](/TsLecture/MaxTs42_1.png)
![](/TsLecture/MaxTs43_1.png)
Fourth usage spread operator in Array and Object destructuring, Destructuring assignment https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
![](/TsLecture/MaxTs45_1.png)
![](/TsLecture/MaxTs46_1.png)
![](/TsLecture/MaxTs47_1.png)
Variable use the same name as property name
![](/TsLecture/MaxTs48_1.png)
![](/TsLecture/MaxTs49_1.png)
Related pages
- Angular documentation
- Typescript documentation
- Javascript documentation
- ECMAScript ES6 vs Typescript
- React vs Angular
- (2024) Google Cloud and Cloudflare
- (2023) CloudflareWorker and Supabase
- (2022) JS, Css
- (2022) Typescript, Webpack
- (2022) Angular, RxJs, Firebase, MongoDb
- (2022) Node, NestJs, Electron, Pwa, Telegram
- (2022) React, Redux, GraphQL, NextJs
- (2022) Angular/Typescript, JS books
![](http://forum.vb-net.com/GetTopicCount.png?id=52475b70-2796-4553-a442-ba3a4d12f057)
<SITEMAP> <MVC> <ASP> <NET> <DATA> <KIOSK> <FLEX> <SQL> <NOTES> <LINUX> <MONO> <FREEWARE> <DOCS> <ENG> <CHAT ME> <ABOUT ME> < THANKS ME> |