From 59770a178e4c887de32a4338a53309a8f43b8f6c Mon Sep 17 00:00:00 2001 From: Ibteasm Ahmed <111435568+GetIbetsamAhmed@users.noreply.github.com> Date: Wed, 5 Oct 2022 03:23:09 +0500 Subject: [PATCH] adding content to angular roadmap - angular cli (#2131) Co-authored-by: Ibtesam Ahmed ( SK ) <51031949+SkyLineProgrammers@users.noreply.github.com> --- .../content/103-angular-cli/100-ng-build.md | 8 +++++++- .../content/103-angular-cli/101-ng-serve.md | 8 +++++++- .../content/103-angular-cli/102-ng-generate.md | 9 ++++++++- .../content/103-angular-cli/103-ng-test.md | 11 ++++++++++- .../content/103-angular-cli/104-ng-e2e.md | 8 +++++++- .../content/103-angular-cli/105-ng-new.md | 12 +++++++++++- .../104-angular/content/103-angular-cli/readme.md | 10 +++++++++- 7 files changed, 59 insertions(+), 7 deletions(-) diff --git a/content/roadmaps/104-angular/content/103-angular-cli/100-ng-build.md b/content/roadmaps/104-angular/content/103-angular-cli/100-ng-build.md index 3ede36d2c..9b2972204 100644 --- a/content/roadmaps/104-angular/content/103-angular-cli/100-ng-build.md +++ b/content/roadmaps/104-angular/content/103-angular-cli/100-ng-build.md @@ -1 +1,7 @@ -# Ng build \ No newline at end of file +# Ng build + +The command can be used to build a project of type "application" or "library". When used to build a library, a different builder is invoked, and only the ts-config, configuration, and watch options are applied. All other options apply only to building applications. + +Free Resources +Ng Build - Angular.io +Building an Angular project \ No newline at end of file diff --git a/content/roadmaps/104-angular/content/103-angular-cli/101-ng-serve.md b/content/roadmaps/104-angular/content/103-angular-cli/101-ng-serve.md index 1f0509136..b55cc6790 100644 --- a/content/roadmaps/104-angular/content/103-angular-cli/101-ng-serve.md +++ b/content/roadmaps/104-angular/content/103-angular-cli/101-ng-serve.md @@ -1 +1,7 @@ -# Ng serve \ No newline at end of file +# Ng serve + +ng serve — This command builds, deploy, serves and every time watches your code changes. if find any change in code it builds and serves that code automatically. How do Angular builds? After coding our Angular apps using TypeScript, we use the Angular CLI command to build the app. + +Free Resources +Ng serve - Angular.io +Running a project with ng serve \ No newline at end of file diff --git a/content/roadmaps/104-angular/content/103-angular-cli/102-ng-generate.md b/content/roadmaps/104-angular/content/103-angular-cli/102-ng-generate.md index 57de07068..94392ef86 100644 --- a/content/roadmaps/104-angular/content/103-angular-cli/102-ng-generate.md +++ b/content/roadmaps/104-angular/content/103-angular-cli/102-ng-generate.md @@ -1 +1,8 @@ -# Ng generate \ No newline at end of file +# Ng generate + +ng generate is used to create the component in angular project. These are the two main ways to generate a new component in Angular: using ng g c , and using ng generate component . Using either of these two commands, the new component can be generated pretty easily and followed by the suitable component name of your choice. + + +Free Resources +Ng generate - Angular.io +Angular cli generate component \ No newline at end of file diff --git a/content/roadmaps/104-angular/content/103-angular-cli/103-ng-test.md b/content/roadmaps/104-angular/content/103-angular-cli/103-ng-test.md index fd32cc8a6..67da9598a 100644 --- a/content/roadmaps/104-angular/content/103-angular-cli/103-ng-test.md +++ b/content/roadmaps/104-angular/content/103-angular-cli/103-ng-test.md @@ -1 +1,10 @@ -# Ng test \ No newline at end of file +# Ng test + +ng test is used to runs unit tests in angular project. + +`ng test [options]` | `ng t [options]` + + +Free Resources +Ng test - Angular.io +Angular Ng test commands \ No newline at end of file diff --git a/content/roadmaps/104-angular/content/103-angular-cli/104-ng-e2e.md b/content/roadmaps/104-angular/content/103-angular-cli/104-ng-e2e.md index 3aa9dd551..c32c0dc88 100644 --- a/content/roadmaps/104-angular/content/103-angular-cli/104-ng-e2e.md +++ b/content/roadmaps/104-angular/content/103-angular-cli/104-ng-e2e.md @@ -1 +1,7 @@ -# Ng e2e \ No newline at end of file +# Ng e2e + +End-to-end testing (E2E) of Angular applications is performed using the Protractor testing framework, which is created by the Angular team themselves. Protractor can perform end to end tests on Angular applications that are running in a real browser by interacting with it, similar to that of an end-user. + +Free Resources +Ng e2e - Angular.io +Angular cli generate component \ No newline at end of file diff --git a/content/roadmaps/104-angular/content/103-angular-cli/105-ng-new.md b/content/roadmaps/104-angular/content/103-angular-cli/105-ng-new.md index bfb508d18..25a555889 100644 --- a/content/roadmaps/104-angular/content/103-angular-cli/105-ng-new.md +++ b/content/roadmaps/104-angular/content/103-angular-cli/105-ng-new.md @@ -1 +1,11 @@ -# Ng new \ No newline at end of file +# Ng new + +`$ ng new [name]` + +That’s the default usage of the command and creating a new project folder with name. The project which is created in that folder is containing: + +The default Angular project, All dependencies installed in node_modules folder , Testing files for each components + +Free Resources +Ng New - Angular.io +ng New command \ No newline at end of file diff --git a/content/roadmaps/104-angular/content/103-angular-cli/readme.md b/content/roadmaps/104-angular/content/103-angular-cli/readme.md index 5e1e4b333..65ab5bf61 100644 --- a/content/roadmaps/104-angular/content/103-angular-cli/readme.md +++ b/content/roadmaps/104-angular/content/103-angular-cli/readme.md @@ -1 +1,9 @@ -# Angular cli \ No newline at end of file +# Angular CLI + +The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications directly from a command shell. we can install angular latest CLI using the following command + +`npm install -g @angular/cli` + +Free Resources +Angular CLI - Angular.io +Angular CLI - setup \ No newline at end of file