#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.

Żarówka

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ń.
Grupa

Dla kogo jest ten warsztat?

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

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

  1. 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)
  2. Pierwsze kroki
    1. Struktura dokumentu
    2. Elementy blokowe
    3. Najważniejsze znaczniki HTMLa: HTML, HEAD, BODY
    4. Semantyka bloków: ASIDE, MAIN, ARTICLE, SECTION
  3. 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
  4. Obrazki i inne cuda
    1. img
    2. figure, figcaption, picture
    3. ścieżki względne i bezwzględne
  5. 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
  6. Layouty
    1. Tworzenie prostych layoutów z minimalnym wykorzystaniem CSSa
    2. Znaczniki semantyczne: HEADER, FOOTER, NAV
  7. 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
  8. 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.