ANGULAR 17 | Introduction | Required Software | Angular CLI| Folder Structure | Welcome Project 2024

Pre Required Skills:
HTML
CSS
JAVASCRIPT

Required Softwares:
Node Js
NPM
VS Code
Angular CLI(Commandline interface)

What is Angular?

Angular is a popular open-source web application framework maintained by Google and a community of developers. It is written in TypeScript and is designed to make both the development and testing of such applications easier. Angular provides a comprehensive set of tools and libraries for building dynamic, single-page web applications (SPAs).

Key features of Angular include:
Two-way data binding
Dependency injection
Modular architecture
Directives
Templates
Routing
Forms
HTTP client

Commands:
To Find Node Version: node --version / node -v
To Find NPM Version : npm --version /npm -v
To Find Angular Version: ng version
To Install Angular CLI : npm install -g @angular/cli
To Install Angular CLI(Version) : npm install -g @angular/cli@number
To Install Angular CLI : npm uninstall -g @angular/cli
To Create Angular Project: ng new Project_Name / ng new project_name --standalone false
To Run the Project: ng serve / ng serve --open / ng serve --open --port 1234

Angular Versions realese Years:
AngularJS (Angular 1.x):
Initial Release: 2010
Stable Release: 2012
Angular (Angular 2 and onwards):
Angular 2: 2016
Angular 4: 2017
Angular 5: 2017
Angular 6: 2018
Angular 7: 2018
Angular 8: 2019
Angular 9: 2020
Angular 10: 2020
Angular 11: 2020
Angular 12: 2021
Angular 13: 2021
Angular 14: 2022
Angular 15: 2022
Angular 16: 2023
Angular 17: 2023(Current Version)

Angular TOPICS:
Class:1
Introduction
Installation
Commands
Project Creation
File structure Explanation
Welcome Project
Class:2
Bootstrap Include
App Component designe
Components Creation(Home,About,Services,contact,register,login,admin)
Routing
routerLink
routerLinkActive
router-Outlet
TYPESCRIPT:
varibles declare(public,Private)
methods
ngonInit
class
constructor
Bindings:
one-way Binding:
DataBinding(Interpolation{{}})
Property Binding([])
Event Binding(())
two-way Binging:
Templete Driven Form Validation
Reactive Form Validation
Directives:
structural Directives
*ngFor
*ngIf
*ngSwitch

Attribute Directives
ngClass
ngStyles
ngSwitch
ng-container
Child Routing
API Intigration Register,Login
Login, Logout, Navigate to Dashboard
local Storage
Service
Components Interaction(Parent to child and child to parent)
@Input(),@Output()
Life cycle methods
Lazy Loading
Guards
Route Params
Add to Cart
Promisses and Observables
Angular Material
API Intigration CURD Operations(ADD,GET,UPDATE,DELETE)
STUDENT, SLIDES (CURD OPERATIONS)
Angular 17 New features


#javascript #arrays #objects #selectors #getattribute #webdevelopment #telugututorial #javascript2023 #learncoding #techintelugu #html #css #javascript #programming #coding #webdesign #webdeveloper #webdevelopment #python #java #developer #code #programmer #php #coder #website #web #webdesigner #software #computerscience #softwaredeveloper #codinglife #design #frontend #ui #technology #ux #wordpress #webdev #js #telugu #trending #2023 #ilander #career #job #learn #education #youtube #youtuber #youtubevideo #youtubechannel #telangana #andhrapradesh #tirupati #hyderabad #rayachoti #students #subscribenow

Скачать видео