Vývoj webových aplikácií pre podnikanie - kurz 67 200 rub. z Coddy School of Programming for Children, školenie 8 modulov (mesiace)

učiteľ kurzu:
„Programovanie v JavaScripte“, „Programovanie hier v Pythone“, „Webové programovanie“, „Boti v Pythone“, „Programovanie v Pythone3“, „Vývoj webových aplikácií pre firmy“

1. mesiac

Prvý deň – Predstavujeme JavaScript

Účel lekcie: oboznámi študentov s jazykom JS, jeho rozsahom a hlavnými rozdielmi od iných jazykov. Napíšte svoj prvý program JS pomocou vstupných a výstupných funkcií.

− Na čo sa JS používa?
− Vstup a výstup informácií
− Čo sú premenné, smernice let a const
− Základné dátové typy v JS

Výsledok lekcie: Študenti sa naučili vytvárať jednoduchý JS program, zobrazovať informácie na obrazovke, čítať informácie od používateľa a ukladať ich do premenných.

Deň druhý - Matematické a logické operátory

Účel lekcie: Naučte sa riešiť matematické a logické problémy pomocou JS.

− Aritmetické operátory
− Porovnávacie operátory
− Booleovský dátový typ
− Logické operátory

Výsledok lekcie: Zvládol matematické a logické schopnosti JS na písanie programovej logiky. Na riešenie matematických a logických problémov bolo napísaných niekoľko programov.

Tretí deň - Podmienečné vyhlásenia

Účel lekcie: Preskúmajte spôsoby riadenia toku programu pomocou podmienených príkazov.

− ak/iné vyhlásenia
− Viacnásobné vetvenie
− Ternárny operátor
− Poradie vyhodnocovania logických výrazov

Výsledok lekcie: Študenti sa naučili implementovať nelineárne algoritmy pomocou operátorov vetvy. Získal hlbšie pochopenie práce s logickými výrazmi. Napísali sme jednoduchý program na nelineárnu konverzáciu s používateľom.

Štvrtý deň – cykly. Kým slučka

Účel lekcie: Vyriešte problém vykonávania podobných akcií pre veľké množstvo údajov pomocou slučiek.

− Pojem a význam cyklu
− while loop
− Koncept iterácie a iterátora

Výsledok lekcie: Študenti sa naučili implementovať nelineárne algoritmy pomocou operátorov pobočiek. Získal hlbšie pochopenie práce s logickými výrazmi. Vytvorili sme hru „Uhádni číslo“ alebo podobnú hru založenú na cykle.

2. mesiac

Prvý deň - Opakovanie základných algoritmických štruktúr. pre slučku

Účel lekcie: Opakujte a upevnite to, čo ste sa naučili v poslednom module. Preštudujte si novú konštrukciu slučky for a jej výhody oproti while.

− pre slučku
− Prerušte a pokračujte vo vyhláseniach
− Vyčíslenie sekvencií

Výsledok lekcie: Dokončili sme štúdium základnej syntaxe JS a upevnili sme si získané poznatky.

Deň druhý – masívy

Účel lekcie: Naučte sa používať polia na ukladanie a spracovanie veľkého množstva podobných údajov.

− Koncepcia a deklarácia polí
− Array metódy
− Slučovanie cez prvky poľa
− Viacrozmerné polia

Výsledok lekcie: Študenti sa naučili ukladať a spracovávať veľké množstvo údajov pomocou polí.

Tretí deň – Práca so strunami

Účel lekcie: Naučte sa efektívne pracovať s textovými informáciami pomocou reťazcových schopností JS.

− Úvodzovky a špeciálne znaky
− Práca s postavami, zmena veľkosti písmen
− Vyhľadajte a získajte podreťazec
− Porovnanie reťazcov
− Koncept kódovania

Výsledok lekcie: Študenti sa naučili používať nástroje JS na manipuláciu, vytváranie a úpravu textu.

Štvrtý deň - Funkcie

Účel lekcie: Naučte sa štruktúrovať programy pomocou funkcií.

− Vyhlásenie o funkcii
− Variabilné rozsahy
− Funkčné parametre
− Návratové hodnoty

Výsledok lekcie: Študenti sa naučili písať krásny, zrozumiteľný a štruktúrovaný kód pomocou funkcií.

