Learning Angular

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.

Getting Started

The best place to get started and learn Angular is the official website.

  • Before starting with Angular, it is advisable to gain comfort with the basic web programming languages including, HTML,JavaScript and CSS.
  • 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.
Folder Purpose
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 src folder has following folders:

  • app
  • assets
  • environments

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.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s