ASP.NET Web Pages - kompletní web pro začátečníky

V současnosti ASP.NET nabízí několik různých technologií. Historicky nejstarší je ASP.NET WebForms, která přináší objektový přístup do programování webových aplikací a také například používání serverových ovládacích prvků. Tato technologie je relativně složitá na učení, na druhé straně díky lehké tvorbě komponentů a jejich znovupoužitelnosti v různých aplikacích může ušetřit spoustu času.

Další technologií je ASP.NET MVC. Hlavním důvodem jejího vzniku bylo usnadnění přechodu vývojářů z jiných platforem a použití architektonického vzoru Model - View - Controller. Je jednodušší na učení, na druhou stranu mnoho věcí, které jsou ve WebForms vestavěné, musí uživatel v MVC psát sám (nebo použít řešení třetích stran). Později byla vyvinuta technologie ASP.NET Web Pages, jejíž vývoj byl pozastaven a nahrazen technologií ASP.NET Razor Pages.

ASP.NET Web Pages je technologie, která je vhodná pro jednodušší aplikace nebo pro začátečníky a zároveň obsahuje mnoho běžně používaných prvků, jakými je například správa účtů nebo posílání emailů. Oproti tomu technologie nebo framework ASP.NET Razor Pages je komplikovanější pro začátečníky, ale má o krok blíže k MVC frameworku.

Jelikož je tento kurz zaměřen na začátečníky, které chceme efektivně naučit logickému myšlení a přivést je k rychlému a jednoduchému vývoji webových aplikací, rozhodli jsme se zpracovat téma ASP.NET Web Pages. Po absolvování tohoto online kurzu budeš lépe chápat vývoj webových aplikací a své znalosti využiješ dále v jakémkoliv programovacím jazyce a technologii.

Co budeme v kurzu dělat?

Tento kurz bude zaměřen na framework ASP.NET Web Pages. Spolu si vysvětlíme principy Razor syntaxe (speciální syntaxe na spojení ASP.NET kódu s HTML, CSS a JAVAScript kódem). Pak si na základě těchto znalostí spolu vyvineme kompletní web aplikaci od začátku až po její publikaci.

Budeme pracovat s databázemi, ve kterých budeme ukládat, mazat, upravovat a filtrovat data. Budeme nahrávat soubory a obrázky. Využijeme různých způsobů datové vizualizace. Na stránku přidáme přihlašování a registraci uživatelů. Řekneme si, jak vytvářet a spravovat role a jak nastavit vhodné autorizační a autentizační postupy. Nakonec si celou stránku nahrajeme na internet, aby byla viditelná pro uživatele z celého světa.

Pro koho je kurz určen?

