asp.net core docker Angular project setup

Download the complete project source code
https://drive.google.com/drive/folder...

Instructions to run AngularCrud project
http://csharp-video-tutorials.blogspo...

This is Part 1 of Angular CRUD tutorial. In this video and in our upcoming videos in this series we will discuss performing CRUD operations in Angular i.e Creating, Reading, Updating and Deleting in Angular with simple examples.

Setting up a new angular project from scratch is a tedious and time consuming process. However, Angular CLI makes it super fast and easy. With angular development, we write same boiler plate code to create components, pipes, services, directives etc. Manually creating these consumes lot of time. Angular CLI can generate these with lightning speed while still following Angular's best practices and conventions. So basic knowledge of Angular CLI is very helpful.

The prerequisites for this course are basic knowledge of Bootstrap, Angular CLI and Angular 2. If you are new to these please check out our courses using the links below.

Angular CLI : http://csharp-video-tutorials.blogspo...

Angular 2 : http://csharp-video-tutorials.blogspo...

Bootstrap : http://csharp-video-tutorials.blogspo...

Installing the tools required

Node : Install the latest version of node. Here is the link to download and install the latest version
https://nodejs.org/en/download/

To check the version of node
node -v

Angular CLI : Install the latest version of Angular CLI by executing the following command from the windows command prompt.
npm install -g @angular/cli

To verify the version of Angular CLI installed on your machine execute the following command.
ng -v

Another question that you might have is, which version of Angular are we using with this course. As of this recording, the latest version is Angular 5, which is what we will be using.

After you have the latest version of Node and Angular CLI installed, launch windows command prompt as an administrator and execute the following command. This creates a new AngularProject with name AngularCrud. We do not want test files to be generated for the root component AppComponent, so we have set "skip-tests" option to true. We will discuss unit testing components in a later video.

ng new AngularCrud --skip-tests true

Once you have the Angular project opened in Visual Studio Code, open package.json file and notice that we are using Angular 5.

We will be using Bootstrap for styles in our application. So install Bootstrap by executing the following command from the command prompt.
npm install bootstrap@3 --save

Once Bootstrap is installed, open .angular-cli.json file and specify the path to the Bootstrap stylesheet (bootstrap.min.css) in the styles property as shown below.
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"]

Text version of the video
http://csharp-video-tutorials.blogspo...

Slides
http://csharp-video-tutorials.blogspo...

Angular CRUD Tutorial
https://www.youtube.com/watch?v=rJ9o4...

Angular CRUD Tutorial Text Articles & Slides
http://csharp-video-tutorials.blogspo...

All Dot Net and SQL Server Tutorials in English
https://www.youtube.com/user/kudvenka...

All Dot Net and SQL Server Tutorials in Arabic
https://www.youtube.com/c/KudvenkatAr...

asp.net core docker Angular project setup
556 Likes	556 Dislikes
208,363 views views	524K followers
Science & Technology	Upload TimePublished on 11 Dec 2017

Related keywords

tutorialspoint,ajax meaning,tutorials dojo,central park 5,asp.net core github,craigslist nj,asp.net core 3,server status,ajax fc,ajax players,server jobs nyc,asp.net core swagger,credit karma,services group,tutorials by hugo,mvc design pattern,asp.net machine account,server error in '/' application,servers for minecraft,asp.net core dependency injection,services windows,asp.net core 3.0,tutorialspoint c#,services angular,calculator,tutorialspoint tableau,ajax ontario,services google play apk,asp.net mvc tutorial,asp.net core 3 release date,server job description,tutorials by a,asp.net cos'è,servicenow,mvc hours,tutorialspoint python,services briefcase,asp.net core web api,ajax jquery,craigslist ny,ajax call,asp.net core 2. guida completa per lo sviluppatore,asp.net core,server pro,server status ffxiv,asp.net zero,cheap flights,server memes,asp.net core hosting,services sas,services online,chase,tutorialspoint java,serverless architecture,tutorialspoint java compiler,server resume,server books,tutorialspoint javascript,mvcc connect,services technologies gps,ajax deadpool,college football,server jobs,cvs,cnn,mvc tutorial,costco hours,tutorialspoint sql,asp.net web api,server side rendering,tutorialspoint spring,serverless,mvc nj,tutorialspoint spark,asp.net core download,cool math games,services & training hse colombia sas,servicestack,citibank,asp.net core identity,ajax parking,asp.net core logging,tutorialsystems,mvconnect,ajax post,asp.net guida,cunyfirst,services fms publish announcement,services.msc no abre,ajax jersey,asp.net core razor pages,server duties,asp.net core environment variables,tutorials near me,http://asp.net,server 2019,chernobyl,century 21,serverminer,ajax cleaner,services consultores,services consulting,mvcsd,mvcsc,services.msc,asp.net core configuration,ajax marvel,asp.net tutorial,asp.net mvc,mvc medical,asp.net core tutorial,ajax roster,mvc architecture,mvc2,asp.net core mvc,ajax soccer,server hosting,chase online,costco,server jobs near me,ajax dish soap,capital one,server rack,tutorialspoint html,ajax tavern,craigslist,tutorialsteacher,ajax javascript,tutorialspoint reactjs,ajax request,asp.net core 2.2,services desk,tutorialspoint python 3,services transmission company sas,asp.net core signalr,services manager,mvc framework,ajax paving,mvc near me,ajax greek,mvc pattern,asp.net identity,mvcu,tutorialspoint spring boot,asp.net core middleware,mvc map,asp.net download,services tag dell,mvc webadvisor,mvcc,mvci,mvctc,