├── .gitignore
├── README.md
├── index.html
├── package.json
└── src
└── app.ts
/.gitignore:
--------------------------------------------------------------------------------
1 | .git
2 | node_modules
3 | .DS_Store
4 | .idea
5 | npm-debug.log
6 | dist/
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 | TypeScript: Basics Course Seed
4 |
5 | Project seed for our comprehensive introduction to TypeScript course.
6 |
7 | ---
8 |
9 | 
10 |
11 | ---
12 |
13 | > This repo serves as the seed project for Ultimate Angular's TypeScript Basics course as well as the final solution in stepped branches, come and [learn TypeScript](https://ultimatecourses.com/courses/typescript) with us!
14 |
15 | [Setup and install](#setup-and-install) | [Tasks](#tasks) |
16 | [Resources](#resources)
17 |
18 | ## Setup and install
19 |
20 | Fork this repo from inside GitHub so you can commit directly to your account, or
21 | simply download the `.zip` bundle with the contents inside.
22 |
23 | #### Dependency installation
24 |
25 | During the time building this project, you'll need development dependencies of
26 | which run on Node.js, follow the steps below for setting everything up (if you
27 | have some of these already, skip to the next step where appropriate):
28 |
29 | 1. Download and install [Node.js here](https://nodejs.org/en/download/) for
30 | Windows or for Mac.
31 |
32 | 2. Install TypeScript globally via `npm i -g typescript`
33 |
34 | That's about it for tooling you'll need to run the project, let's move onto the
35 | project install.
36 |
37 | #### Project installation and server
38 |
39 | Now you've pulled down the repo and have everything setup, using the terminal
40 | you'll need to `cd` into the directory that you cloned the repo into and run
41 | some quick tasks:
42 |
43 | ```
44 | cd
45 | yarn install
46 | # OR
47 | npm install
48 | ```
49 |
50 | This will then setup all the development and production dependencies we need.
51 |
52 | Now simply run this to boot up the server:
53 |
54 | ```
55 | yarn start
56 | # OR
57 | npm start
58 | ```
59 |
60 | Visit `localhost:3000` to start building.
61 |
62 | ## Tasks
63 |
64 | A quick reminder of all tasks available:
65 |
66 | #### Development server
67 |
68 | ```
69 | yarn start
70 | # OR
71 | npm start
72 | ```
73 |
74 | ## Resources
75 |
76 | There are several resources used inside this course, of which you can read
77 | further about to dive deeper or understand in more detail what they are:
78 |
79 | * [TypeScript Docs](https://www.typescriptlang.org)
80 | * [TypeScript Playground](https://www.typescriptlang.org/play)
81 | * [AST Explorer](https://astexplorer.net)
82 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Ultimate Angular: TypeScript Basics
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "typescript-basics-seed",
3 | "version": "1.0.0",
4 | "description": "Seed for TypeScript and Webpack",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "webpack-dev-server",
8 | "test": "echo \"Error: no test specified\" && exit 1"
9 | },
10 | "repository": {
11 | "type": "git",
12 | "url": "git+https://github.com/UltimateAngular/typescript-basics-seed.git"
13 | },
14 | "keywords": ["typescript"],
15 | "devDependencies": {
16 | "awesome-typescript-loader": "3.4.1",
17 | "typescript": "2.6.2",
18 | "webpack": "3.10.0",
19 | "webpack-dev-server": "2.9.7"
20 | },
21 | "author": "Ultimate Angular",
22 | "license": "MIT",
23 | "bugs": {
24 | "url": "https://github.com/UltimateAngular/typescript-basics-seed/issues"
25 | },
26 | "homepage": "https://github.com/UltimateAngular/typescript-basics-seed#readme"
27 | }
28 |
--------------------------------------------------------------------------------
/src/app.ts:
--------------------------------------------------------------------------------
1 | console.log('Hello TypeScript!');
--------------------------------------------------------------------------------