What You Know About Angular ?

Environment create https://angular.io/guide/setup-local

see crud operation with API handling/http/Http json data read with observed arrays/handling/routing/Angular material/Event Handling/Data pass to UI

https://github.com/savindu-pasintha/Angular-Crud-Operation/tree/main/src/app

TypeScript Language

Typescript same as a javascript . when we write typescript code we can define all the codes/variable/method/class to SOME TYPE. Type script manly build for Object oriented programming for javascript.

Install node latest version.

Install Angular CLI as globaly

npm install -g @angular/cli

open project

ng new your_angular_app_name

go to project

cd your_angular_app_name

open web site in a browser

ng serve — open

create component in side the app folder

component folder inside have .html,.css,.ts files.

Html file for UI design Using HTML

Typescript (ts) file for create some methods , code for change the html.

Css file for styling

run cmd

ng g c component_name

create service folder

services folder used to create business logic or http method write backend API call Handling. when we create service folder we can communicate between Component .

run cmd

ng g s folder_name/file_name

After create file import the compont .ts file and then you can use and access this servicess class methods variables.

app.module.ts file is very important

This file inside we should import all the component/services/modules class name .

declatations:[] array inside to put all the compoent file import class name.

imports:[] array to put all the external moules classes imported names.

angular.json file

This file have angualr project to run all the dependancies and project details include.

If we install npm boostrap or any other Script or css files you can add to

style:[] array to add css file paths,

script:[] array to add javascript jquery or any other script files

That files we can globaly use whole the project that css or styles or javascript.

package.json

File inisde have all the installes node module dependancies names.

--

--

--

BSC(HONS) COMPUTING AND SOFTWARE ENGINNERING. I MOST INTERETED TO BUILD CLONE, STREAMING PLATFORM , WEB -MOBILE-DESKTOP FULLSTACK SOFTWARE DEVELOPMENT.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Aditum - Focus Management

How to Get Maximum from Next.js <Image/> Component

Impractical, Functional Lists (List out of Lambda)

Angular 12 warning about IE11 after update, but why?

Hacking JavaScript with JavaScript

Gulpv4 Splitting Up Gulpfile

Angular DI: Getting to know the Ivy NodeInjector

Create Custom Files In Laravel Using Artisan Commands

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Savindu Pasintha

Savindu Pasintha

BSC(HONS) COMPUTING AND SOFTWARE ENGINNERING. I MOST INTERETED TO BUILD CLONE, STREAMING PLATFORM , WEB -MOBILE-DESKTOP FULLSTACK SOFTWARE DEVELOPMENT.

More from Medium

Angular JS Vs. React JS: Which Is The Best Choice?

Unit Testing, a necessary evil?

Attaching new behaviors through decorators in JavaScript

SPAs: from Server to Client and back