3. mesiac

Prvý deň - Objekty

Účel lekcie: Naučte sa pohodlne ukladať vzájomne prepojené dáta pomocou objektov, zoznámte sa so základmi objektovo orientovaného programovania.

− Vytvorenie objektu
− Kľúče a hodnoty
− Objektové metódy
− Konštruktéri objektov
− Pole objektov

Výsledok lekcie: Dokončili sme štúdium nástrojov JS na pohodlné ukladanie informácií. Napísali sme program „Telefónny zoznam“ alebo podobný.

Deň druhý - Základy rozloženia pomocou Bootstrapu

Účel lekcie: Naučte sa základy HTML a CSS. Zoznámte sa s rámcom Bootstrap pre rýchle vytváranie rozhraní.

− Základy HTML a CSS
− CSS triedy, Bootstrap komponenty

Výsledok lekcie: Študenti sa naučili vytvárať rozhrania pomocou Bootstrapu. Vytvorili sme rozhranie pre aplikáciu To Do List.

Tretí deň – Práca s DOM

Účel lekcie: Naučte sa základy rozloženia HTML a používanie JS na manipuláciu s prvkami na stránke.

− Vyhľadajte prvky na stránke
− Atribúty a vlastnosti prvkov
− Úprava dokumentu

Výsledok lekcie: Študenti sa naučili manipulovať s obsahom stránky pomocou JS. Premysleli sme dátovú štruktúru pre aplikáciu To Do List.

Štvrtý deň – udalosti

Účel lekcie: Naučte sa pracovať s udalosťami webovej stránky a viazať na ne svoje funkcie

− Udalosti myši, klávesnice a dokumentov
− Vytváranie obsluhy udalostí
− Získanie informácií o udalosti a prvku

Výsledok lekcie: Študenti sa naučili pracovať s udalosťami v JS, dokončili prácu na aplikácii „To-Do List“.

4. mesiac

Prvý deň - Základy git, nodejs, npm a express

Účel lekcie: Pripravte sa na vytvorenie webovej aplikácie pomocou expresného rámca. Zoznámte sa s hlavnými nástrojmi pre prácu s projektom

− git, koncept commit, vytvorenie úložiska
− Spúšťanie programov JS pomocou nodejs
− Správa závislostí pomocou npm
− Vytvorenie šablóny aplikácie v Express

Výsledok lekcie: Študenti vytvorili šablónu aplikácie pomocou Express a pripravili potrebné nástroje pre prácu.

Deň druhý - Cesty a vzory

Účel lekcie: Naučte sa koncept http požiadaviek a ciest vo webovej aplikácii. Naučte sa vytvárať šablóny stránok a vkladať do nich potrebné údaje.

− Pochopenie cesty žiadosti, žiadostí GET a POST
− Vytváranie spracovateľov žiadostí
− Písanie šablón stránok na nahradenie údajov

Výsledok lekcie: Študenti sa naučili základné nástroje na tvorbu webovej aplikácie v Express a napísali jednoduchý blog v JS.

Tretí deň – databázy a ovládače

Účel lekcie: Naučte sa, ako pripojiť databázu k aplikácii Express a vytvárať jednoduché dotazy do databázy.

− MongoDB a Mongoose
− Napísanie schémy a dátového modelu
− jazyk json
− Pridávanie dokumentov do databázy
− Príjem dokumentov z databázy

Výsledok lekcie: Študenti prepojili databázu s blogom na Express. Naučili sme sa písať schému a dátový model, pridávať a dopytovať informácie z databázy.

Štvrtý deň – Používatelia a prihlásenie

Účel lekcie: Naučte sa základy práce s používateľskými účtami v aplikácii Express. Autorizácia a autentifikácia.

− Vytváranie používateľských účtov
− Ukladanie registrovaných užívateľov do databázy
− Middleware a chránené cesty
− Používateľská stránka

Výsledok lekcie: Žiaci sa naučili základy práce s používateľskými účtami vo webových aplikáciách. Do blogu na Express bola pridaná autorizácia.

5. mesiac

Prvý deň - Budovanie tímu. Hĺbkový úvod do HTML

