Podstawy HTML i CSS
Poziom: podstawowy
Proste zadania wprowadzające w podstawy tworzenia stron internetowych oraz języków HTML i CSS.
Tworzenie prostej strony HTML, zrozumienie, z jakich znaczników się składa, za co one odpowiadają, podłączanie CSS i JavaScript do strony.
Dowiedz się, jak dodać zawartość tekstową do prostej strony HTML: akapity, nagłówki, podtytuły, listy i inne.
Zajmijmy się najpopularniejszymi właściwościami CSS do stylizacji tekstu: pogrubienie, kursywa, rozmiar, kolor i inne.
Podstawy JavaScript
Poziom: podstawowy
Proste zadania pozwalające zapoznać się z JavaScriptem. Nauczymy się modyfikować strony internetowe za pomocą skryptów, ożywimy przełącznik motywów i formularz subskrypcyjny oraz zapoznamy się z konsolą.
Ożywić licznik polubień. Nauczmy się wyszukiwać elementy, zapisywać je w zmiennych i zmieniać ich zawartość. Poćwiczmy używanie warunków.
Napiszemy prosty system komentowania. Nauczymy się tworzyć nowe elementy, ustawiać ich zawartość i właściwości oraz wstawiać te elementy na stronę.
Nauczmy się wprowadzać ożywienie podpowiedzi na stronie, wyszukiwać kolekcje elementów i pracować z tymi kolekcjami. Poćwiczmy używanie pętli.
Podstawy algorytmów i struktur danych
Poziom: podstawowy
Zapoznamy się z podstawowymi zasadami programowania. Przećwiczymy używanie prostych komend i typami danych.
Dowiemy się, czym są zmienne, jak tworzyć zmienne i ustawiać ich wartości. Zapoznamy się z priorytetami operacji. Napiszemy nasz pierwszy program.
Będziemy pracować ze złożonymi warunkami. Nauczymy się używać zagnieżdżonych warunków. Zapoznamy się z operatorami logicznymi i nauczymy się je łączyć.
Nauczymy się używać warunków wewnątrz pętli, definiować parzyste i nieparzyste wartości zmiennych licznika. Poznamy technikę "akumulacji wewnątrz pętli" oraz skrócone operatory matematyczne.
Zapoznamy się z pętlami o nieznanej liczbie iterakcji. Zrozumiemy strukturę pętli while
, operatory break
i continue
. Dowiemy się, jak zapobiegać nieskończonym pętlom i napiszemy małą grę.
Tworzenie złożonej strony HTML
Poziom: zaawansowany
Nauczymy się używać linków i wstawiać obrazy na stronę. Zrozumiemy adresy względne i bezwzględne. Zapoznamy się z popularnymi formatami obrazów. Dowiemy się czym jest grafika wektorowa i rastrowa.
Dowiemy się jak poprawnie oznaczać duże bloki strony: nagłówek, stopkę, treść główną, nawigację. Dowiemy się czym różnią się <section>
i <article>
. Dowiedzmy się, czym jest znacznik semantyczny.
Zanurzmy się w zawiłości znaczników tekstowych. Zapoznamy się ze znacznikami do oznaczania różnych typów cytatów, kodu programu, zmian, czasu oraz indeksów dolnych i górnych. Zrozumiemy, jak używać mnemoników. Dowiemy się, jak prawidłowo korzystać z uniwersalnych kontenerów - <div>
i <span>
.
Poćwiczymy wstawianie plików audio, wideo, łączenie i używanie niestandardowych czcionek. Poznamy inne zaawansowane funkcje HTML5.
Zagłębianie CSS
Poziom: zaawansowany
Poznamy podstawowe pojęcia CSS: reguły, selektory, właściwości, wartości. Zapoznamy się z typami właściwości i wartości.
Dowiemy się, jak używać prostych i zaawansowanych selektorów, pseudoklas i jak je łączyć.
Dowiemy się czym jest dziedziczenie, kaskadowość, specyficzność i jak z nich korzystać.
Rozważymy zaawansowane selektory, takie jak :nth-of-type
lub :only-child
. Dowiemy się, jak używać pseudoelementów, takich jak ::before
i ::after
.
Zanurz się w JavaScript
Poziom: zaawansowany
Dowiemy się, czym jest DOM API, będziemy pracować z szablonami, poznamy nowe zdarzenia i metody zarządzania DOM, sklonujemy elementy i zaprogramujemy aplikację z listą rzeczy do zrobienia.
Dowiemy się, jakie zdarzenia występują podczas przesyłania formularzy, wprowadzania tekstu w polach i zmiany wartości pól. Przećwiczymy obsługę tych zdarzeń i kontrolę zachowań formularzy i pól. Zapoznamy się z walidacją danych.
Zapoznamy się z API, pozwalającymi uzyskać dane o stanie przeglądarki, a także nią zarządzać. Dowiemy się, jak zarządzać przewijaniem i ożywić komponent "Przycisk w górę".
Dowiemy się, jak zmieniać style elementów przy użyciu właściwości style
i danych z pól wejściowych. Zaprogramujemy panel z ustawieniami koloru i rozmiaru tekstu na stronie.
Zaawansowane algorytmy i struktury danych
Poziom: zaawansowany
Napiszemy nasz pierwszy algorytm sortowania tablic od podstaw. Nauczymy się korzystać z pętli zagnieżdżonych. Zapoznamy się z różnymi algorytmami sortowania i poznamy różnice między nimi.
Zapoznamy się z metodami obiektu. Nauczymy się je tworzyć i wywoływać. Dowiemy się, jak uzyskać dostęp do właściwości i innych metod obiektu z poziomu metod przy użyciu słowa kluczowego this
. Napiszemy nasz pierwszy program w stylu obiektowym.