Autoryzowane szkolenia MicrosoftMS 55320 Programowanie w HTML, CSS i JavaScript

Szkolenie tożsame ze szkoleniem: 55319; 55244

UWAGA! Szkolenie wycofane z oferty szkoleń Microsoft!

Potrzebujesz dodatkowych informacji? Skontaktuj się z naszym konsultantem: szkolenia@dagma.pl lub 800 080 322.

Opis szkolenia


Programowanie w HTML, CSS i JavaScript to szkolenie przeznaczone dla specjalistów IT, którzy chcą zostać programistami internetowymi. Szkolenie zapewnia szybkie, praktyczne wprowadzenie do trzech głównych języków: HTML, CSS i JavaScript. Koncentruje się na wykorzystaniu HTML, CSS i JavaScript do tworzenia stron internetowych, wdrażania logiki programowania, definiowania i używania zmiennych, wykonywania pętli i rozgałęziania, przechwytywania i weryfikowania danych wejściowych użytkownika, przechowywania danych i tworzenia dobrze zorganizowanych aplikacji. Ten kurs nie obejmuje interfejsów API HTML5 objętych 20480.

Po ukończeniu szkolenia, uczestnik będzie potrafił:

  • Opisać technologie związane z tworzeniem stron internetowych,
  • Tworzyć strony HTML z linkami i obrazami,
  • Wyjaśnić zalety CSS,
  • Stylizować strony HTML za pomocą CSS,
  • Wyjaśnić pojęcia obiektów, metod i właściwości,
  • Pracować ze zmiennymi JavaScript,
  • tworzyć własne funkcje niestandardowe w JavaScript,
  • Napisać logikę kontroli przepływu w JavaScript,
  • Napisać kod JavaScript, który nasłuchuje i obsługuje zdarzenia, takie jak kliknięcia myszą i ładowanie strony,
  • Tworzyć formularze za pomocą HTML i sprawdzać je za pomocą JavaScript,
  • Używać wyrażeń regularnych w JavaScript do zaawansowanej walidacji formularzy.

Wymagania:

Chociaż nie jest to wymagane, jako edytor zalecamy Visual Studio Code.


Program szkolenia

Moduł 1: Szybki przegląd tworzenia stron internetowych

  • HTML jest częścią zespołu
  • Programowanie po stronie klienta
  • Programowanie po stronie serwera
  • Technologie tworzenia stron internetowych

Moduł 2: Wprowadzenie do HTML

  • Pierwsze kroki z prostym dokumentem HTML
  • Elementy HTML, atrybuty i komentarze
  • Szkielet HTML
  • Przeglądanie źródła strony
  • Znaki specjalne
  • Elementy HTML i znaki specjalne
  • Historia HTML
  • Atrybut języka
  • Laboratorium: Pierwsze kroki
  • Prosty dokument HTML

Po ukończeniu tego modułu studenci będą potrafili:

  • Utworzyć prostą stronę HTML,
  • Zrozumieć elementy i atrybuty HTML,
  • Dowiedzieć się, jak białe znaki są traktowane w HTML,
  • Dodać znaki specjalne do stron HTML,
  • Wyjaśnić ogólną historię HTML.

Moduł 3: Akapity, nagłówki i tekst

  • Paragrafy
  • Poziomy nagłówków
  • Przerwy i reguły poziome
  • Akapity, nagłówki i tekst
  • Tag div
  • Tworzenie strony HTML
  • Tekst cytowany
  • Tekst preformatowany
  • Wbudowane elementy semantyczne
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Tworzenie strony HTML
  • Dodawanie elementów wbudowanych

Moduł 4: Linki HTML

  • Wprowadzenie
  • Linki tekstowe
  • Ścieżki absolutne a ścieżki względne
  • Kierowanie na nowe karty
  • Linki e-mail
  • Lorem Ipsum
  • Atrybut title
  • Link do określonej lokalizacji na stronie
  • Kierowanie na określoną lokalizację na stronie
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Dodawanie linków

Moduł 5: Obrazy HTML

  • Wstawianie obrazów
  • Linki do obrazów
  • Dodawanie obrazów do dokumentu
  • Dostarczanie alternatywnych obrazów
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Dodawanie obrazów do strony

Moduł 6: Listy HTML

  • Listy nieuporządkowane
  • Listy uporządkowane
  • Listy definicji
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Tworzenie list

Moduł 7: Crash Course w CSS

  • Zalety kaskadowych arkuszy stylów
  • Zasady CSS
  • Selektory
  • Kombinatory
  • Pierwszeństwo selektorów
  • Przeglądarki internetowe a style stron
  • Resetowanie CSS
  • Normalizatory CSS
  • Zewnętrzne arkusze stylów, osadzone arkusze stylów i style wbudowane
  • Znaczniki div i span
  • Rodzaje mediów
  • Jednostki miary
  • Dziedziczenie
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Tworzenie zewnętrznego arkusza stylów
  • Tworzenie osadzonego arkusza stylów
  • Dodawanie stylów wbudowanych
  • Stylizacja elementów div i span

Moduł 8: Fonty CSS

  • font-family
  • font-face
  • font-size
  • font-style
  • font-variant
  • font-weight
  • line-height
  • font shorthand
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Stylizacja fontów

Moduł 9: Kolor i krycie

  • O kolorze i przezroczystości
  • Wartości koloru i przezroczystości
  • color
  • opacity
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Dodawanie koloru i krycia do tekstu

Moduł 10: Tekst CSS

  • letter-spacing
  • text-align
  • text-decoration
  • text-indent
  • text-shadow
  • text-transform
  • white-space
  • word-break
  • word-spacing
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Właściwości tekstu

Moduł 11: Podstawy JavaScript

  • JavaScript a EcmaScript
  • DOM HTML
  • Składnia JavaScript
  • Dostęp do elementów
  • Gdzie jest napisany kod JavaScript?
  • Obiekty, metody i właściwości JavaScript
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Alerty, pisanie i zmiana koloru tła

Po ukończeniu tego modułu studenci będą potrafili:

  • Zrozumieć obiektowy model dokumentu HTML,
  • Zapoznać się z regułami składni JavaScript,
  • Napisać wbudowany JavaScript,
  • Napisać JavaScript w blokach skryptów,
  • Twórzyć zewnętrzne pliki JavaScript,
  • Pracować z obiektami, metodami i właściwościami JavaScript,
  • Odwołać się do elementów HTML za pomocą JavaScript.

Moduł 12: Zmienne, tablice i operatory

  • Zmienne JavaScript
  • Język luźno napisany
  • Narzędzia programistyczne Google Chrome
  • Przechowywanie danych wprowadzonych przez użytkownika
  • Stałe
  • Tablice
  • Tablice asocjacyjne
  • Zabawa metodami tablicowymi
  • Operatory JavaScript
  • Operator modułu
  • Gra z operatorami
  • Domyślny operator
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Praca z tablicami
  • Praca z operatorami

Moduł 13: Funkcje JavaScript

  • Globalne obiekty i funkcje
  • Funkcje zdefiniowane przez użytkownika
  • Zwracanie wartości z funkcji
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Praca z funkcjami globalnymi
  • Pisanie funkcji JavaScript

Moduł 14: Wbudowane obiekty JavaScript

  • Strings
  • Math
  • Date
  • Funkcje pomocnicze
  • Lab: Exercises included throughout lesson

After completing this module, students will be able to:

  • Returning the Day of the Week as a String,
  • Work with JavaScript’s built-in String object,
  • Work with JavaScript’s built-in Math object,
  • Work with JavaScript’s built-in Date object.

Moduł 15: Warunki i pętle

  • Conditionals
  • Short-circuiting
  • Switch / Case
  • Ternary Operator
  • Truthy and Falsy
  • Loops
  • for Loops
  • break and continue
  • Array: forEach()
  • Lab: Exercises included throughout lesson
  • Conditional Processing
  • Working with Loops

Moduł 16: Programy obsługi i nasłuchiwania zdarzeń

  • Obsługa zdarzeń
  • Metoda addEventListener()
  • Funkcje anonimowe
  • Przechwytywanie kluczowych wydarzeń
  • Korzyści z nasłuchiwania zdarzeń
  • Test pisania
  • Laboratorium: Ćwiczenia zawarte w lekcji
  • Korzystanie z programów obsługi zdarzeń
  • Dodawanie detektorów zdarzeń
  • Tworzenie testu pisania

Moduł 17: Obiektowy model dokumentu HTML

  • CSS Selectors
  • The innerHTML Property
  • Nodes, NodeLists, and HTMLCollections
  • Accessing Element Nodes
  • Exercise: Accessing Elements
  • Dot Notation and Square Bracket Notation
  • Accessing Elements Hierarchically
  • Accessing Attributes
  • Creating New Nodes
  • Focusing on a Field
  • Shopping List Application
  • Manipulating Tables
  • Laboratorium: Exercises included throughout lesson
  • Accessing Elements
  • Working with Hierarchical Elements
  • Logging
  • Adding EventListerners
  • Adding Items to the List
  • Dynamically Adding Remove Buttons to the List Items
  • Removing List Items
  • Preventing Duplicates and Zero-length Product Names

Moduł 18: Formularze HTML

  • How HTML Forms Work
  • The form Element
  • Form Elements
  • Buttons
  • Checkboxes
  • Radio Buttons
  • Fieldsets
  • Select Menus
  • Textareas
  • HTML Forms and CSS
  • Laboratorium: Exercises included throughout lesson
  • Creating a Registration Form
  • Adding Checkboxes and Radio Buttons
  • Adding a Select Menu and a Textarea

Moduł 19: Walidacja formularza JavaScript

  • Server-side Form Validation
  • HTML Form Validation
  • Accessing Form Data
  • Form Validation with JavaScript
  • Exercise: Checking the Validity of the Email and URL Fields
  • Checking Validity on Input and Submit Events
  • Adding Error Messages
  • Validating Textareas
  • Validating Checkboxes
  • Validating Radio Buttons
  • Validating Select Menus
  • Exercise: Validating the Ice Cream Order Form
  • Giving the User a Chance
  • Laboratorium: Exercises included throughout lesson
  • Checking the Validity of the Email and URL Fields
  • Validating the Ice Cream Order Form

Moduł 20: Regular Expressions

  • Getting Started
  • Regular Expression Syntax
  • Backreferences
  • Form Validation with Regular Expressions
  • Cleaning Up Form Entries
  • A Slightly More Complex Example
  • Laboratorium: Exercises included throughout lesson
  • Cleaning up Form Entries

Tagi:

Szkolenia wycofane z oferty

 


Najbliższe terminy:

Zadzwoń: 800 080 322

Długość szkolenia

5 d x 8 h lekcyjnych
(Łącznie 40 h lekcyjnych)
Jedna godzina lekcyjna trwa 45 min.

Zwolnienie z VAT

Niektóre szkolenia mogą być zwolnione z opodatkowania podatkiem VAT. Ma to zastosowanie gdy szkolenia mają charakter kształcenia czy przekwalifikowania zawodowego. Szkolenia informatyczne mogą taki warunek spełniać. O szczegóły zapytaj naszego doradcę ds. szkoleń oraz wypełnij oświadczenie.

Pobierz oświadczenie