Zaawansowany HTML

LICZBA DNI: 3 (24h)

KOD KURSU: HTML/ADV

POZIOM SZKOLENIA:

# html

Najbliższy termin:

31 maja 2021

2680 PLN netto + 23% VAT

Jeszcze 8 miejsc w tej cenie.

  • stacjonarne
  • zdalne

STACJONARNE

W CENIE

  • 3 dni pracy z trenerem
  • Materiały szkoleniowe
  • Lunch
  • Certyfikat ukończenia szkolenia

ZDALNE

W CENIE

  • 3 dni pracy z trenerem na żywo online
  • Materiały szkoleniowe
  • Certyfikat ukończenia szkolenia

Czy wiesz, że możesz uzyskać nawet do 100% DOFINANSOWANIA na szkolenie? Napisz do nas »

Oferta dla firm

Dostosuj zakres, czas i miejsce szkolenia do potrzeb Twojego zespołu. Uzyskaj indywidualną wycenę szkolenia dla grupy.

Weź udział w szkoleniu

Termin

Lokalizacja

Cena / os

31

maja

Warszawa,

Kraków,

Łódź,

Wrocław,

Gdańsk,

Poznań,

Zdalne,

2680 PLN netto
+ 23% VAT

Termin

31

maja

Lokalizacja

Warszawa,

Kraków,

Łódź,

Wrocław,

Gdańsk,

Poznań,

Zdalne,

Cena / os

2680 PLNnetto
+ 23% VAT

Powiadom
o kolejnych terminach

O szkoleniu

DLA KOGO?

Szkolenie jest adresowane do osób uczących się tworzenia stron internetowych, posiadających już podstawową wiedzę w tym zakresie

WYMAGANIA

Znajomość podstaw HTML lub wybranego systemu CMS z edytorem HTML

ZALETY

W szkoleniu występuje rzadko spotykany poziom kompleksowości i szczegółowości w omówieniu języka HTML

Cele szkolenia

Dogłębne poznanie języka HTML i obowiązujących standardów

Wprowadzenie do użycia CSS, JavaScript oraz do podstaw SEO

