ASP.NET Web Pages - kompletný web pre začiatočníkov
- Level
- Kapitol
- 118
- Kategória
- Programovanie
- Hodnotenie
- 5,0 z 5
- Dĺžka
- 10h 35min
- Jazyk
- SK
Popis online kurzu ASP.NET Web pages
ASP.NET v súčasnosti ponúka niekoľko rôznych technológií. Historicky najstarší je ASP.NET WebForms, ktorý prináša objektový prístup do programovania webových aplikácií a tiež napríklad používanie serverových ovládacích prvkov. Táto technológia je relatívne zložitá na naučenie, na druhej strane vďaka ľahkej tvorbe komponentov a ich znovu použiteľnosti v rôznych aplikáciách môžu ušetriť veľa času.
Ďalšou technológiou je ASP.NET MVC, ktorá vznikla neskôr a hlavným dôvodom bolo uľahčenie prechodu vývojárom z iných platforiem a použitie architektonického vzoru Model-View-Controller. Je jednoduchšia na naučenie, na druhú stranu veľa vecí, ktoré sú vo WebForms vstavané, musíš v MVC písať sám (alebo použiť riešenia tretích strán).
Neskôr bola vyvinutá technológia ASP.NET Web Pages, ktorej vývoj sa pozastavil a nahradil sa technológiou ASP.NET Razor Pages.
ASP.NET Web Pages je technológia, ktorá sa hodí pre jednoduchšie aplikácie alebo pre začiatočníkov a zároveň obsahuje veľa bežne používaných prvkov, akými je napríklad správa účtov, posielanie emailov a podobne. Oproti tomu technológia alebo framework ASP.NET Razor Pages je komplikovanejší pre začiatočníkov, ale má o krok bližšie k MVC frameworku.
Keďže tento kurz je zameraný pre začiatočníkov, ktorých chceme učiť logickému mysleniu a chceme ich priviesť k rýchlemu a jednoduchému vývoju webových aplikácií, rozhodli sme sa spracovať tému ASP.NET Web Pages. Po absolvovaní tohto online kurzu, budeš lepšie chápať vývoj webových aplikácií a svoje vedomosti využiješ ďalej v hocijakom programovacom jazyku a technológii.
Čo budeme v online kurze robiť?
V tomto online kurze sa zameriame na framework ASP.NET Web Pages. Spolu si vysvetlíme princípy Razor syntaxe – čo je špeciálna syntax na miešanie ASP.NET kódu s HTML+CSS+JavaScript kódom. Potom si na základe týchto znalostí spravíme celú kompletnú web aplikáciu od nuly až po publikovanie.
Budeme pracovať s databázou – budeme ukladať, mazať a upravovať dáta v databáze. Budeme uploadovať, teda nahrávať súbory a obrázky. Dáta si budeme zobrazovať v rôznej forme. Budeme filtrovať dáta a podobne.
Na stránku pridáme prihlasovanie a registráciu používateľov. Povieme si, ako vytvárať a spravovať role a nakoniec si celú stránku nahráme na internet, aby ju každý mohol vidieť.
Jednoducho si ošaháme na vlastné ruky tvorbu celého webu.
Pre koho je kurz určený?
Máš základy HTML a CSS? To znamená – vieš čo to približne je a už si nejaký html tag napísal alebo aspoň videl? Poznáš základné CSS selektory ako class selektor bodka (.) a id selektor mriežka (#)? Máš základy v hocijakom programovacom jazyku? Java, PHP alebo C#? Naozaj ti stačia jednoduché základy – aby si vedel, čo je to cyklus, čo je to podmienka, čo je to metóda alebo funkcia. Máš základnú vedomosť o SQL databázach – teda vieš, že v databáze sa ukladajú dáta a tie si vieš získať pomocou SQL príkazov.
Ak si si odpovedal(a) na tieto otázky áno, tak tento kurz je práve pre teba. Pre úplného začiatočníka vo všetkom. V tomto kurze uchopíš svoje vedomosti a posunieš sa o krok ďalej. Prehĺbiš si svoje vedomosti a vyskúšaš si, ako ich reálne využiť.
V čom budeme robiť?
Budeme sa učiť robiť kompletné weby pomocou ASP.NET Web Pages. V tomto frameworku si prácu nenájdeš, ale je tak jednoduchý, že stačí, aby si bol úplný začiatočník. V tomto frameworku sa naučíš veľmi veľa vecí, ktoré sa jednoducho používajú a jednoducho aj napíšu. Tieto vedomosti potom využiješ, keď sa budeš učiť vyššie a vyspelejšie ASP.NET frameworky ako napríklad ASP.NET MVC, v ktorom si už nájdeš aj prácu. Ďalej Razor syntax, ktorá sa hojne využíva v tomto frameworku, je totožná aj v MVC frameworku. Kód budeme písať v C#, ale jednoduchosť frameworku nám dovoľuje mať základy z hocijakého programovacieho jazyka.
Tento framework už nie je do budúcna podporovaný – teda nebudú v ňom robené nové veci. Jeho vývoj zastal – nechápem prečo, lebo pre začiatočníkov je to proste paráda. Teraz sa namiesto Web Pages frameworku tvorcovia zamerali na ASP.NET Razor Pages framework, ktorý je o niečo zložitejší pre začiatočníkov, ale má kúsok bližšie k MVC frameworku.
Na začiatku budeme programovať vo vývojovom prostredí WebMatrix. Je veľmi jednoduchý, intuitívny – neposkytuje tritisíc tlačidiel a možností a tak nám nebude brániť, aby sme jednoducho a rýchlo začali vyvíjať aplikácie. Potom, keď si ošaháme vývoj, tak sa presmerujeme do Visual Studia, ktoré nám poskytuje ako bonus, napríklad debugovanie, teda prechádzanie kódu krok za krokom.
Na čo čakáš?
Verím, že túžiš po tom, aby si si sám vedel naprogramovať webovú aplikáciu. Takú, ktorá je reálne použiteľná. Tak neváhaj a pridaj sa do tohto online kurzu. Verím, že práve tento framework je stvorený ako pre teba.
BONUS
Ako bonus dostaneš zadarmo k tomuto kurzu aj 2/3 online kurzu Bootstrap pre začiatočníkov zadarmo (kapitoly sú nahraté priamo v kurze v samostatnej sekcii).
Kapitoly online kurzu
Prečo tento kurz? (1)
Ukážka zdarma
5:07
Inštalácia (6)
Tu začíname - trochu info na začiatok
Ukážka zdarma
1:27
Ukážka zdarma
1:09
Ukážka 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ážka zdarma
5:33
Ukážka zdarma
4:12
Ukážka 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ážka 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ážka 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
Hodnotenie
18
Kurzov
Hodnotenia študentov
Hodnotenia od študentov zapísaných v kurze na Skillmea.
5,0 z 5
· 4 hodnotenia
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 !!! :)
