Moduł 1: Podstawowe skrypty
JavaScript został opisany jako prosty język skryptowy, ale także jako złożony język obiektowy. W tym module będziemy eksplorować podstawowe skrypty. Wiele z omawianych tematów będzie rozwiniętych w późniejszych sekcjach tego kursu. W tym module przyjrzymy się podstawom pisania i wywoływania funkcji JavaScript, znajdowaniu elementów HTML na stronie internetowej, zmianie właściwości elementów HTML, pisaniu pętli, testowaniu ciągów znaków i wartości (instrukcje IF) oraz kilku innym...
Lekcje
- Podstawy JavaScript
- JavaScript lub ECMAScript?
- Którą wersję JavaScript używam?
- Shims, Shivs i Polyfills
- Pisanie i testowanie JavaScriptu
- Edytory i narzędzia F12
- Kluczowe części skryptu
Lab 1: Podstawowe skrypty
- Quiz pytań i odpowiedzi
- Ćwiczenie 1 – eksperymentowanie z narzędziami deweloperskimi F12
- Ćwiczenie 2 – aktualizacja czasu na stronie za pomocą JavaScriptu
- Ćwiczenie 3 – dodanie JavaScriptu w celu reagowania na zdarzenie
Moduł 2: Model Obiektowy Dokumentu
Ani przeglądarki, ani JavaScript nie pracują bezpośrednio z plikiem HTML, który został otrzymany z serwera internetowego. Przeglądarka analizuje ten plik i przekształca go w strukturę drzewa nazywaną Modelem Obiektowym Dokumentu, czyli DOM. W tym module eksplorujemy pracę z Elementami i obiektami DOM.
Lekcje
- DOM (Model Obiektowy Dokumentu)
- Dostęp do obiektów z DOM
- Reagowanie na zdarzenia
- Dodawanie elementów do DOM
Lab 1: Model Obiektowy Dokumentu
- Quiz pytań i odpowiedzi
- Dodanie animacji do strony głównej.
- Przeniesienie JavaScriptu do pliku
- Dodanie JavaScriptu do dostarczenia wskazówek przy najechaniu na karty menu
Moduł 3: Wprowadzenie do jQuery
Większość pracy kodowej, którą będziesz wykonywać w JavaScript, polegać będzie na znalezieniu elementu HTML, a następnie manipulowaniu tym elementem. Często wszystko, co robimy, to przeszukiwanie lub zapytywanie HTML, a następnie wykonanie szybkiej aktualizacji. W tym module będziemy eksplorować wykorzystanie biblioteki jQuery do wyszukiwania i modyfikowania elementów w DOM.
Lekcje
- jQuery
- Pobieranie biblioteki jQuery
- Wersje jQuery
- Łączenie z biblioteką
- Wybieranie elementów za pomocą jQuery
- Praca z danymi zwracanymi przez jQuery
- Ustawianie właściwości CSS
- Wykonywanie funkcji na zbiorze zwracanym przez jQuery
Lab 1: jQuery
- Quiz pytań i odpowiedzi
- Dodanie biblioteki jQuery do projektu
- Tworzenie nowych elementów za pomocą jQuery
Moduł 4: Ajax i Usługi Sieciowe
Ten moduł eksploruje usługi sieciowe i wykorzystanie Ajax do wywoływania tych usług.
Lekcje
- Usługi sieciowe
- Metody HTTP
- Formaty danych – XML i JSON
- Ajax
- RESTful Web Services
- OData
- Zapytania OData
- Aktualizacje OData
Lab 1: Ajax i Usługi Sieciowe
- Quiz pytań i odpowiedzi
- Eksploracja usługi sieciowej REST
- Wczytanie danych z usługi sieciowej
Moduł 5: Zagłębienie się w Tematykę
W tym module eksplorujemy tematy, które będziesz musiał znać, przechodząc od „skryptera JavaScriptu” do „programisty JavaScriptu”. Niektóre z omawianych tematów to:
- Więcej o typach danych i konwersji danych.
- Zmienne: więcej o zakresach, hoisting, tworzenie i usuwanie.
- Funkcje: funkcje anonimowe, zamknięcia, samo-wywołujące się funkcje, słowo kluczowe „this” i Wzorzec Modułu.
- Więcej o obsłudze błędów.
- Rekurencja.
- Lekcje
- Czy JavaScript jest kompilowany?
- Typy danych i obiekty
- Rozszerzanie typów danych
- Zmienne, zakresy i hoisting
- Funkcje
- Słowo kluczowe „this”
- Błędy
- Rekurencja
Lab 1: Zagłębienie się w Tematykę