Program

  • Możliwości zastosowania HTML
  • Wersje i standaryzacja języka HTML
  • Podstawowe znaczniki blokowe
  • Podstawowe znaczniki tekstowe
  • Atrybuty
  • Readability
  • Usability
  • Accessibility
  • UX i DX
  • Dostępność dla osób niepełnosprawnych
  • Czytelność witryny
  • Atrybuty WAI-ARIA
  • Semantyka bloków: ASIDE, MAIN, ARTICLE, SECTION, itd.
  • Struktura nagłówków
  • Odpowiednie przygotowanie treści
  • Słowa/frazy kluczowe
  • Dzielenie treści na bloki tekstu i śródtytuły
  • Nagłówki
  • Atrybuty alt i title dla obrazków
  • Adresy względne i bezwzględne
  • Atrybuty target i rel dla linków
  • Linki i SEO
  • Język dokumentu i jego zmiana
  • Specjalne tagi meta dla portali społecznościowych
  • Tag BASE
  • Favikona
  • Normalize.css/reset Meyera*
  • Animate.css
  • Baseline by Stephane Curzi
  • Bootstrap
  • Foundation
  • Surface
  • Bulma
  • Budowanie interfejsu aplikacji z wykorzystaniem minimalnej ilości CSS
  • Tworzenie wyglądu aplikacji z wykorzystaniem wybranego frameworka CSS
  • Sposoby wczytywania stylów CSS
  • src i data base64
  • figure, figcaption, picture
  • srcset
  • Szybkie wprowadzenie do grafiki wektorowej
  • Tworzenie ścieżek w programach graficznych, a bezpośrednio w kodzie
  • Łączenie SVG z HTML
  • Wprowadzanie zmian struktury w SVG po umieszczeniu go w HTML
  • Biblioteki do WYGODNEJ pracy z SVG
  • Biblioteki do rysowania wykresów za pomocą SVG
  • Maski przycinania tworzone za pomocą ścieżek
  • Przyciski, pola edycyjne, checkbox, radiobutton
  • Pole typu number
  • Date picker, time select, color picker, camera
  • Natywna walidacja formularzy
  • Wyłączenie walidacji formularzy
  • Progress
  • Zastosowanie ukrytych pól formularzy
  • Stosowanie elementów formularzy jako elementów sterujących HTML
  • DETAILS i SUMMARY
  • Atrybut autofocus
  • Dopełnianie formularzy i wyłączenie dopełniania
  • Adres na który ma zostać wysłany formularz
  • Metoda wysyłania formularza
  • Znacznik fieldset
  • Fieldset + problemy flex CSS
  • Stosowanie elementów input/button/select poza formularzem
  • Łączenie LABEL i kontrolki formularza (zagnieżdżanie i atrybut for)
  • Grupowanie labelów i inputów
  • Przewaga BUTTON submit nad INPUT submit
  • Dobór odpowiednich kontrolek do typu danych
  • Kontrolka select - wielokrotny wybór, grupowanie, wybór domyślny
  • Datalist
  • Search
  • Reset formularza
  • Zewnętrzne linki w ramach formularza
  • Dzielenie długich formularzy na mniejsze
  • Uruchamianie aparatu telefonu z poziomu formularza HTML
  • Wybór pliku
  • Wybór wielu plików
  • Ograniczenie do danego typu plików
  • Tabindex
  • Używanie skrótów klawiaturowych
  • Drzewo DOM
  • Etapy renderowania stron www
  • Rendering i malowanie
  • Kolejność wczytywania i działania zewnętrznych zasobów do przeglądarki
  • Wybieranie elementów
  • Modyfikacja drzewa DOM
  • Nadawanie, zdejmowanie klas
  • Tworzenie elementów HTML w JS i wstrzykiwanie ich do drzewa DOM
  • Praca z elementami formularzy w JS
  • Audio
  • Video
  • Wiele źródeł - source
  • Własne znaczniki
  • Trzymanie danych w atrybutach data-*
  • Białe znaki
  • Znaki specjalne - encje
  • Poprawki w drzewie DOM wykonywane przez przeglądarkę
  • Tworzenie layoutu a reprezentacja danych
  • Shadow DOM
  • Adres
  • Indeksy górne/dolne
  • Wyświetlanie kodu źródłowego - PRE, CODE, VAR
  • Cytowanie - BLOCKQUOTE, CITE
  • Znaczniki czasu - TIME i atrybut datetime
  • Skróty, akronimy i ich rozwinięcia - ABBR
  • MATH - wzory i równania matematyczne
  • KBD
  • RUBY
  • MARK
  • Mikroformaty
  • Przez systemy szablonów
  • Przy pomocy edytorów wizualnych
  • Ręczne (bezpośrednio pisząc kod)
  • Przy pomocy back-endu
  • Przy pomocy JS
  • Po przeparsowaniu innego języka (np. Markdown)
  • Modyfikacja istniejących szablonów
  • Transformacja i przygotowanie danych do wyświetlenia
  • Instrukcje warunkowe
  • Pętle
  • Wstrzykiwanie zmiennych
  • Dzielenie projektu na subtemplate’y
  • Separacja struktury, wyglądu i działania
  • Podział plików na mniejsze struktury
  • Korzystanie z zewnętrznych plików, CDN-ów
  • Przydatne praktyki formatowania kodu
  • Stosowanie konwencji nazewniczych
  • Tworzenie samodokumentującego się kodu HTML
  • Narzędzia sprawdzające usability
  • Rzetelne i aktualne źródła wiedzy
  • Częste pułapki i ich rozwiązania
  • HTML i kontrola wersji GIT

Autor szkolenia:

Krzysztof Ścira

Absolwent AGH na kierunku Informatyka Stosowana (spec. IS w Hutnictwie), od lat związany z konferencjami, meetupami i wykładami otwartymi o tematyce front-endu i mobile. Przede wszystkim czynny programista, szkolenia prowadzi z pasji i chęci dzielenia się praktyczną wiedzą. Z firmą SAGES związany od wielu lat.

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.