Every developer needs a set of tools and libraries to start working. In our case, we'll use the online editor StackBlitz.
For this please follow these three steps:
Register on GitHub.
GitHub provides you a social login. So if you want to register on StackBlitz, you can simply use your GitHub account.
Choose in the section "START A NEW PROJECT" on the left of the StackBlitz page the button for Angular.
You should see a page like this:
That's how StackBlitz works
important Please use the following sample as your basis. Just click the Fork-Button to create a copy to your account: https://stackblitz.com/github/angularbootcamp/todo-list-tutorial-steps/tree/step-01_Installations
You have a running Angular application!
Now we're ready to start developing!
Git is a tool that helps you manage versions of your code and collaborate with team members. There is a lot to know about it, but in this tutorial we will cover only basic usage.
GitHub is a code repository website that integrates with Git. It allows you to publish your project on the Web, copy other open source projects, and collaborate. To be able to publish your project, make sure you create a user in GitHub's website (for free, of course).
StackBlitz is an online editor which provides you all the functionality of an Online-IDE called Visual Studio Code and the Angular CLI.
Angular CLI is a powerful tool that simplifies a lot of the development process. It also installs libraries you'll use in your current and future projects. StackBlitz has it integrated out of the box, which makes it easier for you.
Our next tool is the IDE, or integrated development environment. It's software that helps you write the code. IDEs can do a lot of amazing things, such as:
highlight the code so it's easier to identify expressions
suggest completions to what you type
help you navigate easily through the files in your project
and a lot more...
Microsoft Visual Studio Code is an editor that's gained a lot of popularity lately. It is completely free for individuals.