Účel lekcie: Rozdeľte skupinu do tímov, rozdeľte úlohy a vytvorte komunikáciu v rámci tímov. Získajte viac informácií o funkciách jazyka HTML.

- Budovanie tímu:
− Vytváranie tímov
− Rozdelenie rolí v rámci tímu
− Komunikácia cez Slack messenger
− Vývoj:
− Tagy, rodičia a deti
− Jednoduché a dvojité štítky
− div a sémantické značky
− Atribúty značky

Výsledok lekcie: Začali sme pracovať v skupinách a nadviazali vnútroskupinovú komunikáciu. Žiaci sa bližšie oboznámili s funkciami jazyka HTML.

Deň druhý - Obchodné ciele a zámery

Účel lekcie: Dozviete sa o prioritných obchodných cieľoch a zámeroch spoločností, naučte sa určiť ciele konkrétneho prípadu (vyžaduje sa spätná väzba od spoločnosti).

− Koncepcie prioritných obchodných cieľov a zámerov
− Stretnutie so zástupcami spoločnosti
− Analýza informácií od zákazníka

Výsledok lekcie: Po lekcii je študent schopný rozlišovať medzi obchodnými cieľmi, využíva poznatky získané na lekcii, analyzuje informácie od zákazníka a poskytuje výsledok v podobe zapísaného obchodného cieľa zákazníka.

Tretí deň – hĺbkové CSS

Účel lekcie: Prečítajte si viac o funkciách jazyka CSS. Získajte informácie o oddelení obáv medzi HTML a CSS.

− Rozlišovanie medzi obsahom a dizajnom
− Selektory a špecifickosť
− Blokový model
− Pseudotriedy

Výsledok lekcie: Študenti sa dozvedeli viac o funkciách jazyka CSS.

Deň štvrtý – Príbeh používateľa

Účel lekcie: Zamyslite sa nad modelom webovej aplikácie (vyžaduje sa spätná väzba od spoločnosti).

− Koncept používateľského príbehu
− Premýšľanie o používateľskom príbehu vašej aplikácie na základe vopred stanoveného obchodného cieľa
− Práca na modeli budúcej webovej aplikácie

Výsledok lekcie: V tejto lekcii sa študenti naučili, čo je to používateľský príbeh, a na základe vopred definovaného obchodného cieľa vymysleli model budúcej aplikácie s rôznymi mechanikami.

6. mesiac

Prvý deň - Flexbox

Účel lekcie: Naučte sa manipulovať s blokmi na stránke pomocou nástrojov Flexbox.

− Čo je Flexbox
− Nádoby a prvky v nádobe
− Základné polohovacie vlastnosti
− Flexbox využívajúci pomocné triedy Bootstrap

Výsledok lekcie: Študenti sa oboznámili s modernými prístupmi k layoutu pomocou Flexboxu.

Deň druhý – Budovanie layoutu vo Figme

Účel lekcie: Vytvorte prototyp webovej aplikácie vo Figme.

− Vlastnosti a vlastnosti Figmy
− Komponenty, rámy a siete
− Pracujte na rozložení aplikácie, berúc do úvahy spätnú väzbu získanú počas fázy používateľského príbehu

Výsledok lekcie: Študenti pomocou aplikácie Figma vytvorili hotový prototyp (design layout) webovej aplikácie.

Tretí deň – tímová práca. Ponorte sa hlboko do Gitu

Účel lekcie: Naučte sa pracovať so základnými nástrojmi git a Github.

− Inscenácia a záväzok
− súbor .gitignore
− Pobočky a zlúčenie
− Vzdialené úložisko, príkazy push a pull

Výsledok lekcie: Študenti sa naučili tímovú prácu pomocou nástrojov git.

Štvrtý deň – Hlboký ponor do smerovania a ovládačov v Express

Účel lekcie: Prečítajte si zostávajúce otázky o spracovaní dopytov v službe Express.

− Parametre požiadavky
− Nastavenie kódu odpovede
− Smerovač
− Príjem údajov o odoslaní žiadosti
− Presmerovanie
− Odoslanie súboru

Výsledok lekcie: Študenti komplexnejšie pochopili prácu so smerovaním a spracovaním požiadaviek v aplikácii Express.

7. mesiac

Prvý deň – Pracujte na vlastných projektoch. Statické súbory

