Angular and Asp Net Core (edit)

An Angular single-page application that authenticates users with Azure AD and calls a protected ASP.NET Core web API

Source: https://github.com/Azure-Samples/ms-identity-javascript-angular-spa-aspnetcore-webapi

Build an Authenticated GraphQL App with Angular, ASP.NET Core and Identity Server

https://fullstackmark.com/post/22/build-an-authenticated-graphql-app-with-angular-aspnet-core-and-identityserver-part-1

Source: https://github.com/mmacneil/fullstack-jobs

Posts in This Series

• Part 1: Building an authentication and identity server with IdentityServer
• Part 2: Angular app foundation with user signup and login features 👈 You're here!
• Part 3: Implementing an ASP.NET Core GraphQL API with authorization using GraphQL .NET
• Part 4: Integrating Angular with a backend GraphQL API using Apollo Client

Angular 5 and ASP.NET Core

https://www.toptal.com/angular/angular-5-asp-net-core

The client side:

• Angular 5
• Angular CLI
• Angular Material

The server side:

• .NET C# Web API Core 2
• Injection dependencies
• JWT authentication
• Entity framework code first
• SQL Server

Angular 5 & .NET Core

https://www.zerone-consulting.com/integrating-asp-net-core-2-0-mvc-with-angular-5-part-i/

Build a Simple CRUD App with Angular 8 and ASP.NET Core 2.2

Build a Simple CRUD App with Angular 8 and ASP.NET Core 2.2 - part 1 - back-end

https://dev.to/dileno/build-a-simple-crud-app-with-angular-8-and-asp-net-core-2-2-part-1-back-end-39e1

https://dev.to/dileno/build-an-angular-8-app-with-rest-api-and-asp-net-core-2-2-part-2-46ap

Angular 8 blog app with .NET Core 2.2 and Entity Framework back-end

Source: https://github.com/dileno/Blog-tutorial-Angular-8-.NET-Core-2.2-CRUD

ASP.NET MVC with Angular

Build a Basic Website with ASP.NET MVC and Angular

https://developer.okta.com/blog/2018/12/21/build-basic-web-app-with-mvc-angular

Build a CRUD App with ASP.NET Core and Angular

https://developer.okta.com/blog/2018/04/26/build-crud-app-aspnetcore-angular

Angular 7 + Drag & Drop

https://www.c-sharpcorner.com/article/create-an-angular-7-app-with-asp-net-core-2-1/

How to Integrate Angular with a .NET Core Project – Let’s go to the movies!

https://blog.ng-book.com/how-to-integrate-angular-with-a-net-core-project-lets-go-to-the-movies/

Angular 9 CRUD with ASP.NET Core Web API

https://www.codaffection.com/asp-net-core-article/angular-crud-with-asp-net-core-web-api/

How to Use jQuery Ajax in Asp.Net Core MVC for CRUD Operations with Modal Popup

https://www.codaffection.com/asp-net-core-article/how-to-use-jquery-ajax-in-asp-net-core-mvc-for-crud-operations-with-modal-popup/

Angular Series

https://code-maze.com/angular-series/

AdminLTE + ASP.NET MVC (edit)

https://github.com/go2ismail/AdminLTE-ASP-NET-MVC/

https://marketplace.visualstudio.com/items?itemName=c0shea.AdminLTETemplate

https://www.prishusoft.com/blog/Integrate-AdminLTE-theme-to-Angular-Project.html

AdminLTE + ASP.NET Core MVC

https://github.com/manhng83/AdminLTEWithASPNETCore

https://github.com/manhng83/AdminLTE-Starter-Kit

https://github.com/manhng83/AdminLTE.Core

https://github.com/manhng83/AdminLTE.MVC

https://github.com/manhng83/AspNetCore-DDD

https://github.com/manhng83/Boilerplate

https://manhng.com/blog/aspnet-5/

https://manhng.com/blog/starter-kit/ 

https://github.com/manhng83/EquinoxProject

https://github.com/manhng83/SimpleMultiTenant

https://stackify.com/writing-multitenant-asp-net-core-applications/

https://michael-mckenna.com/multi-tenant-asp-dot-net-core-application-tenant-resolution

Integrating AdminLTE with ASP.NET Core 3.1 – Detailed

https://www.codewithmukesh.com/blog/integrating-adminlte-with-aspnet-core/ (ASP.NET Core 3.1)

https://www.howtosolutions.net/2020/06/visual-studio-asp-net-mvc-project-installing-adminlte-dashboard-template/

How to Integrate AdminLTE with ASP.NET Core 3.1

Social Network for Programmers and Developers (morioh.com)

PureSourceCode | All technologies, only pure source code

How to integrate AdminLTE in an ASP.NET Core MVC

https://github.com/erossini/AdminLTEWithASPNETCore

How to integrate AdminLTE in an ASP.NET Core MVC and .NET 5 project

Integrating AdminLTE with ASP.NET Core | PureSourceCode

erossini/AdminLTEWithASPNETCore: How to integrate AdminLTE in an ASP.NET Core MVC and .NET5 project (github.com)

• AdminLTE
• IdentityServer4
• Authentication with other providers:
  • Facebook
  • Google
  • Microsoft
  • Twitter
• Swagger
• Hangfire
• SignalR
• DataTables
• MediatR

AdminLTE Starter Kit for ASP.NET Core

dotnet-express/AdminLTE-Starter-Kit: AdminLTE Starter Kit for ASP.NET Core (github.com)

AdminLTE converted to ASP.NET Core 2

moemura/AdminLTE.Core: AdminLTE converted to ASP.NET Core 2 (github.com)

iammukeshm/AdminLTE.MVC: We will learn about Integrating AdminLTE with ASP.NET Core 3.1 MVC or really any other Bootstrap based UI Frameworks completely from scratch. We will also go through about integrating Identity Authentication to our MVC Applicaiton. Also, you will gain quite a lot of practical knowledge on Views, Layouts, Partial Views, Conditional Rendering, Navigation Indicatior and much more. (github.com)

ASP.NET MVC 5 Training

https://www.c-sharpcorner.com/article/layouts-master-pages-in-Asp-Net-mvc-5-0-part-fourteen/

Top 20 GitHub-hosted projects of 2019

https://dev.to/areknawo/top-20-github-hosted-projects-of-2019-2f4f

Blog engine based on ASP.NET Core 3.1 and Twitter Bootstrap 4

https://github.com/danielpalme/MVCBlog

My Blog as an ASP.NET Core 3.1 Project http://wildermuth.com

https://www.palmmedia.de/Blog/2013/9/6/aspnet-mvc-4-blog-engine-based-on-twitter-bootstrap

https://github.com/shawnwildermuth/WilderBlog

I re-wrote my blog using a new stack of web technologies including:

• ASP.NET Core 3.1
• Entity Framework Core 3.1
• Vue 2.x
• Bootstrap 4
• Azure Websites (Docker) and Azure Blob Storage

The ASP.NET Interns ship their project - A basic blog template for .NET Core

https://www.hanselman.com/blog/TheASPNETInternsShipTheirProjectABasicBlogTemplateForNETCore.aspx

A blogging engine based on HTML5 and ASP.NET

https://github.com/madskristensen/MiniBlog

ASP.NET MVC with Entity Framework and CSS

https://github.com/Apress/asp.net-mvc-w-entity-framework-css

ASP.NET Core Samples

https://github.com/dotnet/AspNetCore.Docs/tree/master/aspnetcore/data/ef-mvc/intro/samples/cu-final

ASP.NET MVC Core 2 project using CoreUI.io template

https://github.com/mvelosop/AspNetCore2CoreUI

AdminLTE + Select 2 + ASP.NET MVC 5

https://www.intertech.com/Blog/selecting-multiple-items-using-select2-in-mvc-5/

AdminLTE

https://codecanyon.net/tags/mvc

https://stackoverflow.com/questions/tagged/adminlte

https://adminlte-mvc5.azurewebsites.net/

