ASP.NET Web Pages - kompletní web pro začátečníky
- Level
- Kapitol
- 118
- Kategorie
- Programování
- Hodnocení
- 5,0 z 5
- Délka
- 10h 35min
- Jazyk
- SK
Popis online kurzu
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).
Kapitoly online kurzu
Prečo tento kurz? (1)
Ukázka zdarma
5:07
Inštalácia (6)
Tu začíname - trochu info na začiatok
Ukázka zdarma
1:27
Ukázka zdarma
1:09
Ukázka zdarma
3:22
Git - ako vyťažiť zo zdrojákov čo najviac
3:07
Zdrojové kódy pre Prázdny ASP.NET Web Pages projekt
Web Pages a Razor syntax (22)
01 Full Stack - Abstrakcie úrovne softvéru
2:07
02 Server, framework, databáza
4:51
Ukázka zdarma
5:33
Ukázka zdarma
4:12
Ukázka zdarma
4:45
06 Razor syntax - miešanie s html kódom
9:07
07 Razor syntax - podmienky, cykly
1:49
08 Razor syntax - functions a helper
5:49
09 Konzistentný vzhľad web stránok - Content a Layout Page
6:57
10 Konzistentný vzhľad web stránok - RenderPage, RenderSection
5:43
11 Konzistentný vzhľad web stránok - Layout v layoute
2:48
12 Čo sa spustí pri prvom spustení aplikácie. Čo sa spustí pri zobrazení stránky v priečinku. Ako zdieľať dáta medzi stránkami.
4:06
13 Databáza - vytvorenie vyklikaním, prvé príkazy
10:34
14 Databáza - Primárne kľúče, cudzie kľúče. Osoby a Adresy - rôzne postupy ako ich prepojiť
8:46
15 Databáza - Vypisujeme dáta do HTML
16:37
16 Zobrazenie dát v gride
2:37
17 Spracovanie formulárov
11:04
18 Vyhľadávame na základe údajov z formulára
4:53
19 Formulár - vkladáme dáta do databázy
6:49
20 Formulár - validujeme dáta, aby sme neuložili čo nechceme
8:56
21 Upravujeme a mažeme záznam v databáze
9:34
22 Url Routing - krajšie a čitateľnejšie odkazy na stránky
8:54
Bootstrap 4 (BONUS - veľká časť samostatného kurzu zdarma) (25)
Bootstrap - 000 Inštalujeme Visual Studio Code
2:00
Git - ako vyťažiť zo zdrojákov čo najviac
Zdrojáky 101-109
Bootstrap - 101 zakladáme prvý projekt
3:04
Bootstrap - 102 Layout - grid systém, container, fluid, row, col
9:20
Bootstrap - 103 lámeme stĺpce podľa šírky zobrazovacieho zariadenia
8:36
Bootstrap - 104 media queries, mobil first princíp
3:08
Bootstrap - 105 grid nesting, offsetting
3:00
Bootstrap - 106 horizontálne a vertikálne zarovnanie
4:13
Bootstrap - 107 ordering
2:24
Bootstrap - 108 pomôcky a komponenty z rýchliku
5:25
Bootstrap - 109 dokončenie úvodu
2:11
Zdrojáky 201 - 212
Bootstrap - 201 Zakladáme projekt - s čím začíname
7:08
Bootstrap - 205 badges, spacing utils
5:36
Bootstrap - 206 grafy pomocou chart js, colors
10:55
Bootstrap - 207 responzívne tabuľky, karty, hrátky s breakpointami
11:56
Bootstrap - 208 fontawesome icons, tooltips, tabuľky
12:16
Bootstrap - 209 obrázky, list grup, jumbotron
8:58
Bootstrap - 210 buttons, buttons group, modálne okná
6:52
Bootstrap - 211 formulár
4:43
Bootstrap - 212 pridávame stránku na vloženie príjmu - výdaju, formulár
8:54
Vlastná aplikácia - Príjmy a výdaje (44)
Zdrojové kódy celej aplikácie
23 Z čistej HTML stránky spravíme ASP.NET Web Pages aplikáciu
1:58
Ukázka zdarma
5:48
25 Stroho preklápame stránky z HTML do CSHTML
2:33
26 Píšeme C# metódu na zistenie aktívneho okna
6:00
28 Pripravujeme formulár - zistujeme, čo nám formulár pošle, GET
6:36
29 Pridávame validácie na formulár. Vlastné validácie.
11:13
30 Vkladáme prvý záznam do databázy
6:29
31 Select a zobrazenie dát na stránku. Určujeme štýl na základe dát.
7:44
32 Opakujúce sa tabuľku vytvoríme na jednom mieste - vytvoríme helper
14:52
33 Dokončujeme filter
16:00
34 Home stránka - nastavujeme databázové dáta na stránku
16:19
35 Vytvárame dynamicky grafy. Miešanie server kódu s javascriptom. Zákutia a riešenia problémov.
14:17
36 Dokončujeme graf
4:50
37 Inštalácia a spustenie Visual Studia 2017. Otvorenie projektu.
3:04
38 Začíname vo Visual Studio Community 2017
5:29
39 Visual Studio debugovanie a zisťovanie typov
4:19
40 Domáca úloha - vytvor Prehľad - úlohu odovzdaj do nasledujúcej kapitoly
2:11
40b Domáca úloha - vytvor Prehľad = odovzdanie
41 Prehľad položky - získavame dáta z url, presmerovanie
9:14
42 Nahrávame obrázok - cesty, jedinečné názvy obrázkov, práca s obrázkom, uloženie na disk
16:01
43 Odkaz na fotku ukladáme do databázy
6:05
44 Zobrazujem obrázok na stránke a pridávam nový stĺpec popisu fotografie
12:05
45 Určujeme aktívny obrázok
2:11
46 Čítanie a zapisovanie zo súboru
8:15
47 Nahrávame viacero súborov naraz. Nastavujeme server. Maximálna veľkosť nahratých súborov.
17:58
48 Domáca úloha = ulož položku vždy s iným názvom
0:24
48b Domáca úloha = odovzdanie
49 Ukladáme info o súboroch do databázy
6:24
50 Zobrazujeme dokumenty na stránke
5:58
51 Utrieďujeme linky na stránky + Domáca úloha
4:34
51b Domáca úloha = odovzdanie
52 Editujeme záznam - úvod
4:05
53 Editujeme záznam - zisťujeme či editujeme alebo pridávame
4:38
54 Domáca úloha - Vytvor Error stránku
0:44
54b Domáca úloha = odovzdanie
55 Editujeme záznam - nasetujeme dáta na formulár
9:53
56 Domáca úloha - pridaj dátum do Naposledy pridané položky
0:30
56b Domáca úloha = odovzdanie
57 Editujeme záznam - uloženie zmien do databázy
5:40
58 Mažeme položku z databázy
9:05
59 Domáca úloha – sprav tlačidlo + funkcionalitu na zmazanie prílohy
1:25
59b Domáca úloha = odovzdanie
Bezpečnosť a členstvo (Security and membership) = registrácia, prihlasovanie, role ... (18)
60 Úvod do novej sekcie
1:10
61 Príprava tabuliek na membership + nastavenie emailu
4:50
62 Registrácia - úvod
2:47
63 Registrácia - validácie a AntiForgery
4:07
64 Registrácia - registrujeme používateľa, posielame email
13:58
65 Registrácia - vytvárame formulár
6:01
Ukázka zdarma
3:50
67 Domáca úloha = doplň hlášky do registrácie
0:17
67b Domáca úloha = odovzdanie
68 Registrácia - dokončenie registračného formuláru - test zasielania emailov - Gmail obmedzenie
3:05
69 Potvrdenie registrácie a ďakovná stránka
3:21
70 Prihlasovanie - Log in
9:07
71 Zisťujem či je používateľ prihlásený
3:07
72 Odhlásenie - Log out
1:21
73 Zmena hesla, zabudol som heslo = Domáca úloha
7:45
73b Domáca úloha = odovzdanie
74 Role pre používateľov
3:49
75 Manažovanie rolí v kóde
1:15
Publikácia stránky (1)
76 Publikácia stránky - aby tvoju stránku videl svet
5:25
Záver (1)
Záver kurzu
1:17
Lektor online kurzu
Jaroslav Beňo
Java
Volám sa Jaroslav Beňo, predstavovať sa budem ako Jaro. Mám manželku. Máme zatiaľ dvoch synov. Som kresťan, ktorý študuje Bibliu. Kto chce vedieť viac, tak ma kľudne kontaktujte aj ohľadne tejto veci. Mám rád šport - aktívne a filmy.
Vyštudoval som aplikovanú informatiku, ktorá mi dala základy, ale ako každý, aj ja som sa musel učiť sám praktickým písaním kódu. Som fanúšik videotutoriálov a rád zdieľam svoje vedomosti. Nemyslím si, že som extra nadupaný borec programátor, ale to čo viem - šírim ďalej.
Verím, že ak sa budeme zdieľať porastieme vo vedomostiach rýchlejšie. Najviac ma poteší, keď ti budú moje videotutoriály užitočné.
Všetko pod jednou strechou:
www.jaroslavbeno.sk
4,4
Hodnocení
18
Kurzů
Hodnocení studentů
Hodnocení od studentů zapsaných v kurzu na Skillmea.
5,0 z 5
· 4 hodnocení
Jakub U.
5
Super, kurz. O programování v .NET sem nevěděl vůbec nic a díky kurzu jsem pochopil principy a je mi vše o dost jasnější.
Pavol C.
5
Kurz môžem len odporučiť. Pre programátora so znalosťami C, VB.NET, niečo z HTML to ako prechod na programovanie WEB aplikácii s databázami a porozumenie kontextu ich vytvárania je ako stvorený. Potvrdilo sa mi, že z Win programovania je najbližšie k WEB aplikáciam cez ASP.NET ... k ostatným jazykom už stačí len porozumieť ich syntaxe, nech nie je človek obmedzený na Win servery... Praktická ukážka tvorby aplikácie od A po Z...
Tomáš G.
5
Super kurz, potreboval som si čím skorej osvojiť základy ASP.NET čo sa týka komunikácie na strane databázy a následne zobrazením výsledkov. Získal som oveľa hlbší a podrobnejší prehľad. Hlavne pri prípadoch keď sa vnorila chyba a bola následne ošetrená, čo je celkom častý výskyt u začiatočníkov.
Miroslav D.
5
Mám rád kurzy kde nejde vždy všetko podľa plánu. Sem tam nejaký error - ktorý bol ale následne vysvetlený opravený.... Krok sun Krok k vlastnej aplikácii, Veľmi pekne ďakujem. (PS: Kurz som prebehol len zbežne, rozhodne sa k nemu vrátim lebo už dlhšiu dobu mam v hlave vlastný projekt. PS 2: Success - (S.kses a nie "Sačs" :D ) KURZ ODPORÚČAM !!! :)
