Razvoj spletnih aplikacij za podjetja - tečaj 67.200 rub. iz šole programiranja za otroke Coddy, usposabljanje 8 modulov (meseci)

Učitelj tečaja:
“Programiranje v JavaScriptu”, “Programiranje iger v Pythonu”, “Spletno programiranje”, “Boti v Pythonu”, “Programiranje v Python3”, “Razvoj spletnih aplikacij za podjetja”

1. mesec

Prvi dan – Predstavitev JavaScripta

Namen lekcije: študente seznaniti z jezikom JS, njegovim obsegom in glavnimi razlikami od drugih jezikov. Napišite svoj prvi program JS z uporabo vhodnih in izhodnih funkcij.

− Za kaj se uporablja JS?
− Vnos in izhod informacij
− Kaj so spremenljivke, direktive let in const
− Osnovni podatkovni tipi v JS

Rezultat lekcije: Učenci so se naučili izdelati preprost JS program, prikazati informacije na zaslonu, prebrati informacije od uporabnika in jih shraniti v spremenljivke.

Drugi dan - Matematični in logični operatorji

Namen lekcije: Naučite se reševati matematične in logične probleme z uporabo JS.

− Aritmetični operatorji
− Operatorji primerjave
− Logični podatkovni tip
− Logični operatorji

Rezultat lekcije: Obvladal matematične in logične zmožnosti JS za pisanje programske logike. Za reševanje matematičnih in logičnih problemov je bilo napisanih več programov.

Tretji dan – pogojne izjave

Namen lekcije: Raziščite načine za nadzor poteka programa z uporabo pogojnih stavkov.

− stavki if/else
− Več razvejev
− Ternarni operator
− Vrstni red vrednotenja logičnih izrazov

Rezultat lekcije: Študenti so se naučili implementirati nelinearne algoritme z uporabo operatorjev vej. Pridobili smo globlje razumevanje dela z logičnimi izrazi. Napisali smo preprost program za nelinearni pogovor z uporabnikom.

Četrti dan – cikli. Medtem ko Loop

Namen lekcije: Rešite težavo izvajanja podobnih dejanj za veliko količino podatkov z uporabo zank.

− Pojem in pomen cikla
− zanka while
− Pojem iteracije in iteratorja

Rezultat lekcije: Študenti so se naučili implementirati nelinearne algoritme z uporabo operatorjev vej. Pridobili smo globlje razumevanje dela z logičnimi izrazi. Ustvarili smo igro »Ugani število« ali podobno igro, ki temelji na ciklu.

2. mesec

Prvi dan - Ponovitev osnovnih algoritemskih struktur. za zanko

Namen lekcije: Ponovite in utrdite naučeno v zadnjem modulu. Preučite novo konstrukcijo zanke for in njene prednosti pred while.

− zanka za
− Prekini in nadaljuj izjave
− Naštevanje zaporedij

Rezultat lekcije: Zaključili smo učenje osnovne sintakse JS in utrdili pridobljeno znanje.

Drugi dan - Masivi

Namen lekcije: Naučite se uporabljati polja za shranjevanje in obdelavo velikih količin podobnih podatkov.

− Koncept in deklaracija nizov
− Matrične metode
− Zanka skozi elemente polja
− Večdimenzionalni nizi

Rezultat lekcije: Učenci so se naučili shranjevati in obdelovati velike količine podatkov z uporabo nizov.

Tretji dan - delo z nizi

Namen lekcije: Naučite se učinkovito delati z besedilnimi informacijami z uporabo nizovnih zmogljivosti JS.

− Narekovaji in posebni znaki
− Delo z znaki, spreminjanje velikih in malih črk
− Išči in pridobi podniz
− Primerjava nizov
− Koncept kodiranja

Rezultat lekcije: Učenci so se naučili uporabljati orodja JS za manipulacijo, ustvarjanje in spreminjanje besedila.

Četrti dan – Funkcije

Namen lekcije: Naučite se strukturirati programe z uporabo funkcij.

− Deklaracija funkcije
− Obseg spremenljivk
− Funkcijski parametri
− Vračanje vrednosti

Rezultat lekcije: Učenci so se naučili pisati lepo, razumljivo in strukturirano kodo s pomočjo funkcij.

