MS-55320 Programming with HTML, CSS, and JavaScript (dawniej MS-20480)
14.07.2025 - 18.07.2025, 18.08.2025 - 22.08.2025, 22.09.2025 - 26.09.2025, 20.10.2025 - 24.10.2025, 17.11.2025 - 21.11.2025, 08.12.2025 - 12.12.2025
This is some text inside of a div block.
Czas trwania kursu:
5 dni
Cena:
3399 zł netto
Kategoria:
PROGRAMOWANIE
Terminy kursów:
KLUCZOWE ZAGADNIENIA
- Opis technologii wykorzystywanych do tworzenia witryn internetowych
- Tworzenie stron www z wykorzystaniem HTML, linków oraz obrazków
- Opis korzyści płynących z używania CSS
- Tworzenie stron styli za pomocą HTML i CSS
- Omówienie koncepcji programowania za pomocą obiektów i ich właściwości oraz metod
- Praca ze zmiennymi JavaScript
- Tworzenie własnych funkcji w JavaScript
- Tworzenie kontrolowanych przepływów w JavaScript
- Tworzenie kodu umożliwiającego komunikację z sygnałami zewnętrznymi np. wczytanie strony, klik myszki
- Tworzenie formularzy w HTML oraz weryfikacja ich za pomocą JavaScript
- Praca z wyrażeniami regularnymi
Przemysław Rosłon, Microsoft Certified Trainer
TEMATYKA ZAJĘĆ
-
Szybki przegląd tworzenia stron internetowych
- HTML jako część zespołu
- Programowanie po stronie klienta (Client-side)
- Programowanie po stronie serwera (Server-side)
- Technologie tworzenia stron internetowych
-
Wprowadzenie do HTML
- Ćwiczenie: Prosty dokument HTML
- Rozpoczynanie pracy z prostym dokumentem HTML
- Elementy, atrybuty i komentarze HTML
- Szkielet HTML
- Wyświetlanie źródła strony
- Znaki specjalne
- Elementy HTML i znaki specjalne
- Historia HTML
- Atrybut lang
- Laboratorium: Rozpoczynanie pracy
-
Akapity, nagłówki i tekst
- Akapity
- Poziomy nagłówków
- Złamania linii i linie poziome
- Ćwiczenie: Akapity, nagłówki i tekst
- Tag div
- Tworzenie strony HTML
- Cytowany tekst
- Tekst preformatowany
- Elementy semantyczne liniowe (Inline Semantic Elements)
- Ćwiczenie: Dodawanie elementów liniowych
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Linki HTML
- Wprowadzenie do linków
- Linki tekstowe
- Ścieżki bezwzględne a względne
- Targetowanie nowych zakładek
- Linki e-mail
- Ćwiczenie: Dodawanie linków
- Lorem Ipsum
- Atrybut title
- Linkowanie do konkretnej lokalizacji na stronie
- Targetowanie konkretnej lokalizacji na stronie
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Obrazy HTML
- Wstawianie obrazów
- Linki graficzne
- Dodawanie obrazów do dokumentu
- Ćwiczenie: Dodawanie obrazów do strony
- Dostarczanie alternatywnych obrazów
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Listy HTML
- Listy nieuporządkowane
- Listy uporządkowane
- Listy definicji
- Ćwiczenie: Tworzenie list
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Kurs szybkiego startu CSS
- Korzyści z kaskadowych arkuszy stylów (CSS)
- Reguły CSS
- Selektory
- Kombinatory
- Pierwszeństwo selektorów
- Jak przeglądarki stylują strony
- Resetowanie CSS
- Normalizatory CSS
- Zewnętrzne arkusze stylów, osadzone arkusze stylów i style liniowe
- Ćwiczenie: Tworzenie zewnętrznego arkusza stylów
- Ćwiczenie: Tworzenie osadzonego arkusza stylów
- Ćwiczenie: Dodawanie stylów liniowych
- div i span
- Ćwiczenie: Stylowanie div i span
- Typy mediów
- Jednostki miary
- Dziedziczenie
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Czcionki CSS
- font-family
- @font-face
- font-size
- font-style
- font-variant
- font-weight
- line-height
- skrócony zapis font
- Ćwiczenie: Stylowanie czcionek
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Kolor i przezroczystość
- O kolorze i przezroczystości
- Wartości koloru i przezroczystości
- Kolor
- Przezroczystość
- Ćwiczenie: Dodawanie koloru i przezroczystości do tekstu
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Tekst CSS
- letter-spacing
- text-align
- text-decoration
- text-indent
- text-shadow
- text-transform
- white-space
- word-break
- word-spacing
- Ćwiczenie: Właściwości tekstu
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Podstawy JavaScript
- JavaScript kontra EcmaScript
- HTML DOM
- Składnia JavaScript
- Dostęp do elementów
- Gdzie pisze się kod JavaScript?
- Obiekty, metody i właściwości JavaScript
- Ćwiczenie: Alerty, pisanie i zmiana koloru tła
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Zmienne, tablice i operatory
- Zmienne JavaScript
- Język luźno typowany
- Google Chrome DevTools
- Przechowywanie danych wprowadzanych przez użytkownika
- Ćwiczenie: Używanie zmiennych
- Stałe
- Tablice
- Ćwiczenie: Praca z tablicami
- Tablice asocjacyjne
- Zabawa metodami tablic
- Operatory JavaScript
- Operator modulo
- Zabawa operatorami
- Operator domyślny
- Ćwiczenie: Praca z operatorami
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Funkcje JavaScript
- Obiekty i funkcje globalne
- Ćwiczenie: Praca z funkcjami globalnymi
- Funkcje zdefiniowane przez użytkownika
- Ćwiczenie: Pisanie funkcji JavaScript
- Zwracanie wartości z funkcji
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Wbudowane obiekty JavaScript
- Łańcuchy znaków (Strings)
- Math
- Date
- Funkcje pomocnicze
- Ćwiczenie: Zwracanie dnia tygodnia jako ciągu znaków
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Warunki i pętle
- Warunki
- Krótkie spięcia (Short-circuiting)
- Switch / Case
- Operator trójargumentowy (Ternary Operator)
- Wartości prawdziwe i fałszywe (Truthy and Falsy)
- Ćwiczenie: Przetwarzanie warunkowe
- Pętle
- Pętle while i do…while
- Pętle for
- break i continue
- Ćwiczenie: Praca z pętlami
- Tablica: forEach()
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Obsługa zdarzeń i słuchacze zdarzeń
- Obsługa zdarzeń "on-event"
- Ćwiczenie: Używanie obsługi zdarzeń "on-event"
- Metoda addEventListener()
- Funkcje anonimowe
- Przechwytywanie zdarzeń klawiatury
- Ćwiczenie: Dodawanie słuchaczy zdarzeń
- Korzyści ze słuchaczy zdarzeń
- Timery
- Test pisania
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Model obiektowy dokumentu HTML (DOM)
- Selektory CSS
- Właściwość innerHTML
- Węzły (Nodes), listy węzłów (NodeLists) i kolekcje HTML (HTMLCollections)
- Dostęp do węzłów elementów
- Ćwiczenie: Dostęp do elementów
- Notacja kropkowa i notacja nawiasów kwadratowych
- Hierarchiczny dostęp do elementów
- Ćwiczenie: Praca z elementami hierarchicznymi
- Dostęp do atrybutów
- Tworzenie nowych węzłów
- Ustawianie fokusu na polu
- Aplikacja lista zakupów
- Ćwiczenie: Logowanie
- Ćwiczenie: Dodawanie słuchaczy zdarzeń
- Ćwiczenie: Dodawanie elementów do listy
- Ćwiczenie: Dynamiczne dodawanie przycisków usuwania do elementów listy
- Ćwiczenie: Usuwanie elementów listy
- Ćwiczenie: Zapobieganie duplikatom i nazwom produktów o zerowej długości
- Manipulowanie tabelami
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Formularze HTML
- Jak działają formularze HTML
- Element form
- Elementy formularza
- Przyciski
- Ćwiczenie: Tworzenie formularza rejestracji
- Pola wyboru (Checkboxes)
- Przyciski radiowe (Radio Buttons)
- Ćwiczenie: Dodawanie pól wyboru i przycisków radiowych
- Zestawy pól (Fieldsets)
- Menu wyboru (Select Menus)
- Pola tekstowe (Textareas)
- Ćwiczenie: Dodawanie menu wyboru i pola tekstowego
- Formularze HTML i CSS
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Walidacja formularzy JavaScript
- Walidacja formularzy po stronie serwera
- Walidacja formularzy HTML
- Dostęp do danych formularza
- Walidacja formularzy za pomocą JavaScript
- Ćwiczenie: Sprawdzanie poprawności pól e-mail i URL
- Sprawdzanie poprawności przy zdarzeniach input i submit
- Dodawanie komunikatów o błędach
- Walidacja pól tekstowych
- Walidacja pól wyboru
- Walidacja przycisków radiowych
- Walidacja menu wyboru
- Ćwiczenie: Walidacja formularza zamówienia lodów
- Dawanie użytkownikowi szansy
- Laboratorium: Ćwiczenia zawarte w całej lekcji
-
Wyrażenia regularne
- Rozpoczynanie pracy
- Składnia wyrażeń regularnych
- Odniesienia wsteczne (Backreferences)
- Walidacja formularzy za pomocą wyrażeń regularnych
- Czyszczenie wpisów formularzy
- Ćwiczenie: Czyszczenie wpisów formularzy
- Nieco bardziej złożony przykład
Formularz zgłoszeniowy
MS-55320 Programming with HTML, CSS, and JavaScript (dawniej MS-20480)
Dziękujemy!
Zgłoszenie wysłane z sukcesem !
Zgłoszenie wysłane z sukcesem !
Coś poszło nie tak! Zglosznie nie zostało wysłane.
W przypadku nie otrzymania potwierdzenia prosimy o kontakt:
Adres biura:
CBSG Polska Spółka z o.o.
ul. Czereśniowa 98
98 02-456 Warszawa
ul. Czereśniowa 98
98 02-456 Warszawa