ASP.NET Core 2.2 Roles And Memberships Customization Implemented Using Beautiful AdminLTE Template. C# as programming language and EF (Entity Framework) as ORM.

https://github.com/go2ismail/AdminLTE-Roles-And-Memberships-Example

Features:

1. configuration over development (Identity configuration through appsettings.json)
2. custom error handling (ex: 404 and 500 custom error page)
3. user membership with dynamics roles management
4. dbinitializer for data seed (ex: super admin user initialization)
5. user registration and change password management
6. basic profile management
7. override identity user with custom column
8. active / de-active member
9. custom security service implemented through DI (dependency injection)
10. xsrf / anti forgery token

Technical:

1. C#
2. EF (Entity Framework)
3. jQuery
4. Bootstrap
5. Datatables.net
6. crud
7. toastr
8. mssql

Development Tools & Environment

I'm using Visual Studio Community 2017 for the development tools on Windows 10 machine.

.Net Core Version

I'm using .Net Core 2.2

AdminLTE - ASP.NET Core 2.x

https://github.com/go2ismail/adminlte-aspnetcore2-version

AdminLTE

AdminLTE - is a Free Premium Admin control Panel Theme Based On Bootstrap 3.x

the creator of AdminLTE is Abdulllah Almsaeed

follow this AdminLTE link for original HTML/JavaScript version.

ASP.NET Core 2 MVC Version

this repo, provide full ASP.NET Core 2 MVC version of AdminLTE, consisting all the demo pages provided by HTML/JavaScript version of AdminLTE such as:

• Dashboard
• Layout
• Widgets
• Charts
• UI Elements
• Forms
• Tables
• Calendar
• Mailbox
• Examples
• Multilevel

Development Tools & Environment

I'm using Visual Studio Community 2017 for the development tools on Windows 10 machine. For this project, i'm using AdminLTE version 2.4.0.

AdminLTE ASP.NET Core 2 MVC Version Usage

You can Clone / Download the repo and then start building beautiful web app using this visual studio solution. From this project you can also learn how to:

• work with controller
• work with view
• work with partial view
• work with layout
• work with JavaScript / jQuery
• work with razor
• create HTML helper extension

Simple CRUD Example

I have provide simple Ajax jQuery CRUD example

AdminLTE on this blog

https://manhng.com/archive/adminlte/

AdminLTE - FullCalendar

https://www.c-sharpcorner.com/article/asp-net-mvc5-full-calendar-jquery-plugin/

https://gunnarpeipman.com/using-fullcalendar-jquery-component-with-asp-net-mvc/

https://www.toshalinfotech.com/Blogs/ID/115/How-to-Integrate-Full-calendar-with-MVC-application

https://github.com/RobertHajbok/FullCalendarMVC

https://www.codeproject.com/articles/874283/event-calendar-in-asp-net-mvc-and-entity-framework

AdminLTE - ASP.NET MVC 5

https://github.com/ColorlibHQ/AdminLTE

ASP.NET MVC - Installing AdminLTE dashboard to replace Bootstrap template

https://www.howtosolutions.net/2017/05/visual-studio-asp-net-mvc-project-installing-adminlte-control-panel/

Building elegant applications with ASP.NET MVC Core 2 and Bootstrap 4 using CoreUI

https://www.coderepo.blog/posts/building-elegant-applications-aspnet-mvc-core-2-bootstrap-4-coreui/

https://github.com/go2ismail/AdminLTE-ASP-NET-MVC

I'm using Visual Studio Community 2015 for the development tools on Windows 10 machine. For this project, I'm using AdminLTE version 2.4.0.

It provides full ASP.NET MVC version of AdminLTE, consisting all the demo pages provided by HTML/JavaScript version of AdminLTE such as:

• Dashboard
• Layout
• Widgets
• Charts
• UI Elements
• Forms
• Tables
• Calendar
• Mailbox
• Examples
• Multilevel

You can also learn how to:

• work with controller
• work with view
• work with partial view
• work with layout
• work with JavaScript / jQuery
• work with razor
• create HTML helper extension

ASP.NET MVC 5 Development Training - 5 days