3. mesec

Prvi dan - Predmeti

Namen lekcije: Naučite se priročno shranjevati med seboj povezane podatke z uporabo objektov, seznanite se z osnovami objektno orientiranega programiranja.

− Ustvarjanje predmeta
− Ključi in vrednosti
− Objektne metode
− Konstruktorji objektov
− nizi predmetov

Rezultat lekcije: Končali smo študij orodij JS za priročno shranjevanje informacij. Napisali smo program »Telefonski imenik« ali podobno.

Drugi dan - Osnove postavitve z uporabo Bootstrapa

Namen lekcije: Naučite se osnov HTML in CSS. Spoznajte Bootstrap framework za hitro ustvarjanje vmesnikov.

− Osnove HTML in CSS
− Razredi CSS, komponente Bootstrap

Rezultat lekcije: Učenci so se naučili ustvarjanja vmesnikov z uporabo Bootstrapa. Ustvarili smo vmesnik za aplikacijo Seznam opravil.

Tretji dan - Delo z DOM

Namen lekcije: Naučite se osnov postavitve HTML in uporabe JS za upravljanje elementov na strani.

− Iskanje elementov na strani
− Atributi in lastnosti elementov
− Spreminjanje dokumenta

Rezultat lekcije: Učenci so se naučili, kako manipulirati z vsebino strani z uporabo JS. Premislili smo o strukturi podatkov za aplikacijo Seznam opravil.

Četrti dan - Dogodki

Namen lekcije: Naučite se delati z dogodki na spletni strani in z njimi povezati svoje funkcije

− Dogodki miške, tipkovnice in dokumenta
− Ustvarjanje obdelovalcev dogodkov
− Pridobivanje informacij o dogodku in elementu

Rezultat lekcije: Učenci so se naučili delati z dogodki v JS, opravili so delo na aplikaciji To-Do List.

4. mesec

Prvi dan - Osnove git, nodejs, npm in express

Namen lekcije: Pripravite se na izdelavo spletne aplikacije z uporabo ogrodja Express. Seznanite se z glavnimi orodji za delo s projektom

− git, koncept objave, ustvarjanje repozitorija
− Izvajanje programov JS z uporabo nodejs
− Upravljanje odvisnosti z npm
− Izdelava predloge aplikacije v Expressu

Rezultat lekcije: Dijaki so s programom Express izdelali predlogo prijave in pripravili potrebna orodja za delo.

Drugi dan - Poti in vzorci

Namen lekcije: Naučite se koncepta http zahtev in poti v spletni aplikaciji. Naučite se ustvariti predloge strani in vanje vstaviti potrebne podatke.

− Razumevanje poti zahteve, zahtev GET in POST
− Ustvarjanje upravljavcev za zahteve
− Pisanje predlog strani za zamenjavo podatkov

Rezultat lekcije: Dijaki so se naučili osnovnih orodij za izdelavo spletne aplikacije v Expressu in napisali preprost blog v JS.

Tretji dan – Baze podatkov in krmilniki

Namen lekcije: Naučite se povezati zbirko podatkov z aplikacijo Express in narediti preproste poizvedbe v zbirki podatkov.

− MongoDB in Mongoose
− Pisanje sheme in podatkovnega modela
− jezik json
− Dodajanje dokumentov v bazo
− Prejemanje dokumentov iz baze podatkov

Rezultat lekcije: Dijaki so bazo podatkov povezali z blogom na Expressu. Naučili smo se napisati shemo in podatkovni model, dodati in poizvedovati po informacijah iz baze podatkov.

Četrti dan - Uporabniki in prijava

Namen lekcije: Naučite se osnov dela z uporabniškimi računi v Express aplikaciji. Avtorizacija in avtentikacija.

− Ustvarjanje uporabniških računov
− Shranjevanje registriranih uporabnikov v bazo podatkov
− Vmesna programska oprema in zaščitene poti
− Uporabniška stran

Rezultat lekcije: Dijaki so spoznali osnove dela z uporabniškimi računi v spletnih aplikacijah. Dodana avtorizacija blogu na Expressu.

5. mesec

Prvi dan - Team building. Poglobljen uvod v HTML

