Skip to content

Commit 45b5238

Browse files
committed
feat: adding a google maps API overview
1 parent 3d5876a commit 45b5238

File tree

2 files changed

+72
-0
lines changed

2 files changed

+72
-0
lines changed

README.md

+72
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
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+
![Maps desktop mini-app](/images/maps-miniapp/desktop-1.png)
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

images/maps-miniapp/desktop-1.png

441 KB
Loading

0 commit comments

Comments
 (0)