In this blog, I provide steps on how to get started with Angular(Popular as Angular2 earlier). You can find all the basic terminologies with syntax to use in this cheat sheet.
The best place to get started and learn Angular is the official website.
- Learning Typescript will be a bonus and help in understanding the syntax better.
- Follow the quickstart steps and build your first application using Angular CLI.
The idea of having a new application built with so much ease, fills you with the confidence to take the next steps in this journey.
Understanding the structure and architecture
- Understand the structure of the folders created and the purpose of each of the files. Below listed the main folders of the application. Read in detail here.
|e2e||This folder is for E2E testing as the name suggests and this will be needed when we want to incorporate e2e testing automation.|
|node_modules||This folder contains all the dependencies required for the application. All the dependencies listed in package.json get installed here.|
|src||This is the main folder where we will be working most of the time. This contains all the TS (or any other) code and all the templates (HTML) and CSS files. The content of this folder gets compiled (TypeScript, SCSS – if used).
All the code in this folder comprises of the actual application code and all the other code outside this folder is the supporting code for the application to run.
The app folder which contains all the application code including components, templates, directives etc.
The assets folder is used to hold the fonts, icons, images etc to be used across the application.
The environments folder is used to set the environment to production or not, based on the type of the build.
- Understand the architecture
- Follow the tutorial to build an application of your own interest. First follow the tutorial step-by-step and then create a new one independently.
Practice brings Perfection
Once you can build a couple of applications, Angular becomes the new skill in your resume! Keep practising and diving deep into different concepts to improve your proficiency.