Účel lekcie: Začnite uvádzať svoje webové aplikácie do praxe. Zistite, ako spracovať statické súbory v aplikácii Express.

− Ako sa statické súbory líšia od dynamických informácií a prečo by sa mali spracovávať oddelene
− Nastavenie toku na spracovanie statických súborov

Výsledok lekcie: Žiaci pokračovali v práci na vlastných projektoch. Naučili ste sa pracovať so statickými súbormi v Express.

Deň druhý – Pracujte na vlastných projektoch. Hĺbková práca s MongoDB a Mongoose

Účel lekcie: Pokračujte v práci na svojich webových aplikáciách. Prečítajte si zostávajúce otázky o práci s databázou MongoDB v Express.

− Typy údajov v schémach
− Overovanie a uchovávanie údajov
− Rôzne typy databázových dotazov

Výsledok lekcie: Žiaci pokračovali v práci na vlastných projektoch. Získal hlbšie pochopenie práce s údajmi v Express pomocou MongoDB a Mongoose.

Deň tretí – Pracujte na vlastných projektoch. Pokračujte v práci s údajmi v Express

Účel lekcie: Pokračujte v práci na svojich webových aplikáciách. Naučte sa niekoľko zaujímavých techník práce s údajmi v Express.

− Asynchrónna požiadavka na údaje
− Bleskové správy na stránke
− Úprava existujúcich záznamov v databáze

Výsledok lekcie: Pokračujeme v práci na vlastných projektoch. Študenti sa naučili implementovať užitočné techniky na prácu s dátami v Express.

Štvrtý deň – prezentácia a verejné vystúpenie

Účel lekcie: Začnite s prípravou na ochranu vašich webových aplikácií.

− Analýza témy a účelu prezentácie (koncept prezentácie: kde a prečo sa používa, vytvorenie asociačnej mapy k vašej téme, napísanie kompletného textového príbehu na zvolenú tému)
− Prototypovanie prezentácie (fázy prezentácie, identifikácia logického úvodu, hlavná myšlienka, závery)

Výsledok lekcie: Študenti sa začali pripravovať na obhajobu svojich webových aplikácií, spoznávali podmienky úspešnej prezentácie a precvičovali si písanie vlastného prejavu.

8. mesiac

Prvý deň – Pracujte na vlastných projektoch. Stránkovanie

Účel lekcie: Dokončiť prácu na webových aplikáciách, opraviť najnovšie chyby, identifikovať najnovšie problémy. Naučte sa robiť stránkovanie (rozdelenie veľkého množstva informácií na niekoľko strán).

− Vytváranie stránkovania

Výsledok lekcie: Práce na webových aplikáciách vstupujú do záverečnej fázy. Študenti dostali záverečné tipy na ich zopakovanie. Naučili ste sa používať stránkovanie vo vašich aplikáciách.

Deň druhý - Nasadenie aplikácie na server

Účel lekcie: Zistite, ako nastaviť server v systéme Linux, nastaviť prostredie NodeJS a nasadiť aplikáciu v systéme Express.

− Zaregistrujte virtuálny súkromný server
− Základy administrácie Linuxu (práca s balíkmi, správa používateľov, ssh, firewall)
− Inštalácia NodeJS na server
− Manažér procesov PM2

Výsledok lekcie: Študenti sa naučili, ako nastaviť svoj server na Linuxe, vytvoriť prostredie a nasadiť svoje webové aplikácie.

Tretí deň – prezentácia a verejné vystúpenie

Účel lekcie: Pokračujte v príprave na ochranu svojich webových aplikácií.

− Návrh prezentácie (základy úspešnej prezentácie, vypĺňanie snímok textovými informáciami, vytváranie prezentácie bez pomoci pripravených rozložení, rozvíjanie vlastného štýlu a dizajnu prezentácie)
− Vystúpenie na verejnosti (samostatná príprava textu na zvolenú tému, príprava prezentácie na prejav, obhajoba projektu)

Výsledok lekcie: Študenti pokračovali v príprave na obhajobu svojich webových aplikácií, spoznali princípy tvorby prezentácií a precvičili si vystupovanie na verejnosti.

Štvrtý deň - Obhajoba projektov pred zástupcami spoločnosti.