Giter Club home page Giter Club logo

starting-with-typescript-exercise's Introduction

starting-with-typescript-template

The template repository for the starting-with-typescript course on Learning Lab.

starting-with-typescript-exercise's People

Contributors

michael-spengler avatar

Watchers

James Cloos avatar

starting-with-typescript-exercise's Issues

Enjoy Cloning

Git Clone the Repository and Open Folder

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

Clone the current repository

git clone <replace this with your current repository>

in a terminal / console / git bash

Open the folder which contains this repository now in Visual Studio Code.

If you got stuck in this step please reach out to a friend who uses the same operating system as you or to the author of this course.

Enjoy installing VS Code Insiders

Install VS Code Insiders

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

You can download and install VS Code Insiders from this link: https://code.visualstudio.com/insiders/.

If you got stuck in this step please reach out to a friend who uses the same operating system as you or to the author of this course.

Welcome to the TypeScript Exercise!

Welcome to this course!

As soon as you completed each step please close the corresponding issue. The next issue representing the next step will be created automatically.

Enjoy installing NodeJS

Install NodeJS

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

You can download and install NodeJS from this link: https://nodejs.org/.

This will automatically also install the Node Package Manager (NPM).

After the installation check whether the installation was successful. You can do this by:

  1. checking the node version by entering node -v in a terminal / console / git bash
  2. checking the npm version by entering npm -v

If you got stuck in this step please reach out to a friend who uses the same operating system as you or to the author of this course.

Enjoy HTML

Create an HTML File

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

Create an HTML file named hello-world.html with the following content:

<!DOCTYPE html>
<html>
  <body style="text-align: center; margin-top: 20em">
    <h2>My Hello World JavaScript Function</h2>

    <button type="button" onclick="doIt()">
      Click Me
    </button>

    <script src="hello-world.js"></script>
  </body>
</html>

If you got stuck in this step please reach out to a friend who uses the same operating system as you or to the author of this course.

Enjoy transpiling

Create a TypeScript File

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

Transpile the TypeScript file's content to JavaScript by executing

tsc hello-world.ts

Check that this step automatically generates the file named "hello-world.js"

If you got stuck in this step please reach out to a friend who uses the same operating system as you or to the author of this course.

Enjoy installing TypeScript

Install TypeScript

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

You can install TypeScript by opening your terminal / console / git bash and entering:

npm install -g typescript

If you got stuck in this step please reach out to a friend who uses the same operating system as you or to the author of this course.

Enjoy creating a TypeScript file

Create a TypeScript File

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

Create a TypeScript file named "hello-world.ts" with the following content

function doIt(): void {
  const theText: string = "Hello World";

  alert(theText);
}

If you got stuck in this step please reach out to a friend who uses the same operating system as you or to the author of this course.

Enjoy taking a rest

Take a Rest and Support Others

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

If some of your friends had challenges so far, you might support them to catch up :)

You can check the success of this step by looking around and checking how many happy faces you see :)

Feel free to close this issue and proceed.

Enjoy installing Git

Install Git

First of all: Congratulations for reaching this point. Keep the vibes and get ready for the next step.

You can download and install Git from this link: https://git-scm.com/downloads

After the installation check whether the installation was successful. You can do this by checking the git version by entering git --version in a terminal / console / git bash

If your terminal / console / git bash responds with a reasonable version number you succeeded in this step. Feel free to close this issue in this case.

If you got stuck in this step please reach out to a friend who uses the same operating system as you or to the author of this course.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.