HTML dla zielonych - czyli pierwszy krok do front-endu

Sep 1, 2018 · Kraków, Poland

Obowiązkowa rejestracja na warsztat na stronie: https://stacja.it/warsztaty/2018-09-01-html-dla-zielonych-czyli-pierwszy-krok-do-front-endu.html

Chcesz zacząć tworzyć strony internetowe? Próbowałeś robić coś z wykorzystaniem Wordpressa, ale chciałbyś w pełni zapanować na kodem? Twarde programowanie wydaje Ci się zbyt skomplikowane? Zacznij tworzyć strony internetowe z wykorzystaniem języka HTML! Język znaczników HTML to wstęp i zarazem drzwi do świata front-endu. Obecnie szeroko stosowany zarówno w przypadku tworzenia stron internetowych, aplikacji webowych, a nawet aplikacji desktopowych czy mobilnych. Warsztaty składać się będą w przeważającej części z zadań praktycznych, aby każdy uczestnik mógł stworzyć swoją pierwszą stronę WWW.

Podczas warsztatów:

- poznasz język HTML i towarzyszące mu technologie,
- poznasz potężne możliwości ukryte w samym HTMLu,
- nauczysz się tworzyć semantyczny kod zgodny ze współczesnymi standardami i trendami,
- poznasz zalety i wady omawianych zagadnień.

Od uczestników nie jest wymagana wcześniej nabyta wiedza z zakresu stosowania HTML czy innych technologii webowych. Niemniej jednak obycie z jakimkolwiek językiem programowania jest mile widziane.

Warsztaty skierowane dla osób początkujących adeptów front-endu.

Uczestnicy w trakcie zajęć korzystają z własnego sprzętu.

Podczas warsztatu zapewniamy dostęp do kawy, herbaty, wody. W porze obiadowej zapewniamy pizzę w wersji mięsnej lub wegetariańskiej.

PROGRAM WARSZTATU:

1. Wstęp
- Czym jest język HTML i w jakim celu się go stosuje
- Wersje i standaryzacja języka HTML
- Przestarzale i nie zalecane znaczniki (font, center)
1. Pierwsze kroki
- Struktura dokumentu
- Elementy blokowe
- Najważniejsze znaczniki HTMLa: HTML, HEAD, BODY
- Semantyka bloków: ASIDE, MAIN, ARTICLE, SECTION
1. Wyświetlanie treści
- Elementy tekstowe - paragrafy, nagłówki, wyróżnianie treści na różne sposoby
- Tabele (wiersze, kolumny, komórki, łączenie komórek)
- Listy (wypunktowania, numeracje, zagnieżdżanie)
- Linki (nawigacja oparta o anchory, linki zewnętrzne)
- Przełamania linii, linie horyzontalne
1. Obrazki i inne cuda
- img
- figure, figcaption, picture
- Atrybuty src i srcset
- Wymiarowanie obrazków w HTML
1. Formularze
- Przyciski, pola edycyjne, checkboxy, radiobuttony
- date picker, color picker, camera
- Natywna walidacja formularzy
- progress
1. Nie widać, ale działa!
- Atrybuty dla konkretnych znaczników
- Znaczniki META - kodowanie znaków, viewport, tytuł i opis strony
- Semantyka znaczników - UX i DX, dostępność dla osób niepełnosprawnych
- Atrybuty WAI-ARIA
1. Spojrzenie na dodatkowe możliwości
- Łączenie HTML z CSS (nadawanie koloru, formatowanie tekstu i inne podstawy)
- Operacja JavaScript na drzewie DOM
- iframe
1. Layouty
- Tworzenie prostych layoutów z minimalnym wykorzystaniem CSSa
- Znaczniki semantyczne: HEADER, FOOTER. NAV
1. Zagadnienia niszowe
- Własne znaczniki
- Trzymanie danych w atrybutach data-*
- Białe znaki a HTML, znaki specjalne - encje
- Mało popularne znaczki: np. pre, cite, mark
1. Zagadnienia zaawansowane
- Poprawki w drzewie DOM wykonywane przez przeglądarkę
- Tworzenie layoutu a reprezentacja danych
- Osadzanie multimediów: dźwięk, filmy, CANVAS
- Shadow DOM
1. Warsztat programisty
- Sprawdzanie poprawności syntaktycznej HTMLa
- Formatowanie kodu, radzenie sobie z większymi strukturami HTML
- Komentarze w kodzie
- Edytory ułatwiające pracę

Obowiązkowa rejestracja na warsztat na stronie: https://stacja.it/warsztaty/2018-09-01-html-dla-zielonych-czyli-pierwszy-krok-do-front-endu.html

Event organizers
  • Stacja IT Kraków

    Stacja IT to całodniowe warsztaty hands-on, bezpłatna edukacja trenerska, miejsce spotkań ekspertów branżowych, profesjonalistów, którzy nieprzerwanie podnoszą swoje kompetencje, trenerów, przedsiębiorców i twórców startupów, a także osób wchodzących na rynek pracy. Wstąp na Stację i złap pociag do kodowania! http://www.stacja.it

    Recent Events
    More

Are you organizing HTML dla zielonych - czyli pierwszy krok do front-endu?

Claim the event and start manage its content.

I am the organizer
Social
Rating

based on 0 reviews