Tag: Frontend Development

Day 1:

.NET Core Overview

• Advantage and differences from the .Net Framework

Building .NET Core applications

• Installing the .NET Core SDK, Using the .NET CLI, Creating and executing .NET Core application

Build with .NET Core

•  Frameworks, runtimes, and platforms, MSBuild fundamentals

Unit testing with xUnit

•  Writing unit tests, facts and theories

Working with databases

•  Relational, SQLite, Transforming data

Data access with ORM (object-relational mappers)

•  Dapper vs Entity Framework Core

Creating a Microservice with ASP.NET Core

Debugging

•  WinDBG/CDB, LLDB, SOS

Performance and Profiling

• xUnit.Performance, PerfView

Localizing your application
.NET Portability Analyzer
Preparing for release

•  NuGet package, NuGet feed, Signing assemblies

Day 2:

ASP.NET Core Overview

Creating ASP.NET Core web application

• Components

Handling requests with the middleware pipeline

•  Service static files, adding functionality, combining middleware, handling exceptions

Using MVC in ASP.NET Core
Mapping URLs

• Conventional routing, constraints and default values, Generating URLs

The Model Binding

•  Validating user input

Using Razor Views
Using Tag Helpers
Creating a Web API

•  Attribute routing, Content negotiation, XML formatting

Configuring service with dependency injection
Configuring ASP.NET Core application
Querying, creating, and updating data using Entity Framework Core
Using MVC filter pipeline
Using the ASP.NET Core Identity system
Securing your application
Publishing, Hosting ASP.NET Core application in IIS

• Bundling and minification

Monitoring and troubleshooting

Day 3:

The Front‐End Developer Toolset Overview
Angular Concepts

•  Creating the Project
•  Creating the Data Model
•  Creating a Web Service

Structuring an Angular Application
Creating the Angular Store
Using Angular with Blazor
Data binding & Directives
Services and Dependency Injection
Using Angular with ASP.NET MVC
Visual Studio Support for Angular
Bootstrap Concepts

•  Bootstrap styles, Components

Managing Dependencies with NuGet and Bower
Building Application with Gulp and webpack
Creating Administration Features
Securing the Application
Deploying ASP.NET Core Angular application

•  New Hosting Model, Installing on IIS, Azure, Docker Containers

Building ASP.NET CORE app outside of windows
Summary

What is Angular JS?

• HTML5, CSS and JavaScript
• JSON and Ajax
• Angular JS Applications
• Bootstrap CSS
• Models
• Bindings

Expressions

• Simple expressions
• Values
• Objects
• Arrays
• Maps

Directives

• Data typing
• Looping over arrays and arrays of objects
• Creating tables
• Enabling and disabling HTML elements
• Hiding and showing HTML elements
• Handling HTML events
• Custom Directives

Controllers

• Defining controllers
• Object property functions
• Controller methods
• Controllers in external files

Namespaces

• Global namespace
• Modules
• Module dependencies
• Library loading
• Where to put scripts
• Application files

Filters

• Convert to currency
• Array subsets
• Upper and lower case conversion
• Sorting

HTTP Requests

• General requests
• Shortcuts
• Success and error handling
• Setting HTTP headers
• JSON and XSRF vulnerability protection

Forms

• HTML input controls
• Browser versus Angular JS validation
• Validating input values
• Displaying input error messages

Angular Modules

• Services
• Animation
• REST
• Cookies
• Mobile device support

Single Page Application Concept

• Routing in Single Page Application (SPA)

Day 1: Frontend with JavaScript and Bootstrap

• Take a detailed look at HTML/CSS/JavaScript and the Bootstrap framework from Twitter.
• Create small applications that run all in the browser without any backend code.

Day 2: Backend with node.js and MongoDB

• Write a full featured web applications where multiple users can communicate and store state using a backend system. One way to do that with JavaScript is to use MongoDB and node.js.
• Cover the REST pattern and implement and test simple REST components in JavaScript with node.js using the MongoDB database system as storage.

Day 3: Example

• On day 3, we would put everything together and implement a real application in a workshop fashion, also looking into more topics around a full example:
  • github + git,
  • docker for building and shipping of code,
  • amazon ec2 for hosting.