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

  • 29.06.2019
  • Kraków
  • dzień
  • 1 PLN
Typ szkolenia
Warsztat - Krótsze praktyczne ćwiczenia w większych grupach

Tryb szkolenia
  • W ciągu dnia

Adresaci szkolenia
  • Programista/Architekt

Opis szkolenia

Podsumowanie:

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.

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

Od uczestników wymagana jest podstawowa wiedza z zakresu HTML lub doświadczenie w korzystaniu z gotowych systemów CMS (Wordpress, Joomla itd.). Warsztaty skierowane do osób początkujących w zakresie front-endu.

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

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

Agenda:

  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)
  2. Pierwsze kroki
    • Struktura dokumentu
    • Elementy blokowe
    • Najważniejsze znaczniki HTMLa: HTML, HEAD, BODY
    • Semantyka bloków: ASIDE, MAIN, ARTICLE, SECTION
  3. 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, numerowane, zagnieżdżanie, listy definicji)
    • Linki (nawigacja oparta o anchory, linki zewnętrzne)
    • Przełamania linii, linie horyzontalne
  4. Obrazki i inne cuda
    • img
    • figure, figcaption, picture
    • ścieżki względne i bezwzględne
  5. Podstawy CSS
    • selektory - łączenie HTML z CSS
    • wczytywanie stylów do dokumentu HTML
    • stylowanie tekstu - nadawanie koloru, formatowanie
    • sposoby stylowania bloków
    • stylowanie tabel
  6. Layouty
    • Tworzenie prostych layoutów z minimalnym wykorzystaniem CSSa
    • Znaczniki semantyczne: HEADER, FOOTER, NAV
  7. 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
  8. Warsztat programisty
    • Sprawdzanie poprawności syntaktycznej HTMLa
    • Formatowanie kodu, radzenie sobie z większymi strukturami HTML
    • Komentarze w kodzie
    • Edytory ułatwiające pracę

Dodatkowe informacje: 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.


Zapisz się na kurs
Organizator szkolenia - StacjaIT - skontaktuje się z tobą w celu dokończenia procesu rejestracji