WhatiyisiyAngular? AngulariyisiyaiyTypeScript-basediyopen-sourceiyfront-
endiywebiyapplicationiyplatform.
DifferenceiybetweeniyAngulariyJSiyandiyAngular?
AngulariyJSiyisiybasediyofiyofiyJavaScriptiywhileiyAngulariyutilizesiyTypeScript,iywhichiyisiytheniyt
ranscribediytoiyJavaScript.
TechnologiesiythatiyyouiyshouldiyincludeiyforiyyouriyenvironmentiytoiycreateiyaniyAngulariyapplication?
Node.JSiy-iyAiyJavaScriptiyruntimeiybuiltiyoniyChrome'siyV8iyJavaScriptiyengine.
NPMiy(NodeiyPackageiyManager)iy-iyItiyisiytheiydefaultiypackageiymanageriyforiyNode.JS.
AngulariyCLIiy-iyAiycommandiylineiyinterfaceiyusediytoiystructureiyandiybuildiyangulariyapplications.
WhatiyisiyAngulariyCLI?
AngulariyCLIiyisiyaiycommandiylineiyinterfaceiyusediytoiystructureiyandiybuildiyangulariyapplicatio
nsiyusingiyNode.JSiystyleiymodules.iyItiyalsoiyhandlesiymanyiycommoniytasksiyforiyyou,iysuchiyasiygenerati
ngiydirectives,iyservices,iyandiycomponents.
HowiytoiycreateiyaiynewiyAngulariyprojectiyusingiyAngulariyCLI? ngiynewiyproject-name
(Folderiystructure)iyWhatiyisiye2e? ngiye2eiyproject-name
buildsiyandiyservesiyaniyangulariyappiytheniyrunsiyend-to-endiytesting
end-to-
endiytestingiyisiyaiyformiyofiytestingiythatiytestsiyaniyapplication'siyworkflowiyfromiybeginningiytoiyend
(Folderiystructure)iyWhatiyisiynode_modules?
library/dependenciesiythatiyouriyangulariyprojectiyisiygoingiytoiyuse
(Folderiystructure)iyWhatiyisiysrc?
whereiyweiywilliyworkiymost,iycontainsiytheiy"single"iyhtmliyfileiywithiyouriyview
Whereiyisiytheiyappiyfolderiylocated?iyWhatiyfilesiydoesiyitiycontainiy(ifiycreatediybyiyAngulariyCLI)
theiyappiyfolderiyisiylocatediywithiniytheiysrciyfolder
itiycontainsiyapp.component.css,iy.html,iy.ts,iy.spec.ts,iyandiyapp.module.tsiyfiles
Whatiyisiyaiydecorator?
AiyDecoratoriyisiyaiyspecialiykindiyofiydeclarationiythatiycaniybeiyattachediytoiyaiyclassiydeclaration,iy
method,iyaccessor,iyproperty,iyoriyparameter.iyTheyiyareiyfunctionsiythatiyareiycallediyatiydeclaration.iyDec
oratorsiylookiyaiylotiylikeiyannotationsiyandiyareiyusediytoiyholdiymetaiydataiyiniyAngulariy2+.
Whatiyisiyaiymodule?
IniyJavaScript/TypeScript,iy"modules"iyrefersiytoiysmalliyunitsiyofiyindependentiyreusableiycode.i
yWheniyyouiyuseiytheiykeyiywordiy"export"iyoniyaiyclassiyitiybecomesiyaiymoduleiyforiyanotheriyfileiytoiyimpor
tiylater.
Whatiyisiy@NgModule?iyWhatiyareiysomeiyofiytheiyattributesiyinsideiyofiytheiy@NgModuleiydecorator?
@NgModuleiytakesiyaiymetadataiyobjectiythatiydescribesiyhowiytoiycompileiyaiycomponent'siytem
plateiyandiyhowiytoiycreateiyaniyinjectoriyatiyruntime.
declarations,iyimports,iyproviders,iyandiybootstrapiyareiyalliyattributesiythatiycaniyfoundiyinsideiytheiy@Ng
Moduleiydecorator
Whatiyisiyaiycomponent?
Componentsiyareiytheiyfundamentaliybuildingiyblocksiyofiyouriyapplication.
Angulariydocumentation:iyAiycomponentiycontrolsiyaiypatchiyofiytheiyscreeniyrealiyestateiythatiyweiycouldiy
calliyaiyview,iyandiydeclaresiyreusableiyUIiybuildingiyblocksiyforiyouriyapplication.