Sitemap
Buddhika De Silva

Buddhika De Silva

Young Researcher with an Artistic mind

Angular? How to Start?

2 min readSep 11, 2021

Hello. Good to see you.
let's make your baby steps in angular.
The angular world is a very beautiful world.
Now you are at the entrance gate of the angular world.
There is a man at the entrance that check your previous knowledge or in other word prerequisites.

Press enter or click to view image in full size

here’s the checklist.
HTML
JavaScript
TypeScript

if you sound good with the above list good to go.
Yes, the Entrance door opened!

Press enter or click to view image in full size

Here it is now you can see a component.
components are the building blocks of an angular app.

Get Buddhika De Silva’s stories in your inbox

Join Medium for free to get updates from this writer.

There are three main areas of a component.

  • A component class that handles data and functionality.
  • An HTML template that determines the UI.
  • Component-specific styles that define the look and feel.

Don't think about it,
now you can see a basic Angular project structure.
at the moment let's focus on only that files.

you can do styles using app.component.css (1)
you can do HTML in app.component.html (2) to create the user interface.

and lastly, you can code the logic and the user interface behaviors in the app.component.ts (3) file

So in the next chapter will dig into that files and create a sample app.
See you in the next chapter. Happy coding!

--

--

Buddhika De Silva
Buddhika De Silva

Written by Buddhika De Silva

Young Researcher with an Artistic mind