„Kurs JavaScript w praktyce” – wstęp do serii

ściana z narysowanym ołówkiem, na którym jest napis "love to learn"

Po ukończeniu projektu z serii „Pierwsza strona w HTML i CSS” przyszedł czas aby uczynić naszą stronę nieco bardziej atrakcyjną. Proponuję zatem abyśmy wspólnie do naszej strony z przepisami dopisali listę zakupów. Jednak listę nie byle jaką, a interaktywną! Taką, do której można dopisywać swoje produkty i usuwać te kupione. Zapraszam Cię na kurs JavaScript w praktyce.

Just-in-time learning a kurs JavaScript

Cała seria jest pomyślana jako połączenie kursu przy jednoczesnym wykonywaniu projektu. Jestem wielką zwolenniczką koncepcji just-in-time learning, czyli podejścia w którym uczymy się rzeczy potrzebnych w danym momencie, dlatego w swoim kursie proponuję pigułki wiedzy teoretycznej podawane dokładnie w chwili, kiedy jest to niezbędne do wykonania zadania.

Podstawy teoretyczne

Jeżeli wolisz inny sposób nauki i chcesz poznać teorię wcześniej, lub też szukasz dodatkowego źródła jakim będzie kurs JavaScript w klasycznej formie, to serdecznie polecam Ci Kurs JavaScript dla superbohaterów. To naprawdę rzetelne źródło bardzo przystępnie podanej wiedzy.

Planowany rozkład wpisów w serii kurs JavaScript w praktyce

  • Co to jest JavaScript? Krótki wstęp do języka
    • szczypta historii
    • zastosowanie JS
    • popularność JavaScript
  • „Mam do tego apkę”, czyli ustawienia projektu
    • setup projektu
    • makiety aplikacji
    • omówienie działania elementów
  • Bądź swoim własnym testerem, czyli o szukaniu błędów w praktyce
    • debugowanie w edytorze kodu
    • narzędzia developerskie
    • wtyczki do przeglądarek
  • Zmienne i stałe, typy i rodzaje, czyli co robić z querySelectorem
    • rodzaje zmiennych i stałych
    • konwencja nazewnicza
    • zakresy zmiennych
    • typy danych i operator typeof
    • przypisywanie do zmiennych
    • querySelector
    • Document Object Model
  • Jak zablokować przycisk, czyli na co komu instrukcje warunkowe
    • wartości truthy i falsy
    • operatory logiczne
    • instrukcje warunkowe
    • atrybut disabled
  • Funkcje ze strzałką i bez strzałki, czyli jak się nie nadziać przy obsłudze zdarzeń
    • funkcje i wyrażenia funkcyjne
    • parametry funkcji i wartości domyślne
    • atrybut style
    • addEventListener
    • rodzaje zdarzeń
  • Zabawa w stwórcę elementów HTML, czyli jak zrobić coś z niczego
    • elementy i węzły
    • createElement
    • appendChild
    • CSS Object Model
    • atrybut classList
    • preventDefault – domyśle zdarzenia
  • Czy się różni tablica od kolekcji, czyli podróż do pętlach
    • tablice i kolekcje
    • pętle for i while
    • funkcje zwrotne
  • Usuwanie nieistniejącego elementu, czyli obiekty, this i inne tematy na deser
    • obiekty
    • referencja
    • this
    • remove
    • return
    • removeEventListener
    • event capturing

Podsumowanie

Mam nadzieję, że tak samo jak ja nie możesz już doczekać się wspólnego kodowania 🙂 Każda kolejna część kursu zostanie tutaj podlinkowania w chwili jej opublikowania. Do zobaczenia w następnym wpisie!

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *