Skip to content

Commit 0763782

Browse files
toddmottotoddmotto
committed
🚀 Initial commit
0 parents  commit 0763782

File tree

5 files changed

+126
-0
lines changed

5 files changed

+126
-0
lines changed

‎.gitignore

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.git
2+
node_modules
3+
.DS_Store
4+
.idea
5+
npm-debug.log
6+
dist/

‎README.md

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<h1 align="center">
2+
<img width="40" valign="bottom" src="https://ultimateangular.com/assets/img/categories/typescript.svg">
3+
TypeScript: Basics Course Seed
4+
</h1>
5+
<h4 align="center">Project seed for our comprehensive introduction to TypeScript course.</h4>
6+
7+
---
8+
9+
<a href="https://ultimateangular.com" target="_blank"><img src="https://ultimateangular.com/assets/img/banner.jpg"></a>
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://ultimateangular.com/courses/) 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 <typescript-basics-seed>
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)

‎index.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Ultimate Angular: TypeScript Basics</title>
6+
</head>
7+
<body>
8+
<div class="app"></div>
9+
<script src="dist/app.js"></script>
10+
</body>
11+
</html>

‎package.json

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
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+
}

‎src/app.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
console.log('Hello TypeScript!');

0 commit comments

Comments
 (0)