Namen lekcije: Razdelite skupino v time, razdelite vloge in vzpostavite komunikacijo znotraj timov. Izvedite več o funkcijah jezika HTML.

− Team building:
− Oblikovanje ekip
− Porazdelitev vlog v timu
− Komunikacija prek sporočila Slack
− Razvoj:
− Oznake, starši in otroci
− Enojne in dvojne oznake
− div in pomenske oznake
− Atributi oznake

Rezultat lekcije: Začeli smo delati v skupinah in vzpostavili komunikacijo znotraj skupine. Učenci so se pobliže seznanili z značilnostmi jezika HTML.

Drugi dan - Poslovni cilji in cilji

Namen lekcije: Spoznajte prednostne poslovne cilje in cilje podjetij, naučite se določiti cilje konkretnega primera (potrebna je povratna informacija podjetja).

− Koncepti prednostnih poslovnih ciljev in ciljev
− Sestanek s predstavniki podjetja
− Analiza informacij od stranke

Rezultat lekcije: Po učni uri je študent sposoben razlikovati med poslovnimi cilji, s pomočjo znanja, pridobljenega pri učni uri, analizira informacije od stranke, rezultat pa je v obliki zapisanega poslovnega cilja stranke.

Tretji dan – Poglobljen CSS

Namen lekcije: Izvedite več o funkcijah jezika CSS. Preberite več o ločevanju pomislekov med HTML in CSS.

− Razlikovanje med vsebino in obliko
− Izbirniki in specifičnost
− Bločni model
− Psevdorazredi

Rezultat lekcije: Učenci so izvedeli več o značilnostih jezika CSS.

Četrti dan – uporabniška zgodba

Namen lekcije: Razmislite o modelu spletne aplikacije (potrebne so povratne informacije podjetja).

− Koncept uporabniške zgodbe
− Razmišljanje o uporabniški zgodbi vaše aplikacije na podlagi predhodno zastavljenega poslovnega cilja
− Delo na modelu bodoče spletne aplikacije

Rezultat lekcije: V tej lekciji so študentje spoznali, kaj je uporabniška zgodba in na podlagi predhodno definiranega poslovnega cilja zasnovali model za prihodnjo aplikacijo z različnimi mehanikami.

6. mesec

Prvi dan - Flexbox

Namen lekcije: Naučite se manipulirati z bloki na strani z orodji Flexbox.

− Kaj je Flexbox
− Posode in elementi v posodi
− Osnovne lastnosti pozicioniranja
− Flexbox z uporabo pomožnih razredov Bootstrap

Rezultat lekcije: Dijaki so se seznanili s sodobnimi pristopi postavitve s pomočjo Flexboxa.

Drugi dan - Izdelava postavitve v Figmi

Namen lekcije: Razvijte prototip spletne aplikacije v Figmi.

− Značilnosti in lastnosti Figme
− Komponente, okvirji in mreže
− Delajte na postavitvi aplikacije ob upoštevanju povratnih informacij, prejetih med fazo uporabniške zgodbe

Rezultat lekcije: Dijaki so z aplikacijo Figma izdelali že pripravljen prototip (dizajn layout) spletne aplikacije.

Tretji dan - Timsko delo. Poglobite se v Git

Namen lekcije: Naučite se delati z osnovnimi orodji git in Github.

− Uprizoritev in zaveza
− Datoteka .gitignore
− Podružnice in združitve
− Oddaljeno skladišče, ukazi push in pull

Rezultat lekcije: Dijaki so se naučili timskega dela z orodji git.

Četrti dan – Poglobite se v usmerjanje in krmilnike v Expressu

Namen lekcije: Preglejte preostala vprašanja o obdelavi poizvedb v Expressu.

− Parametri zahteve
− Nastavitev odzivne kode
− Usmerjevalnik
− Prejem podatkov o zahtevku po pošti
− Preusmeritev
− Pošiljanje datoteke

Rezultat lekcije: Študenti so pridobili celovitejše razumevanje dela z usmerjanjem in obdelavo zahtevkov v aplikaciji Express.

7. mesec

Prvi dan - Delajte na lastnih projektih. Statične datoteke

Namen lekcije: Začnite uvajati svoje spletne aplikacije v prakso. Naučite se obdelati statične datoteke v aplikaciji Express.

