Wprowadzenie
Zajęcia dla uczniów, którzy ukończyli kurs „ROBLOX z LUA”. Kurs ten obejmuje podstawy tworzenia stron internetowych. Zajęcia zawierają przyjazne wprowadzenie w świat języka znaczników HTML oraz sposobu stylizowania wyglądu stron przy pomocy stylów CSS. Wprowadzane są również podstawy języka JavaScript. Efektem końcowym jest stworzenie własnych stron oraz opublikowanie ich w sieci. Po ukończeniu kursu każdy uczestnik otrzymuje certyfikat potwierdzający uczestnictwo.
Program kursu
1Lekcja 1. Pierwsza strona WWW
Przedstawiona zostanie struktura dokumentu HTML. Każdy uczestnik zostanie zapoznany z edytorem online-Glitch. Zostaną pokazane podstawowe znaczniki, umożliwiające dodawanie treści na stronie takie jak np. nagłówki, tekst oraz hiperłącza.
2Lekcja 2. Grafika i multimedia na stronie
Na lekcji zostanie pokazane jak dodać zasoby pochodzące z innych stron. Uczniowie dodadzą na swojej stronie obrazy, ikonki ,filmy, dokument pdf i interaktywną mapę. Każdy uczestnik stworzy projekt „Moje miasto”.
3Lekcja 3. Blog kulinarny - cz. I
Uczniowie przygotują projekt bloga kulinarnego. Poznają listy i ich rodzaje, a także język CSS za pomocą, którego zmienią wygląd swojej strony. Ponadto, każdy uczestnik zaimportuje i użyje w swoim projekcie wybrane czcionki Google Fonts oraz system dodawania komentarzy Disqus.
4Lekcja 4. Blog kulinarny - cz. II
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
5Lekcja 5. Ranking telefonów
Prezentacja danych odbędzie się za pomocą tabel. Uczniowie nauczą się tworzyć oraz odpowiednio formatować tabele. Uczestnicy przygotują tabelę, w której zestawią ze sobą według nich najlepsze telefony i umieszczą w tabeli najważniejsze informacje o danym modelu.
6Lekcja 6. Formularze
Celem lekcji jest zapoznanie ze sposobami tworzenia formularzy za pomocą różnych komponentów – pól tekstowych, przycisków, pól wyboru, list rozwijanych. Na zajęciach zostanie przygotowany obszerny formularz kontaktowy oraz mechanika przesyłania danych z formularza na skrzynkę pocztową
7Lekcja 7. Własna strona uczniów. QUIZ
Na zajęciach uczniowie tworzą stronę na wybrany przez siebie temat, strona powinna zawierać jak najwięcej elementów poznanych do tej pory.
8Lekcja 8. Mój pupil
Celem lekcji jest zapoznanie się ze znacznikiem <div> i za jego pomocą
wydzieleniem sekcji na stronie. Uczniowie stworzą projekt strony na temat swojego
ulubionego zwierzaka.
9Lekcja 9. Sklep z Lego - cz. I
Celem zajęć będzie stworzenie strony informacyjnej sklepu LEGO, zawierającego logo, baner, favicon, czcionki Google Fonts, interaktywne menu oraz podstronę z formularzem kontaktowym.
10Lekcja 10. Sklep z Lego - cz. II
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
11Lekcja 11. Restauracja - cz. I
Celem zajęć będzie stworzenie responsywnej strony restauracji z użyciem Flexbox oraz Media queries. Strona będzie posiadać wydzielone sekcje, menu, galerie oraz stopkę z kontaktem i lokalizacją.
12Lekcja 12. Restauracja - cz. II
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.
13Lekcja 13. Powtórzenie wiadomości - quiz
Celem zajęć będzie powtórzenie wiadomości poprzez wykonanie projektu „karty z gier”, uczestnicy wykorzystają możliwości Flexbox do stworzenia układu strony.
14Lekcja 14. Wstęp do JavaScript. Automatyczna galeria restauracji
Automatyczna galeria restauracji. Na zajęciach zostanie udoskonalony projekt restauracji. Za pomocą języka JavaScript zostanie dodana automatyczna galeria.
15Lekcja 15. Pamiętniki z wakacji
Celem zajęć będzie stworzenie responsywnej strony z użyciem modułu Flexbox oraz Media queries. Strona będzie posiadać wydzielone sekcje. Uczestnicy będą mogli spersonalizować swoje strony poprzez własne materiały (zdjęcia, filmy).
16Lekcja 16. Pamiętniki z wakacji. Kontynuacja
Lekcja zostanie przeznaczona na urozmaicenie projektu z poprzednich zajęć.
17Lekcja 17. Bossowy quiz
Celem zajęć będzie przygotowanie interaktywnego quizu o bossach z naszych ulubionych gier. Całość zostanie sformatowana przy użyciu języka CSS.
18Lekcja 18. Bossowy quiz. Kontynuacja
Celem zajęć będzie kontynuacja i rozbudowanie projektu z poprzednich zajęć.