https://github.com/ariqf1/learn-typescript
This is my personal repository from Dunia Coding Course for learning TypeScript
https://github.com/ariqf1/learn-typescript
javascript typescript
Last synced: 6 months ago
JSON representation
This is my personal repository from Dunia Coding Course for learning TypeScript
- Host: GitHub
- URL: https://github.com/ariqf1/learn-typescript
- Owner: AriqF1
- Created: 2025-04-07T14:12:25.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-04-07T14:22:20.000Z (6 months ago)
- Last Synced: 2025-04-07T15:29:41.016Z (6 months ago)
- Topics: javascript, typescript
- Language: TypeScript
- Homepage:
- Size: 28.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
<<<<<<< HEAD
# TypeScript
Welcome to the TypeScript Superpowers Course! This course is designed to help you learn TypeScript from the basics to more advanced concepts. By the end of this course, you'll be able to confidently use TypeScript in real-world projects.
## Course Overview
This course is divided into several sections, each focusing on a specific aspect of TypeScript:
1. **Introduction**
2. **Variables and Values (Primitive)**
3. **Variables and Values (Non-Primitive)**
4. **Interfaces and Type Aliases**
5. **Generics Type**
6. **Projects (Cashier Application)**
## Course Slides
I'm using Marp for the slides. You can find the slides for each section in the `slides` directory. The slides are written in Markdown format and can be viewed using the [Marp](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode) extension in Visual Studio Code. Make sure to install the Marp extension to view the slides. Otherwise, you can view the slides directly in the Markdown format.
## Getting Started
### Prerequisites
Before starting this course, make sure you have the following installed:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/)
- [TypeScript](https://www.typescriptlang.org/)
### Setup Instructions
1. Clone the repository:
```bash
git clone https://github.com/dannycahyo/typescript-superpowers.git
```
2. Navigate to the project directory:
```bash
cd typescript-superpowers
```
3. Install the dependencies:
```bash
npm install
```
4. Start the project:
```bash
npm build
```
5. Open the `public/index.html` file in your browser to see the output.
### Folder Structure
The project is structured as follows:
```
typescript-superpowers
├── dist
├── materials
├── node_modules
├── public
├── slides
├── src
│ ├── models
│ ├── services
│ ├── utils
│ └── index.ts
├── .gitignore
├── package.json
├── package-lock.json
├── README.md
├── tsconfig.json
```