Getting Started

This gitbook will concentrate on walking through creating a TodoMVC application using AngularJS 1.4.x and TypeScript 1.6.

About Me

I've been making web apps and writing JavaScript professionally for about 3 years now. I enjoy writing software and especially enjoy the FOSS community. I like to teach people to code and enjoy the "lightbulb" moments when other developers understand new concepts. My goal is to create useful learning material. If there is anything you would like to see here, or if you have any feedback, I'd appreciate your valued input! You can email me, or find me on twitter.

The only assumptions I'm going to make are:

  1. You have some knowledge of JavaScript, HTML, and CSS.
  2. You are comfortable running commands in a terminal
  3. You have a code text editor (VS Code, Atom, Sublime Text, etc.)

Note: I am creating this tutorial on a MacBook Pro. I understand that not everyone has a MBP. The only commands I will be running that will be OS specific will be to create folders/files from a terminal. If you're on Windows just use the commands you would use on Windows.

Source Code

The source code for this tutorial is available here. What we will be doing in this tutorial is building the app commit-by-commit. If you're following along at home and are ever stuck at a certain point, please consult the source code commit history for that particular section. I encourage you to try building the app as I believe it will lead to the best results.

Table of Contents

  1. Getting Started
  2. Development Environment
  3. Using Git and GitHub
  4. Starting the Project
  5. Installing Dependencies
  6. Setting Up Grunt
  7. Installing Type Definitions
  8. Creating TypeScript config
  9. Setting Up the App
  10. Adding Components