Activity #6 Getting Started with Angular

PublishedAugust 27, 2024

Step # 01: Download the Node.js

Download the node.js LTS version in your browser and their official website Node.js — Run JavaScript Everywhere (nodejs.org )

Step # 02: Install the angular

install angular using this command "npm install -g @angular/cli"

Step # 03: Create new Angular Project

to create new angular Project, you just need to type the "ng new then Project name of folder name"

Step # 04: Run the Angular

Just use the command npm to run Angular

Step # 05: Make your First change

Edit your app.component.html

Step # 06: Build your app for production

use the command npm run build

Step # 07: OUTPUT

Comments (1)

Join the discussion

Thirdy Gayares2y ago

no github repository link

-5

Elnar, Isaac John S.2y ago

sir sorry po pero wala po naka lagay na ilagay po yung github repository, step by step lang po how to start with ANGULAR naka lagay po sa Instruction nyo po.

More from this blog

Activity 32: Angular Library Grid

book.service.ts import { Injectable } from '@angular/core'; import { Observable, of } from 'rxjs'; import { Product } from '../Models/book.model'; @Injectable({ providedIn: 'root' }) export class ProductService { private products: Product[] = [ ...

Nov 29, 20244 min read

Activity 33: Angular Recipe Grid

recipe.service.ts import { Injectable } from '@angular/core'; import { Observable, of } from 'rxjs'; import { Recipe } from '../Models/recipe.model'; @Injectable({ providedIn: 'root' }) export class RecipeService { private recipes: Recipe[] = [ ...

Nov 29, 20244 min read

Activity 31: Angular Ecommerce Product List

product.service.ts import { Injectable } from '@angular/core'; import { Observable, of } from 'rxjs'; import { Product } from '../Models/product.model'; @Injectable({ providedIn: 'root' }) export class ProductService { private products: Product[...

Nov 29, 20244 min read

Activity 30: HTTP Status Codes

HTTP Status Codes in RESTful APIs HTTP status codes are crucial for a client, such as a browser or application, to communicate with a server. They represent standardized messages that identify the outcome of an API call and help developers and applic...

Nov 25, 20244 min read

Activity 29: HTTP Methods

RESTful APIs use several HTTP methods to interact with resources. The RESTful design is based upon the principles of Representational State of Resource which is primarily stateless communication where the manipulation of the resources is done through...

Nov 25, 20245 min read

Elnar, Isaac John S.'s blog

26 posts

Command Palette

Step # 01: Download the Node.js

Step # 02: Install the angular

Step # 03: Create new Angular Project

Step # 04: Run the Angular

Step # 05: Make your First change

Step # 06: Build your app for production

Step # 07: OUTPUT

Comments (1)

More from this blog