Created by Petr Voborník
Informace k odběru účtu Petr Voborník na Hero Hero
Už to tam je, můžete ihned sledovat.
Video bylo upraveno do finální podoby a zveřejněno na YouTube.
Natočené, jen to prostřihnu, vylepším zvuk a šup tam s tím.
Své video-tutoriály (převážně tedy postprodukčně vytuněné) umísťuji již řadu let na YouTube (Programko.NET). Nicméně jejich dolaďování od "surové nahrávky" (raw) do stavu hodného prezentace na YT někdy trvá týdny, měsíce, roky a něco se tam nedostane vůbec.
Tudíž bych zkusil tyto nahrávky předběžně očistit jen letmo, tj. dosadit kvalitnější audio z externího záznamu, než používám při streamech, zredukovat v něm šum, video prostřihnout jen o největší mezery, dovysvěltit případné faily apod. A tuto "preview" verzi poskytnout sem se značným předstihem oproti YouTube, vyjde-li to tam tedy vůbec někdy.
Tudíž tímto dávám skutečným zájemcům možnost se dostat ke svým materiálům hned jak vzniknou, v některých případech v podstatě dokud jsou dané informace ještě aktuální, a zároveň podpořit mou tvorbu a přitom se nezrujnovat (nižší sazba na HeroHero není, provizi berou "jen" 10%, ale chcete-li nezištně přispět více, tak pár možností je zde: programko.net/podpora).
Bude-li tedy nějaký zájem, můžeme to tu rozjet i více. Klidně pište, co by se vám líbilo...
Zabývám se výukou a popularizací programování, vývojem nejen vzdělávacích aplikací, tvorbou video-tutoriálů, streamováním a spoustou dalších činností v oblasti programování a IT.
Plánuji v nejbližší době natočit a dát na HH.
Třeba něco na přání
Blazor
Používáte Word na maximum? Mysleli jste si totéž o Excelu, před shlédnutím tohoto? Možná se něco přiučíte i zde...
Chybějící cvičení (3-10) k https://programko.net/algoritmy
Kompletní struktura elementů a základy používání těch důležitých z nich.
Přiložena je OrgStránka s kompletní strukturou a stručným popisem všech HTML elementů.
V první části si ukážeme jednotlivé typy projektů pro Blazor, popíšeme si jejich strukturu a princip fungování, a v každém z nich si vyzkoušíme přidat nějakou pro něj specifickou funkcionalitu.
Produktivní vychytávky, o kterých možná ani nevíte.
Používá te je? A používáte je správně? Se všemi jejich možnostmi? Nebo máte Word jen jako lepší psací stroj?
Základy CSS a webová strnánka s až třísloupcovým layoutem a dalšími prvky, vše plně responzivní. A nastínění možností ChatGPT ve webové tvorbě.
Přiložena je OrgStránka se strukturou popisující používání kaskádových stylů a jejich hlavní vlastnosti.
Vyzkoušíme si možnosti prázdné aplikace Blazor typu web assembly, tedy té, která plně běží pouze na klientské straně, a vytvoříme v ní klasickou hru Hledání min se vším všudy.
Titulní stránka, číslování od-do, oddíly, různé liché a sudé stránky, přílohy, obsah, nastavení pro tisk...
Jaké jsou možnosti rozložení layoutu stránky pomocí Bootstrapu a jak rychle vytvořit efektivní responzivity one-page stránku s minimem psaní HTML a zcela bez vlastního CSS? K tomu i Boostrap ikony, modální dialogy, obrázkový carousel a skrývání/zobrazování prvků jako reakce na určitou událost...
Tentokrát propojíme klientskou Blazorovou WASM aplikaci s ASP.NET Core aplikací na serveru, a to pomocí vlastního RESTful API. Ukážeme si, jak automaticky vygenerovat jeho metody, jak je lze testovat pomocí vestavěné technologie Swagger a především jak to používat z klientské aplikace, v tomto případě tedy Blazor, ale s tím, že téhož rozhraní bude možné stejným způsobem využít i z dalších aplikací libovolného typu.
JavaScript je nedílnou součástí většiny webových stránek, které krom statického obsahu poskytují uživateli také nějakou interakci, nebo dynamicky stahují data ze serveru na pozadí pro vyšší efektivitu. Stručně si tedy popíšeme hlavní principy a vlastnosti JavaScriptu, na jednoduchých příkladech představíme jeho základy, konzolové možnosti, propojení s HTML obsahem i základní algoritmické konstrukce. Zkusíme ale také trochu pokročilejší generování obsahu stránky jak pomocí skládání textových řetězců, tak i s objektovým přístupem včetně funkcionálních prvků, přičemž tento obsah poskytne uživateli i celkem zajímavou interaktivitu.
Aplikace vytvořené v technologii Blazor nemusí být pouze na webu, ale ve spojení s .NET MAUI lze vytvářet i plnohodnotné multiplatformní aplikace pro mobilní zařízení a desktop, které je následně možné distribuovat přes obchody jednotlivých platforem (Google Play, Microsoft Store i App Store). Představíme tedy tento typ projektu a názorně si ukážeme, jak do něho začlenit již hotovou hru Hledání min v Blazor WASM.
Ukážeme si základy TypeScriptu, což je typovaná nadstavba JavaScriptu, která se kompiluje do čistého JS. TypeScript přidává syntaxi pro typy, třídy, rozhraní a další objektově orientované prvky. Vysvětlíme si, jak nastavit TS ve Visual Studiu Code, na jednoduchém příkladu si ukážeme, jak se liší od JS a jak můžete využít typovou kontrolu k odhalení chyb před spuštěním kódu. Nakonec se podíváme na základní prvky OOP v TypeScriptu a jak deklarovat a používat třídy, vlastnosti, metody, dědičnost a polymorfizmus.
Blazor Server je super, ale v této architektuře server musí vykonávat i úkony, které by se klidně mohly provádět jako ve verzi WASM u klienta a server tak zbytečně nezatěžovat. Je tu sice možnost komunikace přes API, ale v případě, že server potřebuje něco oznámit klientovi, tak nezbývá než se přes něj neustále dotazovat, jestli nedošlo ke změně. Ukážeme si ale, jak z obou variant použít jen to nejlepší co nabízí. Vytvoříme Blazor WASM aplikaci, která vše plně vykonává na straně klienta, ale z varianty Server do ní přidáme technologii SignalR, která nám umožní nejen kdykoli zaslat zprávu z klienta na server, ale také opačně, tedy aby server mohl poslat nějaká data na klienta.
WPF, Windows Forms, .NET MAUI…
Tam všude lze rychlou obousměrnou komunikaci se serverem a ostatními uživateli také používat.
Co tam najdete?
Obecné teorie jen minimum, hlavně praktické ukázky jak na to.
JavaScriptová knihovna jQuery je sice starší, ale stále plně funkční a neustále podporovanou alternativou moderním JS frameworků. Přináší především možnosti, jak zkrátit a zefektivnit dynamické zpracování HTML dokumentu bez nutnosti změny klasického jednoduchého vývoje stránek. Na několika základních příkladech se naučíme jeho základní koncept i jak jednoduše pojmout i některé pokročilejší techniky.
Nebo též alias: Programko.NET/HH
Toto video se tam objeví jako další.
Tentokrát se podíváme na zoubek JavaScriptovým frameworkům, a to hned třem nejrozšířenějším: React, Angular a Vue. Ukážeme si, jak v každém z nich založit a rozchodit nový projekt, ve kterém si vytvoříme 3x tutéž jednoduchou aplikaci na evidenci a odškrtávání úkolů. Bude tak možné porovnat přístupy všech těchto technologií, získat hlavní přehled o každé z nich a porovnat, která by nejvíce vyhovovala pro případný reálný projekt.
eShop