− Kako se statične datoteke razlikujejo od dinamičnih informacij in zakaj jih je treba obdelovati ločeno
− Nastavitev poteka za obdelavo statičnih datotek

Rezultat lekcije: Učenci so nadaljevali z delom na lastnih projektih. Naučili ste se delati s statičnimi datotekami v Expressu.

Drugi dan - Delajte na lastnih projektih. Poglobljeno delo z MongoDB in Mongoose

Namen lekcije: Nadaljujte z delom na svojih spletnih aplikacijah. Preglejte preostala vprašanja o delu z zbirko podatkov MongoDB v Expressu.

− Vrste podatkov v shemah
− Validacija in shranjevanje podatkov
− Različne vrste poizvedb po bazi podatkov

Rezultat lekcije: Učenci so nadaljevali z delom na lastnih projektih. Pridobil globlje razumevanje dela s podatki v Expressu z uporabo MongoDB in Mongoose.

Tretji dan - Delo na lastnih projektih. Nadaljujte z delom s podatki v Expressu

Namen lekcije: Nadaljujte z delom na svojih spletnih aplikacijah. Naučite se nekaj zanimivih tehnik za delo s podatki v Expressu.

− Zahteva za asinhrone podatke
− Flash sporočila na strani
− Urejanje obstoječih zapisov v bazi

Rezultat lekcije: Delo na lastnih projektih se nadaljuje. Učenci so se naučili izvajati uporabne tehnike za delo s podatki v Expressu.

Četrti dan – predstavitev in javno nastopanje

Namen lekcije: Začnite se pripravljati na zaščito svojih spletnih aplikacij.

− Analiza teme in namena predstavitve (koncept predstavitve: kje in zakaj se uporablja, izdelava asociacijskega zemljevida za vašo temo, pisanje celotnega besedila-zgodbe na izbrano temo)
− Izdelava prototipa predstavitve (faze predstavitve, prepoznavanje logičnega uvoda, glavne ideje, zaključkov)

Rezultat lekcije: Dijaki so se začeli pripravljati na zagovor svojih spletnih prijav, spoznavali pogoje za uspešno predstavitev in vadili pisanje lastnega govora.

8. mesec

Prvi dan - Delajte na lastnih projektih. Paginacija

Namen lekcije: Dokončajte delo na spletnih aplikacijah, popravite najnovejše napake, identificirajte najnovejše težave. Naučite se narediti paginacijo (razdelitev velike količine informacij na več strani).

− Izdelava paginacije

Rezultat lekcije: Delo na spletnih aplikacijah prehaja v zaključno fazo. Učenci so prejeli končne nasvete za njihovo ponavljanje. Naučili ste se uporabljati paginacijo v svojih aplikacijah.

Drugi dan - Namestitev aplikacije na strežnik

Namen lekcije: Naučite se nastaviti strežnik v Linuxu, nastaviti okolje NodeJS in razmestiti aplikacijo v Expressu.

− Registrirajte navidezni zasebni strežnik
− Osnove administracije Linuxa (delo s paketi, upravljanje uporabnikov, ssh, požarni zid)
− Namestitev NodeJS na strežnik
− Upravljalnik procesov PM2

Rezultat lekcije: Učenci so se naučili, kako postaviti svoj strežnik na Linux, ustvariti okolje in razmestiti svoje spletne aplikacije.

Tretji dan – predstavitev in javno nastopanje

Namen lekcije: Še naprej se pripravljajte na zaščito svojih spletnih aplikacij.

− Oblikovanje predstavitve (osnove uspešne predstavitve, polnjenje prosojnic z besedilnimi informacijami, ustvarjanje predstavitve brez pomoči že pripravljenih postavitev, razvijanje lastnega sloga in dizajna predstavitve)
− Javno nastopanje (samostojna priprava besedila na izbrano temo, priprava predstavitve za govorni nastop, zagovor projekta)

Rezultat lekcije: Dijaki so nadaljevali s pripravami na zagovor svojih spletnih aplikacij, spoznavali principe oblikovanja predstavitev in vadili javno nastopanje.

Četrti dan - Zagovor projektov pred predstavniki podjetja.