Szkolenie: Frontend: solidne podstawy
Wprowadzenie do kluczowych technologii ze świata frontendu
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:3 dni (24h)
Kod kursu:FRONTEND
Frontend: solidne podstawy
Cele szkolenia
Zapoznanie uczestników z szerokim zakresem zagadnień m.in. HTML, CSS oraz JavaScript, w stopniu pozwalającym na swobodne budowanie interfejsu aplikacji webowych
Dla kogo?
Kurs przeznaczony dla osób chcących zdobyć i/lub uzupełnić wiedzę z zakresu kluczowych technologii potrzebnych do budowy stron oraz aplikacji internetowych
Zalety
Przekrojowy charakter szkolenia pozwala na zapoznanie się z najważniejszymi technologiami wykorzystywanymi na frontendzie i zdobycie solidnych podstaw niezbędnych do dalszej nauki
Praktyka przed teorią - wszystkie szkolenia technologiczne prowadzone są w formie warsztatowej. Konieczna teoria jest wyjaśniana na przykładzie praktycznych zadań
Konkretne umiejętności - w ramach każdego szkolenia rozwijamy praktyczne umiejętności związane z daną technologią i tematyką
Nauka z praktykami - wszyscy trenerzy na co dzień pracują w projektach, gwarantuje to dostęp do eksperckiej wiedzy i praktycznego know-how
Wymagania
Podstawowa umiejętność obsługi komputera
W cenie otrzymasz:
Materiały szkoleniowe
Certyfikat ukończenia szkolenia
W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki
Program szkolenia
Wprowadzenie
Działanie przeglądarki i podstawy protokołu HTTP
HTML, CSS i JavaScript - możliwości i zakres odpowiedzialności
Popularne narzędzia deweloperskie
Język znaczników HTML
Syntaktyka: tagi i atrybuty, elementy blokowe vs. inline
Struktura dokumentu
Podstawowe znaczniki
Praca z tekstem
Nawigacja oparta o linki
Tworzenie i obsługa formularzy
Osadzanie multimediów
Poprawne zastosowanie tabel
Organizacja kodu oraz weryfikacja jego poprawności
Specyfikacja WAI-ARIA
Kaskadowe arkusze stylów CSS
Składnia
Metody osadzania stylów w dokumencie
Tworzenie i wykorzystanie selektorów
Box model
Resetowanie i normalizacja stylów domyślnych
Stylizowanie poszczególnych elementów dokumentu
Pozycjonowanie
Grid system
Podstawy Responsive Web Design
Transformacje i animacje
Zapewnianie kompatybilności między przeglądarkami
Css w praktyce - tworzenie menu oraz złożonych layoutów
Preprocesory CSS
Język JavaScript
Osadzanie i ładowanie skryptów
Typy danych
Zmienne - zasięg i prawidłowe użycie
Instrukcje sterujące
Funkcje
Podstawy OOP
Obiekty globalne
Kontekst wykonania i znaczenie this
Obsługa wyjątków
Praca z DOM
Obsługa zdarzeń
Asynchroniczny JavaScript
Istotne zmiany na poziomie języka ES2015+
Transpilacja kodu i zapewnianie kompatybilności między przeglądarkami