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!