Sprav si moderný responzívny web

5725260-pycon.jpg

Svetlana Margetová

Ahojte!    Volám sa Sveťa a venujem sa už viac ako 10 rokov programovaniu v Pythone a vývoju mobilných aplikácií. Často sa však nielen v IT komunite stretávam s Více o lektorovi »

5965150-web-kurz.png

Kurz teď nemá vypsaný termín

Nech nám svůj e-mail – dáš tak lektorovi podnět k vypsání nového termínu. Jakmile jej vypíše, dáme ti obratem vědět.

Čo spolu vytvoríme?

Na kurze by sme si mali vytvoriť stránku, ktorú ideálne prakticky umiestnime do sveta internetu, každému sprístupníme a povieme niečo o sebe a svojich záujmoch. Nikdy nevieš, kto ťa cez Google nájde, zaujme ho/ju tvoja tvorba a napíše ti. :)

Vzorová stránka podľa ktorej budeme postupovať vyzerá nasledovne == http://svetlanam.github.io/htmlkurz2016/#

Osnova

1. Základy práce s príkazovým riadkom
2. Inštalácia editora
3. Úvod do HTML5
4. Twitter Bootstrap
5. Návrh webstránky
6. Základná štruktúra webovej stránky
7. Menu webstránky
8. Slider webstránky
9. Sekcia záujmy
10. Sekcia pridaj sa
11. Sekcia Aktualita týždňa
12. Kontaktný formulár - Dobrovoľné
13. Päta stránky
14. Prelinkovanie hlavného menu
15. Komentáre
16. Github a Git - inštálacia
17. Nahratie kódu na Github
18. Úvod do CSS3
19. Základný štýl pre webstránku
20. Google Chrome - developerské nástroje
21. Navigačné menu webstránky
22. Naštýlovanie slideru webstránky
23. Naštýlovanie sekcie záujmy
24. Naštýlovanie sekcie pridaj sa
25. Naštýlovanie kontaktného formuláru
26. Naštýlovanie päty stránky
27. Nahratie kódu na Github
28. Animácie - Dobrovoľné
29. Pridanie faviconu - Dobrovoľné
30. Základná responzivita webstránky
31. Github Pages
32. Responzívna optimalizácia
33. Čo ďalej?

Typ kurzu:

Intenzívny 2dňový kurz. Prvý deň prejdeme informácie ako web navrhnúť a vytvoríme si základnu HTML štruktúru. Druhý deň prejdeme CSS a JavaScript, pomocou ktorého je možné web naformátovať.

Prerekvizity:

Bolo by dobré ovládať prácu s príkazovým riadkom/terminálom. No nie je to nutnosťou, na začiatku kurzu sa tomu venovať budeme.

Čo budem potrebovať?

  • Notebook 
  • myš (je to pohodlnejšie) 
  • dobrú náladu

Odebírej náš newsletter

Posíláme tipy na nové kurzy, zajímavé a přínosné články. Informujeme o dění a vývoji projektu Naučmese.