Programming in HTML5 with JavaScript and CSS3 (20480CC)

Informacje o tym kursie

Ten kurs stanowi wprowadzenie do HTML5, CSS3 i JavaScript. Ten kurs pomaga uczniom zdobyć podstawowe umiejętności programowania HTML5/CSS3/JavaScript. Kurs ten jest punktem wejścia do ścieżek szkoleniowych aplikacji internetowych i aplikacji Windows Store. Kurs koncentruje się na używaniu HTML5/CSS3/JavaScript do implementacji logiki programowania, definiowania i używania zmiennych, wykonywania pętli i rozgałęzień, tworzenia interfejsów użytkownika, przechwytywania i sprawdzania poprawności danych wejściowych użytkownika, przechowywania danych i tworzenia dobrze zorganizowanych aplikacji. Scenariusze laboratoryjne w tym kursie zostały wybrane w celu wsparcia i zademonstrowania struktury różnych scenariuszy aplikacji. Mają one na celu skupienie się na zasadach i komponentach/strukturach kodowania, które są używane do tworzenia aplikacji HTML5. Ten kurs wykorzystuje Visual Studio 2017, działający w systemie Windows 10.

Profil odbiorców

Ten kurs jest przeznaczony dla profesjonalnych programistów, którzy mają 6-12 miesięcy doświadczenia w programowaniu i są zainteresowani tworzeniem aplikacji przy użyciu HTML5 z JavaScript i CSS3 (zarówno aplikacji Windows Store dla Windows 10, jak i aplikacji internetowych).

Po ukończeniu kursu

Po ukończeniu tego kursu studenci będą w stanie

• Wyjaśnij, jak używać Visual Studio 2017 do tworzenia i uruchamiania aplikacji internetowych.
• Opisywanie nowych funkcji HTML5 oraz tworzenie i stylizowanie stron HTML5.
• Dodawanie interaktywności do strony HTML5 przy użyciu JavaScript.
• Tworzenie formularzy HTML5 przy użyciu różnych typów danych wejściowych i sprawdzanie poprawności danych wprowadzanych przez użytkownika przy użyciu atrybutów HTML5 i kodu JavaScript.
• Wysyłanie i odbieranie danych do i ze zdalnego źródła danych przy użyciu obiektów XMLHTTPRequest i interfejsu Fetch API.
• Stylizować strony HTML5 przy użyciu CSS3.
• Tworzenie dobrze zorganizowanego i łatwego w utrzymaniu kodu JavaScript.
• Pisz nowoczesny kod JavaScript i używaj babel, aby był kompatybilny ze wszystkimi przeglądarkami.
• Używać popularnych interfejsów API HTML5 w interaktywnych aplikacjach internetowych.
• Tworzenie aplikacji internetowych obsługujących operacje offline.
• Tworzenie stron internetowych HTML5, które można dostosować do różnych urządzeń i formatów.
• Dodawanie zaawansowanej grafiki do strony HTML5 za pomocą elementów Canvas oraz skalowalnej grafiki wektorowej.
• Ulepszanie doświadczenia użytkownika poprzez dodawanie animacji do strony HTML5.
• Używanie Web Sockets do wysyłania i odbierania danych między aplikacją internetową a serwerem.
• Poprawić responsywność aplikacji internetowej, która wykonuje długotrwałe operacje, korzystając z procesów Web Worker.
• Używanie WebPack do pakowania aplikacji internetowych do produkcji.

Moduł 1: Przegląd HTML i CSS

• Przegląd HTML
• Przegląd CSS
• Tworzenie aplikacji internetowej przy użyciu Visual Studio 2017

Moduł 2: Tworzenie i stylizacja HTML stron

• Tworzenie strony HTML5
• Stylizowanie strony HTML5

Moduł 3: Wprowadzenie do JavaScript HTML i CSS 

• Przegląd JavaScript
• Wprowadzenie do obiektowego modelu dokumentu

Moduł 4: Tworzenie formularzy do gromadzenia i weryfikacji danych użytkowników;

• Tworzenie formularzy HTML5
• Sprawdzanie poprawności danych wprowadzanych przez użytkownika przy użyciu atrybutów HTML5
• Sprawdzanie poprawności danych wprowadzanych przez użytkownika przy użyciu JavaScript

Moduł 5: Komunikacja ze zdalnym serwerem

• Programowanie asynchroniczne w JavaScript
• Wysyłanie i odbieranie danych za pomocą obiektu XMLHttpRequest
• Wysyłanie i odbieranie danych przy użyciu interfejsu Fetch API

Moduł 6: Stylizacja HTML5 przy użyciu CSS3

• Stylizacja tekstu za pomocą CSS3
• Stylowanie bloków Element
• Pseudoklasy i pseudoElements
• Wzmacnianie efektów graficznych za pomocą CSS3

Moduł 7: Tworzenie obiektów i metod przy użyciu JavaScript

• Pisanie dobrze zorganizowanego JavaScript kodu
• Tworzenie niestandardowych obiektów
• Rozszerzanie obiektów

Moduł 8: Tworzenie interaktywnych stron przy użyciu HTML5

• Włączanie multimediów
• Dostosowanie do lokalizacji i kontekstu przeglądarki React
• Debugowanie i profilowanie aplikacji internetowej

Moduł 9: Dodawanie obsługi trybu offline do aplikacji internetowych

• Lokalny odczyt i zapis danych
• Dodawanie obsługi trybu offline przy użyciu pamięci podręcznej aplikacji

Moduł 10: Wdrażanie adaptacyjnego interfejsu użytkownika

• Obsługa wielu formatów
• Tworzenie adaptacyjnego interfejsu użytkownika

Moduł 11: Tworzenie zaawansowanej grafikiInteraktywna grafika o wysokiej rozdzielczości jest kluczowym elementem większości nowoczesnych aplikacji;

• Tworzenie interaktywnych grafik przy użyciu SVG
• Rysowanie grafiki przy użyciu interfejsu API Canvas

Moduł 12: Animowanie interfejsu użytkownikaAnimation są kluczowym elementem w utrzymaniu zainteresowania użytkownika stroną internetową. I

• Stosowanie przejść CSS
• Przekształcanie Element
• Stosowanie animacji klatek kluczowych CSS

Moduł 13: Implementacja czasu rzeczywistego Communication przy użyciu Web Sockets

• Wprowadzenie do Web Sockets
• Korzystanie z interfejsu API WebSocket

Moduł 14: Przetwarzanie w tle przy użyciu Web Workerów

• Zrozumienie Web Workers
• Wykonywanie przetwarzania asynchronicznego przy użyciu Web Workers

Moduł 15: Pakowanie JavaScript do wdrożenia produkcyjnego

• Zrozumienie transpilerów i łączenia modułów
• Tworzenie oddzielnych pakietów dla obsługi różnych przeglądarek