Introduktion till HTML och MVC

Vi börjar på att prata hur man bygger websidor, och hur den grafiska repräsnetation på bygger på tre grund stenar: HTML, CSS och JavaScript (mer om javascript sen).

Desutom börjar vi att prata om patterns runt präsentationslageret, gäller båda på en website och dom fleasta andra gränssnitt, primärt med fokus på MVC

Lektionsplan

Torsdag den 24:e januari 2019

1. Sammanfattning av senaste lektion (Clean code)
2. Genomgång av HTML och CSS
3. Genomgång av MVC
4. Genomgång av övning till idag (online övning)
5. Projekt 2
6. 13:00 - Klassråd

Kurslitteratur

• Nº 1. of HTML & CSS Is Hard: Introduction

HTML

• Getting started with HTML
• Nº 12. of HTML & CSS Is Hard: Semantic HTML

CSS

• Nº 4. of HTML & CSS Is Hard: Hello, CSS

MVC (Präsentations patterns)

• MVC Framework - Introduction

Extra kurslitteratur

Detta är insperation till material man kan läsa för att öka chansen för VG.

• Hur stor är stöd för olika web funktionalitet: Can I use

HTML:

• MDN: HTML5
• W3C: HTML 5.2

CSS:

• MSN: CSS3
• Wikpedia: Cascading Style Sheets - CSS 3

Präsentations patterns:

• Model-View-ViewModel (MVVM) Applications: General Introduction
• Kursbok: Kapitel 2: Your first application
• Kursbok: Kapitel 4: Creating web pages with MVC controllers
• GUI Architectures - Model View Controller

CSS Preprocessor:

Vi kommer inte att jobba något med CSS preprocessor i denna kursen men är nice to know, eftersom man som C# udveklare lätt kommer att känna vissa begränsingar i CSS och en CSS preprocessor kan vara ett verktyg till att komma runt vissa av dissa begränsningar:

• CSS preprocessor
• 10 Reasons to Use a CSS Preprocessor in 2018

Browser engine

• Wikipedia: Browser engine
• Wikipedia: Chromium (web browser)
• The Chromium Projects: Chromium
• WebKit

Övningar

På codecademy findes där en rad med gratis interaktiva kurs, blant annat två kurs om HTML och CSS, dagens övning är att göra dissa två kurs:

• Introduction to HTML
• Learn CSS

Man får skåpa en gratis konto för att kunna göra övningarna.

DI gennomgång

Vi gick i klassen igennom hur vi kan anväda DI och gjode ett example som ligger på GitHub: RecapDI20190124

Litet ressourcer på Dependency Injection:

• Dependency injection in ASP.NET Core
• Singelton
• GUID

Ett (av många) alternativt DI ramverk:

• Ninject

Projekt

Försätt med projekt 2