|
| 1 | +# TYPESCRIPT GUIDE |
| 2 | + |
| 3 | +Typescript general studies with mini-apps about tuples, generics, decorators, typed annotations, and typed arrays. |
| 4 | + |
| 5 | +## Lessons |
| 6 | + |
| 7 | +Focused studies about tuples, generics, decorators, typed annotations, and typed arrays. |
| 8 | + |
| 9 | +### Lesson 1 |
| 10 | + |
| 11 | +The lesson was focused about the advantages of using the superset. Creating a specific scenario with axios to fetch json data, and how library can be better used with custom types for your requests. |
| 12 | + |
| 13 | +- /lesson1/fetchjson |
| 14 | + |
| 15 | +### Lesson 2 |
| 16 | + |
| 17 | +The lesson was focused some specifics subjects from the documentation: |
| 18 | + |
| 19 | +#### Variables |
| 20 | + |
| 21 | +- Primitives and Objects typing; |
| 22 | +- Variables assertions and inferences; |
| 23 | + |
| 24 | +#### Functions |
| 25 | + |
| 26 | +- Contextual Typing; |
| 27 | +- Function Anotations; |
| 28 | +- Function Inferences; |
| 29 | + |
| 30 | +#### Classes and interfaces |
| 31 | + |
| 32 | +- Classes assertions and inferences; |
| 33 | +- Interface typing; |
| 34 | + |
| 35 | +#### Typed Arrays, Tuples |
| 36 | + |
| 37 | +- Tuples typing |
| 38 | + |
| 39 | +```typescript |
| 40 | +type Drink = [string, boolean, number]; |
| 41 | + |
| 42 | +const pepsi: Drink = ["brown", true, 40]; |
| 43 | +``` |
| 44 | + |
| 45 | +- Typed Arrays |
| 46 | + |
| 47 | +```typescript |
| 48 | +let carMakers: string[]; |
| 49 | +const dates = [new Date(), new Date()]; |
| 50 | +const carsByMake = [["f15"], ["corolla"]]; |
| 51 | + |
| 52 | +// Flexible types |
| 53 | +const importantDates = [new Date(), "2030-10-10"]; |
| 54 | +const importantValues: (Date | string)[] = []; |
| 55 | +``` |
| 56 | + |
| 57 | +## Mini Apps |
| 58 | + |
| 59 | +Focusing in praticing typescript typing with some OOP design patterns with the superset. |
| 60 | + |
| 61 | +### Maps with Google Maps API |
| 62 | + |
| 63 | + |
| 64 | + |
| 65 | +#### Overview |
| 66 | + |
| 67 | +A location API using Google Maps API and Faker BR for data generation. **Not focusing on style** |
| 68 | + |
| 69 | +The purpose of the application was using OOP with typescript and some design patterns. |
| 70 | + |
| 71 | +- Facade |
| 72 | +- Singleton |
0 commit comments