codequick-darkmode-logo
Zaloguj sięZarejestruj się
Podstawy tworzenia stron internetowych | HTML | CSS | JavaScript

Sylabus:

Podstawy tworzenia stron internetowych | HTML | CSS | JavaScript

28 Lekcje 204 Online Pytania z Kodowania


Jakie tematy będą omawiane na kursie?

Podstawy Javascript Część 1

  1. Pierwsze kroki w programowaniu:

    • Drukowanie akcji console.log

    • Definiowanie zmiennej typu var

    • Łączenie zmiennych za pomocą console.log

  1. Podstawowe operacje matematyczne:

    • Definiowanie zmiennych liczbowych

    • Operacje arytmetyczne - dodawanie, odejmowanie, mnożenie i dzielenie

    • Używanie console.log z operacjami arytmetycznymi

  1. Łańcuchy znaków:

    • Co to jest łańcuch znaków

    • Definiowanie zmiennych typu string

    • Zrozumienie indeksowania łańcuchów znaków

    • Używanie operatora nawiasów kwadratowych []

  1. Warunki i zmienne typu Boolean:

    • Zrozumienie warunku if

    • Operacja większości

    • Operacja mniejszości

    • Operacja równości

    • Operacja nierówności (nie równa się)

    • Operacja większe lub równe

    • Operacja mniejsze lub równe

    • Używanie prostych warunków

  1. Zaawansowane warunki:

    • Zaawansowane warunki i operatory logiczne (&& oraz ||)

    • Używanie if oraz else

    • Używanie skomplikowanych warunków z else if

  1. Operacja modulo:

    • Używanie operacji modulo (%) do obliczania reszty

    • Używanie metody do obliczania liczby cyfr w liczbie

    • Używanie parseInt do zaokrąglania wyniku liczby

  1. Pętle while:

    • Jak napisać pętlę while

    • Zrozumienie pojęcia indeksu i jego zastosowań

  1. Pętle for:

    • Definiowanie pętli for i jej zastosowania

    • Zrozumienie inicjalizacji pętli, inkrementacji i zakończenia

  1. Zaawansowane zagadnienia modulo:

    • Używanie modulo do bardziej złożonych zadań

    • Jak obliczyć sumę cyfr liczby

Podstawy Javascript Część 2

  1. Tablice:

    • Definiowanie tablicy

    • Zrozumienie pojęcia indeksu w tablicy i jego zastosowania

    • Iteracja po tablicach za pomocą pętli

  1. Obiekty:

    • Definiowanie pustego obiektu

    • Inicjalizacja kluczy w obiekcie

    • Dostęp do kluczy za pomocą operatora kropki

    • Dynamiczne dostęp do kluczy

  1. Zaawansowane tematy dotyczące obiektów:

    • Tablica obiektów

    • Używanie pętli do iteracji przez tablicę obiektów

    • Metoda Object.keys

    • Metoda Object.values

    • Metoda JSON.stringify

    • Metoda JSON.parse

  1. Funkcje Część A:

    • Definiowanie funkcji

    • Definiowanie argumentów dla funkcji

    • Zwracanie wartości funkcji

    • Pisanie bardziej złożonych funkcji

  1. Funkcje Część B:

    • Wywoływanie wielu funkcji

    • Wywoływanie funkcji wewnątrz innej funkcji.

    • Łączenie funkcji

  1. Zagnieżdżone Pętle For:

    • Definiowanie zagnieżdżonych pętli for

    • Poprawne używanie indeksów

    • Złożone przykłady z tablicami

Integracja HTML, CSS i JS

  1. Tworzenie elementu przy użyciu kodu:

    • Łączenie światów HTML, CSS i JavaScript razem

    • Zrozumienie DOM (Document Object Model)

    • Tworzenie prostego elementu HTML przy użyciu kodu

    • Użycie innerText i classList

    • Użycie funkcji appendChild

  1. Tworzenie listy przy użyciu pętli:

    • Tworzenie dynamicznego elementu ul

    • Tworzenie dynamicznych elementów li

    • Używanie funkcji do dynamicznego tworzenia

  1. Pobieranie elementów ze strony:

    • Zrozumienie funkcji getElementById do pobierania

    • Zrozumienie funkcji getElementsByClassName do pobierania

    • Zrozumienie funkcji getElementsByTagName do pobierania

    • Zrozumienie funkcji querySelectorAll do pobierania

    • Zrozumienie funkcji querySelector do pobierania

    • Zrozumienie funkcji createElement do tworzenia

  1. Tworzenie dynamicznej tabeli:

    • Tworzenie elementu tabeli dynamicznie

    • Używanie tablic i funkcji do budowania tabeli

  1. Wydarzenia Część A:

    • Przypisywanie zdarzenia kliknięcia do przycisku

    • Używanie addEventListener

    • Dynamiczne wstawianie treści do strony po zdarzeniu z użytkownikiem

  1. Wydarzenia Część B:

    • Użycie inputów i wydarzeń

    • Integracja dynamicznych elementów

    • Bardziej złożone przykłady

Zaawansowane tematy w Javascript

  1. Funkcje callback:

    • Czym jest funkcja callback

    • Kiedy jej używać

    • Jak przekazać argumenty

    • Jak sprawdzić poprawność kodu

  1. Timery:

    • Zrozumienie funkcji setTimeout

    • Zrozumienie funkcji setInterval

    • Zrozumienie asynchronicznej natury języka

  1. Komunikacja z serwerem Część A:

    • Zrozumienie obiektu xmlHttpRequest

    • Tworzenie komunikacji z rzeczywistym serwerem w celu pobierania danych

    • Budowanie dynamicznych elementów na stronie

  1. Komunikacja z serwerem Część B:

    • Używanie zdarzeń i komunikacji

    • Tworzenie skomplikowanego przepływu dla dynamicznej strony, która wchodzi w interakcję z serwerem

    • Zrozumienie zachowań asynchronicznych w JavaScript

  1. Używanie Promises:

    • Zrozumienie obiektu Promise

    • Używanie then i catch

    • Tworzenie komunikacji za pomocą Promises

    • Tworzenie złożonego przepływu za pomocą Promises

  1. Zakończenie