Máš základy HTML a CSS? Víš, co to přibližně je HTML tag a už si nějaký napsal? Znáš základní CSS selektory jako class selektor tečka (.) a id selektor mřížka (#)? Máš základy v jakémkoliv programovacím jazyce (například JAVA, PHP nebo C#)? Pro absolvování tohoto kurzu Ti opravdu stačí jednoduché základy - abys věděl, co je to cyklus, co je to podmínka, co je to metoda nebo funkce a základní vědomost o SQL databázích (ukládání dat v databázi a její volání pomocí SQL příkazů).

Pokud sis odpověděl na tyto otázky ano, tak tenhle kurz je právě pro tebe. Pro úplného začátečníka ve všem. V tomto kurzu uchopíš své znalosti a posuneš se o krok dál. Budeš si prohlubovat své znalosti a vyzkoušíš si, jak je reálně využít v praxi.

V čem budeme dělat?

Budeme se učit dělat kompletní weby pomocí ASP.NET Web Pages. V tomto frameworku si práci nenajdeš, ale je tak jednoduchý, že stačí, aby si byl úplný začátečník. Naučíš se v něm mnoha věcem, které jsou jednoduše používány a které je jednoduché taky napsat. Tyto znalosti pak využiješ při studiu komplexnějších ASP.NET frameworků jako například ASP.NET MVC, ve kterém si už najdeš i práci. Dále Razor syntax, která je hojně využívána v tomto frameworku, je totožná i v MVC frameworku. Kód budeme psát v C#, ale jednoduchost frameworku nám dovoluje mít základy z jakéhokoli programovacího jazyka.

Tento framework již není do budoucna podporován - tedy nebudou v něm vyvíjeny nové věci. I když je naprosto vhodný pro začátečníky, tak byl jeho vývoj z nepochopitelných důvodů zastaven. Nyní se místo Web Pages frameworku tvůrci zaměřili na ASP.NET Razor Pages framework, který je o něco složitější pro začátečníky, ale má kousek blíže k MVC frameworku.

Na začátku budeme programovat ve vývojovém prostředí WebMatrix. Je velmi jednoduché a intuitivní a umožní nám rychlý vývoj aplikací. Následně se přesuneme do Visual Studia, které nám jako bonus poskytuje například ladění, tedy procházení kódem krok za krokem.

Na co čekáš?

Věřím, že toužíš po tom, aby sis dokázal sám naprogramovat webovou aplikaci. Takovou, která je reálně použitelná. Tak neváhej a přidej se do tohoto online kurzu. Věřím, že právě tento framework je stvořen přímo pro tebe.

BONUS

Jako bonus k tomuto kurzu dostaneš zdarma i 2/3 kurzu Bootstrap pro začátečníky (kapitoly jsou nahrány přímo v kurzu v samostatné sekci).

Seznam kapitol online kurzu

0001 Jak zjistit verzi IIS

0002 Odinstalování vyšší verze IIS a nainstalování IIS 8

0003   Instalace WebMatrix na čisté mašině

01 Full Stack - Abstrakce úrovně softwaru

02 Server, framework, databáze

03 Razor syntax -. teoretický úvod

04 Razor - Inline výrazy

05 Razor syntax - code blocks

06 Razor syntaxe - míchání s html kódem

07 Razor syntax - podmínky, cykly

08 Razor syntax - functions a   helper

09 Konzistentní vzhled web stránek - Content a Layout page

10 Konzistentní vzhled web stránek - RenderPage, RenderSection

11 Konzistentní vzhled web stránek - Layout v   layoutu

12 Co se spustí při prvním spuštění aplikace. Co se spustí při zobrazení stránky ve složce. Jak sdílet data mezi stránkami.

13 Databáze - vytvoření vyklikaním, první příkazy

14 Databáze - Primární klíče, cizí klíče. Osoby a Adresy - různé postupy jako je propojit

15 Databáze - Vypisujeme data do HTML

16 Zobrazení dat v gridu

17 Zpracování formulářů

18 Vyhledáváme na základě údajů z formuláře

19 Formulář - vkládáme data do databáze

20 Formulář - validovat data, abychom neuložili co nechceme

21 Upravujeme a mažeme záznam v   databázi

22 Url Routing - hezčí a čitelnější odkazy na stránkyBootstrap

23 Z čisté HTML stránky uděláme ASP.NET Web Pages aplikaci

24 Vytváříme layout pro naše stránky

25 Stroze překlápět stránky z HTML do CSHTML

26 Píšeme C # metodu ke zjištění aktivního okna

27 Návrh databázových tabulek pro naši aplikaci

28 Připravujeme formulář - zjišťujeme, co nám formulář pošle, GET

29 Přidáváme validace na formulář. Vlastní validace.

30 Vkládáme první záznam do databáze

31 Select a zobrazení dat na stránku. Určujeme styl na základě dat.

32 Opakující se tabulku vytvoříme na jednom místě - vytvoříme helper

33 Dokončujeme filtr

34 Home stránka - nastavujeme databázové data na stránku

35 Vytváříme dynamicky grafy. Míchání server kódu s javascriptem. Zákoutí a řešení problémů.

36 Dokončujeme graf

37 Instalace a spuštění Visual Studia 2017. Otevření projektu.

38 Začínáme ve Visual studio Community 2017

39 Visual studio ladění a zjišťování typů

40 Domácí úkol - vytvoř Přehled - úkol odevzdej do následující kapitoly

41 Přehled položky - získáváme data z url, přesměrování

42 Nahráváme obrázek - cesty, jedinečné názvy obrázků, práce s obrázkem, uložení na disk

43 Odkaz na fotku ukládáme do databáze

44 Zobrazuji obrázek na stránce a přidávám nový sloupec popisu fotografie

45 Určujeme aktivní obrázek

46 Čtení a zapisování ze souboru

47 Nahráváme více souborů najednou. Nastavujeme server. Maximální velikost nahraných souborů.

48 Domácí úkol

49 Ukládáme info o souborech do databáze

50 Zobrazujeme dokumenty na stránce

51 třídit linky na stránky +   domácí úkol

52 edit záznam - úvod

53 edit záznam - zjišťujeme zda editujeme nebo přidáváme

54   domácí úkol   - Tvořba Error stránky

55 edit záznam - nasetujeme data na formulář

56 Domácí úkol - přidej datum do Posledně přidané položky

57 edit záznam - uložení změn do databáze

58 mažu položku z   databáze

59 Domácí úkol - zprav tlačítko + funkcionalitu na smazání přílohy

60 Úvod do nové sekce

61 Příprava tabulek na membership + nastavení emailu

62 Registrace - úvod

63 Registrace - validace a   AntiForgery

64 Registrace - registrujeme uživatele, posíláme email

65 Registrace - vytváříme formulář

66 Registrace - přidáváme validační zprávy do stránky

67 Domácí úkol = doplň hlášky do registrace

68 Registrace - dokončení registračního formuláře - test zasílání emailů - Gmail chyba

69 Potvrzení registrace a děkovná stránka

70 Přihlašování

71 Zjišťuji, zda je uživatel přihlášen

72 Odhlášení

73 Změna hesla, zapomněl jsem heslo = Domácí úkol

74 Role pro uživatele

75 Správa rolí v   kódu

závěr kurzu

Instruktor

Jaroslav Beňo

Java