Úvodní hodina

MVOP WBF

Bc. Matěj Cajthaml — SSPŠ

©

Protipožární ochrana

Řád učebny

Bc. Matěj Cajthaml

  • absolvent Smíchovské SPŠ
  • absolvent bakalářského programu na Fakultě informačních technologií na ČVUT v Praze
  • student magisterského programu na FIT na ČVUT
  • (spolu)autor aktuálních webových stránek školy
  • učitel WBA, PVA, VOPů a OSE
  • oponent projektů

Kontakt

  • Discord: denowq (neoficiální)
  • e-mail: matej.cajthaml@ssps.cz
  • Teamsy/Komens Bakaláři/...
  • pravidelně kontrolovat systémy

Discord

  • odkaz: discord.ssps.cajthaml.eu
  • aktuální, minulý studenti a absolventi
  • podpora se školou i mimo ni
  • herní a další sekce
  • oznámení, různé statistiky, oficiální konzultační hodiny

A co vy?

Představte se!

Připravte si každý jedno přídavné jméno, které začíná prvním písmenem Vašeho křestního jména společně s pár zajímavostmi o Vás.

Například: vysmátý Václav Novák

O předmětu

  • maturitní volitelný odborný předmět
  • do čtvrtého ročníku
  • různé témata
  • většinově frontend, ale i backend
  • 3h / týden

Látka

                        mindmap
                        root((Webový frontend))
                            3\. ročník
                                Opakování WBA
                                    Teorie webů
                                    HTML
                                    CSS
                                    JS
                                CSS preprocessory
                                Programování v JS
                                    Node.js
                                    npm
                                    Objektově orientované programování
                                    Asynchronní programování
                                Framework Vue.js
                                Teorie API
                                    REST
                                    HTTP
                                    Bezpečnost webů
                                Git
                                Návrh stránek
                                    Uživatelské rozhraní
                                    Uživatelský zážitek
                                    Zásady
                                    Psychologie designu
                                Animace a zvuk
                            4\. ročník
                                Opakování
                                Canvas, pokročilé simulace a knihovny
                                Návrhové vzory
                                Projekty, testování a metodiky vývoje
                                A další...
                    

Co (ne)očekávat

(ve 3. ročníku)

Očekávat:

  • moderní tvorba webů
  • pochopení problematiky webů
  • teorii webů
  • programování v JS
  • základní komunikace a výměna dat

Neočekávat:

  • práce s více knihovnami
  • zcela správný design webů
  • práce se vším moderním
  • že se tady vše naučíte

Motivace

  • mnoho zdrojů
  • ihned vidíte co děláte
  • naučením základů pochopíte náročnější koncepty a jiné knihovny

Mé očekávání

  • aktivita
  • přátelský přístup s limity
  • konstruktivní kritiku a feedback
  • aktivní přípravu
  • příjemné prostředí

Kritéria hodnocení

Požadavky

  • je nutné mít alespoň 50 % odevzdaných prací
  • všechny zkoušení je nutné si doplnit — dopsat
  • bodový systém

  • vlastní poznámky jsou povinné a silně doporučované, nejsou však cílem hodnocení
  • je nutné mít alespoň 75 % docházky — nekontroluji

Bodový systém

  • interní nahrazení běžného hodnocení známkami za body
  • bodový základ (= $100\ \%$)
  • spravedlivější systém
  • lze udělovat i záporné body
  • procentuální úspěšnost = známka
  • zapisování do Bakalářů
  • neodevzdávání prací — N + 0 / bodového základu
  • v pololetí se body resetují — začíná se s nulou

Získávání bodů

Body lze získat za:

  • písemné či ústní zkoušení
  • povinné práce
  • nepovinné práce
  • závěrečnou práci
  • práci v hodině

Body lze ztratit za:

  • namátkové ústní zkoušení
  • obtěžování
  • pozdní odevzdání
  • podvody a lhaní

Hodnocení

  • 5 = $\left(-\infty,40\ \%\right)$
  • 4 = $\left<40\ \%,55\ \%\right)$
  • 3 = $\left<55\ \%,70\ \%\right)$
  • 2 = $\left<70\ \%,85\ \%\right)$
  • 1 = $\left<85\ \%,+\ \infty\right)$

Ukázka převedení na známky

Bodový základ: $17\ \text{bodů}$

Získáno: $11\ \text{bodů}$

Tedy:

$$\frac{11}{17}\ \% = 64,7\ \% \Rightarrow 3\ \text{(dobrá)}$$

Závěrečná práce

  • oznámení na začátku 2. pololetí
  • vytvoření moderní a interaktivní webové aplikace
  • použití naučených technologií
  • velká část bodů v druhém pololetí
  • skupinová práce
  • a druha malinkatá závěrečná práce

Webové stránky

https://ssps.cajthaml.eu

  • vytvořeny pro podporu studia
  • informace — kritéria, závěrečné práce, ...
  • seznam všech materiálů, zdrojů a úkolů
  • samostudium — otázky & praktická tvorba

Přihlášení

  • zobrazení hodnocení
  • ODEVZDÁVÁNÍ PRACÍ
  • ZAPISOVÁNÍ POZNÁMEK
  • exaktní hodnocení včetně komentářů a kritérií
  • přístup k různým službám
  • známky jsou vždy v Bakalářích

Průběh hodin

(jestli vše půjde, jak má)

  • uvítání, rekapitulace minulých hodin
  • 1. h: teorie látky
  • 2. h: aplikace / ukázky látky
  • 3. h: samostatná práce


  • ptejte se vždy, když je to nutné
  • přestávky
  • toaleta

Příprava vývojového prostředí

https://ssps.cajthaml.eu/3-mvop-wbf/announcements/

  • VSCode/IntelliJ Webstorm
  • různé pluginy
  • nastavení vzhledu

Git

  • Github/Gitlab
  • zálohování prací
  • věčný stav
  • skupinové projekty
  • první pololetí

Minulí studenti říkají...

  • Nenechávejte úkoly na poslední chvíli, obzvlášť závěrečné práce.
  • Většinu věcí opravdu v praxi použijete.
  • Je toho hodně, nauč se plánovat.

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/