Discover what it takes to make an Angular, ASP.NET Core application in Visual Studio Code explaining the pieces on which to focus and those to initially ignore.
4. Overview - House Keeping
Angular | Angular 1.x
Visual Studio Code (VS Code) | Visual Studio 2015/2017
ASP.NET Core | ASP.NET 4.6
* Denotes Key Getting Started Concept or Tool
5. Overview - The Players
Angular
◦ Client-side framework (in the browser)
◦ UI
◦ HTML, CSS, JavaScript (TypeScript)
Visual Studio Code
◦ Text Editor ‘Plus’
◦ Development Environment
ASP.NET Core
◦ Server-side web application
◦ Web API
◦ C# or other supported .NET Core language
6. Overview - Benefits
Increased Modularity and Performance
Frequent Releases
Cross Platform
Progressive Web Apps
Open Source
Backed by Large Companies
Interesting Integration Points
New Opportunities for Developers
11. Visual Studio Code - To Start
Give it a try
Get accustomed to the command palette Ctrl + P
Use the integrated terminal Ctrl + `
Get the C# extension
Check out other web development extensions
18. Angular - To Start
Use the Angular CLI for build and development
Use TypeScript
Get all packages and types from npm
Follow the Angular getting started tutorial
Focus on learning NgModules, Components, and Services
Learn the template syntax
20. ASP.NET Core - Benefits
Cross-Platform
*dotnet CLI (Command Line Interface)
Side-by-Side Framework Versioning
Concept Compatible with ASP.NET 4.5
Increased Performance and Modularity
Self-Hosting
21. ASP.NET Core - Key Pieces
*Project System (MSBuild)
*Middleware
JavaScriptServices
Web API
Configuration Framework
Tag Helpers
23. Action Plan
Use the Angular CLI for build and development
Use TypeScript
Get all packages and types from npm
Follow the Angular getting started tutorial
Focus on learning NgModules, Components, and Services
Learn the template syntax
Add ASP.NET Core to host Angular
Layer on additional features:
◦ Routing
◦ Data Access APIs
◦ JavaScriptServices
24. More Resources
Docs
◦ https://angular.io/docs/
◦ http://code.visualstudio.com/docs
◦ https://docs.microsoft.com/en-us/aspnet/core/
◦ https://github.com/aspnet/JavaScriptServices
Podcasts
◦ https://devchat.tv/adv-in-angular
◦ http://www.dotnetrocks.com/
◦ https://www.staticvoidpodcast.com/
My Blog
◦ http://angularfirst.com
25. Aaron Marisi - About Me
Blog: angularfirst.com
Twitter: @amarisi
GitHub: aaronmarisi
Thank You!