https://www.intertech.com/Training/Microsoft/Visual-Studio/MVC/ASP-NET-MVC-5-Development

https://cgeers.wordpress.com/2012/09/23/getting-started-with-twitter-bootstrap/

Description

In this course, students will learn to develop advanced ASP.NET MVC applications using .NET Framework tools and technologies. The focus will be on coding activities that enhance the performance and scalability of a web application. ASP.NET MVC will be introduced and compared with Web Forms so that students know when each should/could be used. This course will also prepare the students for exam 70-486.

Learning Objectives

After completing this course, students will be able to:

• Describe the Microsoft Web Technologies stack and select an appropriate technology to use to develop any given application.
• Design the architecture and implementation of a web application that will meet a set of functional requirements, user interface requirements, and address business models.
• Create MVC Models and write code that implements business logic within Model methods, properties, and events.
• Add Controllers to an MVC Application to manage user interaction, update models, and select and return Views.
• Create Views in an MVC application that display and edit data and interact with Models and Controllers.
• Run unit tests and debugging tools against a web application in Visual Studio and configure an application for troubleshooting.
• Develop a web application that uses the ASP.NET routing engine to present friendly URLs and a logical navigation hierarchy to users.
• Implement a consistent look and feel, including corporate branding, across an entire MVC web application.
• Use partial page updates and caching to reduce the network bandwidth used by an application and accelerate responses to user requests.
• Write JavaScript code that runs on the client side and utilizes the jQuery script library to optimize the responsiveness of an MVC web application.
• Implement a complete membership system in an MVC web application.
• Build an MVC application that resists malicious attacks and persists information about users and preferences.
• Describe how to write a Microsoft Azure web service and call it from and MVC application.
• Describe what a Web API is and why developers might add a Web API to an application.
• Modify the way browser requests are handled by an MVC application.
• Describe how to package and deploy an ASP.NET MVC web application from a development computer to a web server for staging or production.

Audience

This course is intended for professional web developers who use Microsoft Visual Studio in an individual-based or team-based, small-sized to large development environment. Candidates for this course are interested in developing advanced web applications and want to manage the rendered HTML comprehensively. They want to create websites that separate the user interface, data access, and application logic.

Prerequisites

Before attending this course, students must have a minimum of two to three years of experience developing web-based applications by using Microsoft Visual Studio and Microsoft ASP.NET, proficiency in using the .NET Framework, and some familiarity with the C# language.

Course Outline

Delegates, Anonymous Methods, and Lambdas

• Understand four ways to use delegates
• Anonymous methods with the delegate keyword
• Lambda shorthand notation
• Using Lambdas in ASP.NET MVC 5

Extension Methods, Anonymous Types, and Dynamic Types

• Understanding extension methods
• Using extension methods in ASP.NET MVC 5
• Understanding Anonymous Types
• Using Anonymous Types in ASP.NET MVC 5
• Understanding the dynamic keyword
• Using dynamic Types in ASP.NET MVC 5
• Introduction to the Task Parallel Library (TPL)
• Using the TPL in ASP.NET MVC 5

Introduction to LINQ

• Understand the motivation behind LINQ
• Visual Studio LINQ support
• Debugging LINQ query expressions
• Work with query operators and query expressions
• Program with LINQ to Objects
• Understand deferred and immediate execution
• Know the role of the System.Linq.Enumerable type
• Know the role of the System.Func delegate type
• Understanding the query operators / delegates / lambda relationship

Introduction to ASP.NET MVC 5

• ASP and ASP.NET WebForms
• One ASP.NET in VS 2013
• Web Standards and REST
• JavaScript and Ajax
• The MVC Design Pattern
• Unit Testing
• Managing Dependencies

ASP.NET MVC Architecture

• ASP.NET Platform
• Controllers, Models, and Views
• URL Routing
• Controller Actions
• Razor View Engine
• Extensibility

Defining the Model

• Persistence Ignorance
• Repository Pattern
• Object Relational Mapping (ORM)
• Entity Framework
• Using an IoC Container

Routes and URLs

