#271

Ujarzmij HTMLa, poznaj CSSa, a potem przejmij kontrolę nad światem

Znasz podstawy HTMLa, ale nie czujesz się w nim pewnie? Czujesz, że Twoja wiedza w tym temacie może być nieaktualna? Próbowałeś robić coś z wykorzystaniem WordPressa, ale chciałbyś w pełni zapanować na kodem? Poznaj HTML Living Standard i bądź z nim na bieżąco! Prócz HTMLa poznasz też podstawy CSSa, dzięki czemu stylowanie stworzonego HTMLa również nie będzie dla Ciebie problemem. 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.

Dla uczestników przewidziana jest zupa krem, a także przerwy kawowe.

Czego się nauczysz?

W trakcie warsztatu:
- 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,
- nauczysz się podstawowych technik stylowania elementów z wykorzystaniem CSSa,
- poznasz zalety i wady omawianych zagadnień.

Dla kogo jest ten warsztat?

Warsztaty skierowane do osób początkujących w zakresie front-endu.

Wymagania wstępne

Od uczestników wymagana jest podstawowa wiedza z zakresu HTML lub doświadczenie w korzystaniu z gotowych systemów CMS (Wordpress, Joomla itd.).

Uczestnicy w trakcie zajęć korzystają z własnego sprzętu (do wygodnej pracy wystarczy jakikolwiek laptop z systemami Linux, OSX czy Windows) na którym mile widziane jest zainstalowane następujące oprogramowanie:
- dowolny edytor tekstowy kolorujący składnie lub IDE np. Notepad++, Atom, NetBeans, Visual Studio, WebStorm
- kilka przeglądarek internetowych w najnowszych wersjach: Firefox, Chrome/Chromium, IE/EDGE, Opera, Safari

Prowadzący

Krzysztof Ścira:

Absolwent AGH - Informatyka Stosowana w Hutnictwie. Prezes Zarządu i front-end developer firmy desi9n.pl tworzącej aplikacje webowe, aplikacje mobilne oraz programowanie dedykowane. Wielokrotny prelegent na konferencjach związanych z programowaniem urządzeń mobilnych i programowaniem front-end. W wolnych chwilach pasjonat boksu olimpijskiego.

Program warsztatów

Wstęp
1. Czym jest język HTML i w jakim celu się go stosuje
2. Wersje i standaryzacja języka HTML
3. Przestarzale i nie zalecane znaczniki (FONT, CENTER)
Pierwsze kroki
1. Struktura dokumentu
2. Elementy blokowe
3. Najważniejsze znaczniki HTMLa: HTML, HEAD, BODY
4. Semantyka bloków: ASIDE, MAIN, ARTICLE, SECTION
Wyświetlanie treści
1. Elementy tekstowe – paragrafy, nagłówki, wyróżnianie treści na różne sposoby
2. Tabele (wiersze, kolumny, komórki, łączenie komórek)
3. Listy (wypunktowania, numerowane, zagnieżdżanie, listy definicji)
4. Linki (nawigacja oparta o anchory, linki zewnętrzne)
5. Przełamania linii, linie horyzontalne
Obrazki i inne cuda
1. img
2. figure, figcaption, picture
3. ścieżki względne i bezwzględne
Podstawy CSS
1. selektory – łączenie HTML z CSS
2. wczytywanie stylów do dokumentu HTML
3. stylowanie tekstu – nadawanie koloru, formatowanie
4. sposoby stylowania bloków
5. stylowanie tabel
Layouty
1. Tworzenie prostych layoutów z minimalnym wykorzystaniem CSSa
2. Znaczniki semantyczne: HEADER, FOOTER, NAV
Zagadnienia zaawansowane
1. Poprawki w drzewie DOM wykonywane przez przeglądarkę
2. Tworzenie layoutu a reprezentacja danych
3. Osadzanie multimediów: dźwięk, filmy, CANVAS
4. Shadow DOM
Warsztat programisty
1. Sprawdzanie poprawności syntaktycznej HTMLa
2. Formatowanie kodu, radzenie sobie z większymi strukturami HTML
3. Komentarze w kodzie
4. Edytory ułatwiające pracę

Uwaga

W trosce o jakość warsztatów jesteśmy zmuszeni ograniczyć liczbę uczestników. Kwalifikacja odbywa się na podstawie odpowiedzi udzielonych w formularzu zgłoszeniowym oraz - w dalszym kroku - kolejności zgłoszeń. Potwierdzenie udziału w warsztatach wraz z instrukcją przygotowania środowiska otrzymasz najpóźniej na 7 dni przed planowaną datą wydarzenia.
Organizator zastrzega sobie prawo do zmiany lokalizacji wydarzenia.

Zapisy na wybrany warsztat zostały zakończone.