Vývoj webových aplikací pro podnikání - kurz 67 200 rub. z Coddy School of Programming for Children, školení 8 modulů (měsíců)
Různé / / November 28, 2023
V mnoha firmách je internetový prohlížeč hlavním pracovním nástrojem zaměstnanců. V takových případech je vhodné pro organizaci pracovních procesů využít místo klasických desktopových programů webové aplikace. Fungují na jakémkoli zařízení s přístupem k internetu a lze je spustit současně na notebooku, smartphonu a velké obrazovce. Takové aplikace mohou vyřešit širokou škálu problémů a usnadnit mnoho procesů, takže je společnosti často vyvíjejí individuálně, aby vyhovovaly jejich potřebám. Programátoři, kteří jsou schopni vyslechnout problém klienta a nabídnout k jeho vyřešení efektivní webovou aplikaci, mají cenu zlata.
Průmyslovým standardem pro tvorbu webových aplikací je JavaScript, jeden z nejpopulárnějších a nejžádanějších programovacích jazyků na světě.
Pro společnost Evotor jsme vyvinuli kurz pro ty, kteří se chtějí naučit JavaScript a podílet se na tvorbě IT řešení pro řešení reálných problémů.
Evotor je lídrem na trhu v oblasti automatizace obchodu a malých podniků. Jednoduše řečeno, společnost vytváří chytré terminály pro placení zboží a služeb, díky kterým můžeme pohodlně platit kartou, telefonem nebo hodinkami. Evotor také vyvíjí software, který pomáhá podnikatelům přijímat platby a spravovat jejich příjmy.
Kurz „Vývoj webových aplikací pro podnikání“ byl vytvořen pro děti od 13 let. V těchto hodinách se studenti nejen naučí jeden z nejpopulárnějších programovacích jazyků na světě, ale také projdou celým cyklem průmyslový vývoj webové aplikace: od identifikace problému až po finální obhajobu projektu před zástupci zákaznická společnost.
Ty nejlepší práce lze implementovat do reálných podnikových procesů společnosti, které se stanou vynikající případovou studií v portfoliu budoucího vývojáře.
Hlavní část kurzu je věnována výuce JavaScriptu a dovednostem tvorby aplikací od začátku. Studenti si přitom osvojí několik důležitých měkkých dovedností, bez kterých není možné prezentovat firemní projekt:
Přístupnou formou budeme hovořit také o podnikatelských rizicích, silných a slabých stránkách podniků, perspektivách rozvoje IT sektoru a mnoha dalších tématech, která jsou pro mladé vývojáře důležitá.
Jedná se o kurz ve smíšeném vzdělávacím formátu - smíšené online a offline učení. Právě v této symbióze zůstává motivace dítěte maximální: nemá čas zapomenout, co se naučil ve třídě, neztrácí kontakt s lidmi a je neustále v kreativním prostředí.
lektor kurzu:
„Programování v JavaScriptu“, „Programování her v Pythonu“, „Programování webu“, „Boti v Pythonu“, „Programování v Pythonu3“, „Vývoj webových aplikací pro firmy“
Vzdělání:
Federální univerzita Severní Arktidy. Vzdělávání učitelů.
Zkušenosti:
Přes 3 roky učí děti informatiku. Neustále se zlepšovat. Studoval jsem na Moskevské škole programátorů, absolvoval jsem nespočet online kurzů a nemám v plánu přestat. Učitel Yandexu. Lyceum." Programy v Pythonu, C++ a JavaScriptu. Ve volném čase z výuky tvoří webové stránky, webové aplikace a chatboty na míru.
zájmy:
Rád se učí a učí ostatní. Jezdí dlouhé trasy na kole a hraje na kytaru. "Abyste se naučili programovat počítač, musíte myslet jako počítač, stát se počítačem."
měsíc 1
Den první – Představení JavaScriptu
Účel lekce: seznámit studenty s jazykem JS, jeho rozsahem a hlavními odlišnostmi od ostatních jazyků. Napište svůj první JS program pomocí vstupních a výstupních funkcí.
− K čemu se JS používá?
− Vstup a výstup informací
− Co jsou proměnné, direktivy let a const
− Základní datové typy v JS
Výsledek lekce: Studenti se naučili vytvářet jednoduchý JS program, zobrazovat informace na obrazovce, číst informace od uživatele a ukládat je do proměnných.
Den druhý - Matematické a logické operátory
Účel lekce: Naučte se řešit matematické a logické problémy pomocí JS.
− Aritmetické operátory
− Porovnávací operátory
− Booleovský datový typ
− Logické operátory
Výsledek lekce: Zvládl matematické a logické schopnosti JS pro psaní programové logiky. Pro řešení matematických a logických problémů bylo napsáno několik programů.
Den třetí - Podmíněné příkazy
Účel lekce: Prozkoumejte způsoby, jak řídit tok programu pomocí podmíněných příkazů.
− prohlášení if/otherse
− Vícenásobné větvení
− Ternární operátor
− Pořadí vyhodnocení logických výrazů
Výsledek lekce: Studenti se naučili implementovat nelineární algoritmy pomocí operátorů větví. Získal hlubší porozumění práci s logickými výrazy. Napsali jsme jednoduchý program pro nelineární konverzaci s uživatelem.
Den čtvrtý – Cykly. Zatímco smyčka
Účel lekce: Vyřešte problém provádění podobných akcí pro velké množství dat pomocí smyček.
− Pojem a význam cyklu
− smyčka while
− Pojem iterace a iterátor
Výsledek lekce: Studenti se naučili implementovat nelineární algoritmy pomocí operátorů větví. Získal hlubší porozumění práci s logickými výrazy. Vytvořili jsme hru „Hádej číslo“ nebo podobnou hru založenou na cyklu.
měsíc 2
Den první - Opakování základních algoritmických struktur. pro smyčku
Účel lekce: Opakujte a upevněte to, co jste se naučili v minulém modulu. Prostudujte si novou konstrukci smyčky for a její výhody oproti while.
− pro smyčku
− Přerušte a pokračujte v prohlášeních
− Výčet sekvencí
Výsledek lekce: Dokončili jsme studium základní syntaxe JS a upevnili si získané znalosti.
Den druhý - Masivy
Účel lekce: Naučte se používat pole k ukládání a zpracování velkého množství podobných dat.
− Koncept a deklarace polí
− Array metody
− Smyčka přes prvky pole
− Vícerozměrná pole
Výsledek lekce: Studenti se naučili ukládat a zpracovávat velké množství dat pomocí polí.
Den třetí – Práce se strunami
Účel lekce: Naučte se efektivně pracovat s textovými informacemi pomocí řetězcových schopností JS.
− Citáty a speciální znaky
− Práce se znaky, změna velikosti písmen
− Vyhledejte a získejte podřetězec
− Porovnání řetězců
− Koncepce kódování
Výsledek lekce: Studenti se naučili používat nástroje JS k manipulaci, vytváření a úpravě textu.
Den čtvrtý - Funkce
Účel lekce: Naučte se strukturovat programy pomocí funkcí.
− Deklarace funkce
− Variabilní rozsahy
− Funkční parametry
− Vrácení hodnot
Výsledek lekce: Studenti se naučili psát krásný, srozumitelný a strukturovaný kód pomocí funkcí.
3. měsíc
Den první - Objekty
Účel lekce: Naučte se pohodlně ukládat propojená data pomocí objektů, seznamte se se základy objektově orientovaného programování.
− Vytvoření objektu
− Klíče a hodnoty
− Objektové metody
− Objektové konstruktory
− Pole objektů
Výsledek lekce: Dokončili jsme studium nástrojů JS pro pohodlné ukládání informací. Napsali jsme program „Phone Directory“ nebo podobný.
Den druhý - Základy rozvržení pomocí Bootstrapu
Účel lekce: Naučte se základy HTML a CSS. Seznamte se s rámcem Bootstrap pro rychlé vytváření rozhraní.
− Základy HTML a CSS
− CSS třídy, Bootstrap komponenty
Výsledek lekce: Studenti se naučili vytvářet rozhraní pomocí Bootstrapu. Vytvořili jsme rozhraní pro aplikaci To Do List.
Den třetí – Práce s DOM
Účel lekce: Naučte se základy rozvržení HTML a používání JS k manipulaci s prvky na stránce.
− Vyhledávání prvků na stránce
− Atributy a vlastnosti prvků
− Úprava dokumentu
Výsledek lekce: Studenti se naučili manipulovat s obsahem stránky pomocí JS. Promysleli jsme datovou strukturu pro aplikaci To Do List.
Den čtvrtý - Události
Účel lekce: Naučte se pracovat s událostmi webové stránky a svázat s nimi své funkce
− Události myši, klávesnice a dokumentu
− Vytváření obslužných programů událostí
− Získání informací o události a prvku
Výsledek lekce: Studenti se naučili pracovat s událostmi v JS, dokončili práci na aplikaci „To-Do List“.
měsíc 4
Den první - Základy git, nodejs, npm a express
Účel lekce: Připravte se na vytvoření webové aplikace pomocí rozhraní Express. Seznamte se s hlavními nástroji pro práci s projektem
− git, koncept odevzdání, vytvoření úložiště
− Spouštění JS programů pomocí nodejs
− Správa závislostí pomocí npm
− Vytvoření šablony aplikace v Express
Výsledek lekce: Studenti vytvořili šablonu aplikace pomocí Express a připravili potřebné nástroje pro práci.
Den druhý - Cesty a vzory
Účel lekce: Naučte se koncept požadavků a cest http ve webové aplikaci. Naučte se vytvářet šablony stránek a vkládat do nich potřebná data.
− Pochopení cesty požadavku, požadavků GET a POST
− Vytváření ovladačů pro požadavky
− Psaní šablon stránek pro náhradu dat
Výsledek lekce: Studenti se naučili základní nástroje pro tvorbu webové aplikace v Express a napsali jednoduchý blog v JS.
Den třetí – Databáze a řadiče
Účel lekce: Naučte se, jak připojit databázi k aplikaci Express a provádět jednoduché dotazy do databáze.
− MongoDB a Mongoose
− Psaní schématu a datového modelu
− jazyk json
− Přidávání dokumentů do databáze
− Příjem dokumentů z databáze
Výsledek lekce: Studenti propojili databázi s blogem na Express. Naučili jsme se psát schéma a datový model, přidávat a dotazovat se na informace z databáze.
Den čtvrtý – Uživatelé a přihlášení
Účel lekce: Naučte se základy práce s uživatelskými účty v aplikaci Express. Autorizace a autentizace.
− Vytváření uživatelských účtů
− Ukládání registrovaných uživatelů do databáze
− Middleware a chráněné cesty
− Uživatelská stránka
Výsledek lekce: Studenti se naučili základy práce s uživatelskými účty ve webových aplikacích. Přidáno oprávnění k blogu na Express.
5. měsíc
Den první – Teambuilding. Podrobný úvod do HTML
Účel lekce: Rozdělte skupinu do týmů, rozdělte role a navažte komunikaci v rámci týmů. Zjistěte více o funkcích jazyka HTML.
- Budování týmu:
− Formování týmů
− Rozdělení rolí v týmu
− Komunikace přes Slack messenger
− Vývoj:
− Tagy, rodiče a děti
− Jednoduché a dvojité štítky
− div a sémantické značky
− Atributy značek
Výsledek lekce: Začali jsme pracovat ve skupinách a navázali vnitroskupinovou komunikaci. Studenti se blíže seznámili s funkcemi jazyka HTML.
Den druhý - Obchodní cíle a záměry
Účel lekce: Seznamte se s prioritními obchodními cíli a záměry společností, naučte se určit cíle konkrétního případu (je vyžadována zpětná vazba od společnosti).
− Koncepce prioritních obchodních cílů a záměrů
− Setkání se zástupci společnosti
− Analýza informací od zákazníka
Výsledek lekce: Po lekci je student schopen rozlišovat mezi obchodními cíli, s využitím znalostí získaných v lekci analyzuje informace od zákazníka a poskytuje výsledek v podobě zapsaného obchodního cíle zákazníka.
Den třetí – Podrobné CSS
Účel lekce: Zjistěte více o funkcích jazyka CSS. Seznamte se s oddělením problémů mezi HTML a CSS.
− Rozlišení mezi obsahem a designem
− Selektory a specifičnost
− Blokový model
− Pseudotřídy
Výsledek lekce: Studenti se dozvěděli více o funkcích jazyka CSS.
Den čtvrtý – Uživatelský příběh
Účel lekce: Zamyslete se nad modelem webové aplikace (je vyžadována zpětná vazba od společnosti).
− Koncept uživatelského příběhu
− Promyšlení uživatelského příběhu vaší aplikace na základě dříve stanoveného obchodního cíle
− Práce na modelu budoucí webové aplikace
Výsledek lekce: V této lekci se studenti dozvěděli, co je to uživatelský příběh, a na základě předem definovaného obchodního cíle vymysleli model budoucí aplikace s různými mechanikami.
6. měsíc
Den první – Flexbox
Účel lekce: Naučte se manipulovat s bloky na stránce pomocí nástrojů Flexbox.
− Co je Flexbox
− Kontejnery a prvky v kontejneru
− Základní polohovací vlastnosti
− Flexbox využívající pomocné třídy Bootstrap
Výsledek lekce: Studenti se seznámili s moderními přístupy k uspořádání pomocí Flexboxu.
Den druhý - Vybudování layoutu ve Figmě
Účel lekce: Vyvinout prototyp webové aplikace ve Figmě.
− Vlastnosti a vlastnosti Figmy
− Komponenty, rámy a sítě
− Pracujte na vzhledu aplikace s ohledem na zpětnou vazbu obdrženou během fáze uživatelského příběhu
Výsledek lekce: Studenti pomocí aplikace Figma vytvořili hotový prototyp (design layout) webové aplikace.
Den třetí – Týmová práce. Ponořte se hluboko do Gitu
Účel lekce: Naučte se pracovat se základními nástroji git a Github.
− Zavedení a odevzdání
− soubor .gitignore
− Větve a sloučení
− Vzdálené úložiště, příkazy push a pull
Výsledek lekce: Studenti se naučili týmové práci pomocí nástrojů git.
Den čtvrtý – Ponořte se hluboko do routingu a ovladačů v Expressu
Účel lekce: Projděte si zbývající otázky týkající se zpracování dotazů ve službě Express.
− Parametry požadavku
− Nastavení kódu odpovědi
− Směrovač
− Příjem údajů o požadavcích
− Přesměrování
− Odeslání souboru
Výsledek lekce: Studenti získali ucelenější přehled o práci se směrováním a zpracováním požadavků v aplikaci Express.
7. měsíc
Den první – Práce na vlastních projektech. Statické soubory
Účel lekce: Začněte uvádět své webové aplikace do praxe. Naučte se zpracovávat statické soubory v aplikaci Express.
− Jak se statické soubory liší od dynamických informací a proč by měly být zpracovávány samostatně
− Nastavení toku pro zpracování statických souborů
Výsledek lekce: Studenti pokračovali v práci na vlastních projektech. Naučili jste se pracovat se statickými soubory v Express.
Den druhý – Práce na vlastních projektech. Hloubková práce s MongoDB a Mongoose
Účel lekce: Pokračujte v práci na svých webových aplikacích. Projděte si zbývající otázky o práci s databází MongoDB v Express.
− Datové typy ve schématech
− Ověřování a ukládání dat
− Různé typy databázových dotazů
Výsledek lekce: Studenti pokračovali v práci na vlastních projektech. Získal hlubší pochopení práce s daty v Express pomocí MongoDB a Mongoose.
Den třetí – Práce na vlastních projektech. Pokračujte v práci s daty v Express
Účel lekce: Pokračujte v práci na svých webových aplikacích. Naučte se některé zajímavé techniky pro práci s daty v Express.
− Asynchronní požadavek na data
− Bleskové zprávy na stránce
− Editace existujících záznamů v databázi
Výsledek lekce: Pokračujeme v práci na našich vlastních projektech. Studenti se naučili implementovat užitečné techniky pro práci s daty v Express.
Čtvrtý den - Prezentace a veřejné vystoupení
Účel lekce: Začněte s přípravou na ochranu svých webových aplikací.
− Analýza tématu a účelu prezentace (koncept prezentace: kde a proč se používá, vytvoření asociační mapy pro vaše téma, napsání kompletního textového příběhu na zvolené téma)
− Prototypování prezentace (fáze prezentace, identifikující logický úvod, hlavní myšlenka, závěry)
Výsledek lekce: Studenti se začali připravovat na obhajobu svých webových aplikací, dozvěděli se o podmínkách úspěšné prezentace a procvičili si psaní vlastního projevu.
Měsíc 8
Den první – Práce na vlastních projektech. Stránkování
Účel lekce: Dokončete práci na webových aplikacích, opravte nejnovější chyby, identifikujte nejnovější problémy. Naučte se, jak provádět stránkování (rozdělení velkého množství informací na několik stránek).
− Vytváření stránkování
Výsledek lekce: Práce na webových aplikacích vstupují do závěrečné fáze. Studenti dostali závěrečné tipy pro jejich opakování. Naučili jste se používat stránkování ve vašich aplikacích.
Den druhý - Nasazení aplikace na server
Účel lekce: Přečtěte si, jak nastavit server na Linuxu, nastavit prostředí NodeJS a nasadit aplikaci na Express.
− Zaregistrujte virtuální soukromý server
− Základy administrace Linuxu (práce s balíčky, správa uživatelů, ssh, firewall)
− Instalace NodeJS na server
− Process Manager PM2
Výsledek lekce: Studenti se naučili, jak nastavit svůj server na Linuxu, vytvořit prostředí a nasadit své webové aplikace.
Den třetí – Prezentace a veřejné vystoupení
Účel lekce: Pokračujte v přípravě na ochranu svých webových aplikací.
− Návrh prezentace (základy úspěšné prezentace, plnění snímků textovými informacemi, vytvoření prezentace bez pomoci připravených rozvržení, vytvoření vlastního stylu a designu prezentace)
− Vystoupení na veřejnosti (samostatná příprava textu na zvolené téma, příprava prezentace na vystoupení, obhajoba projektu)
Výsledek lekce: Studenti pokračovali v přípravě na obhajobu svých webových aplikací, seznámili se s principy tvorby prezentací a procvičili si veřejné vystupování.