• Introduction to Routing
• Defining Routes
• Route Evaluation
• The Controller Factory
• Constraints
• Exempting URLs
• Constructing Outgoing URLs
• Unit Testing Routes

Controllers and Actions

• IController, ControllerBase, and Controller
• Defining Actions
• Action Selectors
• Action Filters
• HTTP Verbs
• HttpContext and RouteData
• Maintaining Testability
• Returning Data with ActionResult
• Parameters and the Model Binder
• Asynchronous Action Methods

Views

• View Engines
• Templates and Scaffolding
• Bootstrap Framework
• Razor Syntax
• ViewData and ViewBag
• Strongly-Typed Views
• Layout Pages
• Custom Sections
• Partial Views
• Child Actions
• Using a ViewModel Object

HTML Helpers

• Basic Helpers
• Strongly-Typed Helpers
• Creating Custom Helpers
• Declarative Helpers

Data Validation

• Data Annotations
• Validation HTML Helpers
• ModelState
• IValidatableObject
• Client Side Validation

Authentication and Authorization

• ASP.NET Identity
• Using Windows Authentication
• Building a Custom Account Controller
• Configuring Forms Authentication
• Using the Authorize Attribute
• Authentication Filters
• OAuth2 and OpenID

Ajax

• Controller Actions for Ajax
• Ajax Helpers
• Unobtrusive Ajax
• Ajax with jQuery

Web API 2

• Using HTTP as an Application Protocol
• Content Negotiation
• Routing
• Attribute Routing
• ApiController
• MediaTypeFormatters
• Cross Origin Resource Sharing (CORS)
• Open Web Interface for .NET (OWIN)
• Web API OData

Building a Rich Client-Side UI

• jQuery UI
• jQuery Templates

Mobile Clients

• CSS 3 Media Queries
• Responsive vs. Adaptive
• Mobile-Specific Views
• Using a View Switcher

Customizing and Extending ASP.NET MVC

• ASP.NET MVC Pipeline
• Advanced Routing
• Custom Global Filters
• Customizing MVC Code Templates
• Creating a Custom Controller Factory

Deployment

• Server Requirements
• Configuration Options

Real-World Angular Series

MEAN Setup & Angular Architecture

https://auth0.com/blog/real-world-angular-series-part-1/

Authentication and Data Modeling

https://auth0.com/blog/real-world-angular-series-part-2/

Fetching and Displaying API Data

https://auth0.com/blog/real-world-angular-series-part-3/

Access Management, Admin, and Detail Pages

https://auth0.com/blog/real-world-angular-series-part-4/

Animation and Template-Driven Forms

https://auth0.com/blog/real-world-angular-series-part-5/

Reactive Forms and Custom Validation

https://auth0.com/blog/real-world-angular-series-part-6/

Relational Data and Token Renewal

https://auth0.com/blog/real-world-angular-series-part-7/

Lazy Loading, Production Deployment, SSL

https://auth0.com/blog/real-world-angular-series-part-8/

Angular Class: An Angular Starter kit featuring Angular 4

https://github.com/AngularClass/angular-starter

 

Mark Pieszak: Angular 4.0 Universal & ASP.NET Core advanced starter-kit

https://github.com/MarkPieszak/aspnetcore-angular2-universal

http://aspnetcore-angular2-universal.azurewebsites.net/

 

Angular 2 and .NET Core – your first component

https://jonhilton.net/2016/12/13/angular-2-and-net-core-your-first-component/

https://jonhilton.net/2017/01/03/angular-2-and-net-core-route-to-an-angular-component/

https://jonhilton.net/2017/02/01/send-form-input-via-an-angular-2-component-to-asp-net-core-web-api/

 

Setting Up Angular Project With ASP.NET Core And Visual Studio 2017

http://www.c-sharpcorner.com/article/setting-up-angular-project-with-asp-net-core-and-visual-studio-2017/

 

From Zero to CRUD in Angular: Part 1

http://www.codemag.com/article/1705021

 

From Zero to CRUD in Angular: Part 2

http://www.codemag.com/article/1707021