Szkolenie MS 55244 Javascript for Developers

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: 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: 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: 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: 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: Zagłębienie się w Tematykę

• Quiz pytań i odpowiedzi

Przydatne, ale nie wymagane:

• Poprzednie doświadczenie w programowaniu w językach C, C# lub Java.
• Tworzenie stron internetowych przy użyciu HTML i CSS.