Tworzenie responsywnych stron WWW: HTML5 i CSS3

Jeżeli jesteś:

  • osobą, która chce odkryć i rozwinąć swoją nową pasję, robić coś kreatywnego, twórczego, pięknego, nowego,
  • osobą, która chce opanować umiejętność tworzenia witryn internetowych za pomocą języka HTML i kaskadowych arkuszy stylów — CSS lub modyfikować istniejące strony i serwisy WWW w warstwie kodu;
  • osobą, która chce nabyć niezbędną wiedzę teoretyczną i praktyczną do ubiegania się o stanowisko Front-End Developera,
  • artystą plastykiem, architektem, projektantem, pracownikiem firm reklamowych i poligraficznych, pracownikiem marketingu,
  • studentem, który chce nauczyć się sprawnie używać programów, które mogą być potrzebne na studiach lub w późniejszej karierze zawodowej,
  • bezrobotną osobą, która chce się przekwalifikować lub zdobyć nowy zawód,
    doradcą zawodowym z PUP, z projektów edukacyjnych, działów HR, fundacji, lub menedżerem, który chce zorganizować szkolenie dla swoich pracowników,
  • osobą z niepełnosprawnościami, która szuka pomysłu na możliwość fajnej pracy w domu,

Lub jeżeli:

  • chcesz stworzyć swoje miejsce w Internecie dla swojej działalności zawodowej lub prywatnej;
  • zatrudnienie webmastera jest zbyt kosztowne i czasochłonne i chcesz tego uniknąć,
  • chcesz mieć większą kontrolę nad swoją stroną i chcesz umieć szybko edytować treści na stronie;
  • chcesz nauczyć się czegoś nowego tylko dla swojej przyjemności

… to szkolenie jest dla Ciebie,
ponieważ nauczysz się:

  • tworzyć strony WWW,
  • umieszczać na stronach niezbędne elementy, jak sieć zakładek (odnośników), galerie zdjęć, formularz kontaktowy, animacje (np. slider), bez konieczności użycia rozszerzeń języków dynamicznych,
  • formatować wygląd strony za pomocą stylów,
  • projektowania stron responsywnych, czyli dopasowanych do wyświetlania na urządzeniach o różnej rozdzielczości, od ekranów monitorów począwszy, na urządzeniach mobilnych kończąc,
  • ruszać gdy utkniesz i nie wiesz jak rozwiązać problem,
  • dowiesz się, jak nie bać się kodu HTML i CSS, umieć czytać te zapisy i poruszać się w tym gąszczu,
  • jak wykorzystywać optymalne rozwiązania do konkretnych problemów,
  • robić projekty, które zachwycają i wykorzystują niebanalne rozwiązania.

Nasze szkolenie jest skuteczne, ponieważ:

  • jest indywidualne, co pozwala Trenerowi maksymalnie skoncentrować się na Twoich postępach w nauce; wyłapać ewentualne trudności, przeszkody i wykorzystać Twój czas efektywnie;
  • możemy uzgodnić przed szkoleniem indywidualny zakres szkolenia, jeżeli proponowany przez nas standard nie pasuje do Twojego obecnego zaawansowania lub zainteresowań, a dzięki temu nie tracisz czasu na tematy, które już znasz lub nie będą Ci potrzebne w praktyce zawodowej;
  • możemy pracować bezpośrednio na przykładach z Twojej praktyki zawodowej tworząc w trakcie szkolenia portfolio Twoich projektów, jeżeli ubiegasz się o pracę lub Twoją specyficzną stronę WWW czy kreację marketingową zgodną z Twoją marką.
  • nie tracisz czasu i poszczególnych zajęć, ponieważ: 
    • harmonogram jest dopasowany do Twoich możliwości czasowych,
    • nie czekamy na zebranie się grupy, zaczynasz szkolenie od razu,
    • jeżeli wypadnie Ci termin z powodów losowych możemy ustalić inny, czyli nie tracisz zajęć, gdy z jakiegoś powodu nie możesz być na nich obecny.
  • są to praktyczne warsztaty w 100% skoncentrowane na Tobie, więc nic nie odciąga Twojej uwagi, nie rozprasza Cię.
  • pracujesz z zawodowcami, którzy przekazują Ci aktualizowane  na bieżąco rozwiązania, taktyki ze swoich zawodowych osiągnięć.

Ponadto:

  • zdobędziesz nowe kompetencje zawodowe, które mogą przełożyć się na awans, nową pracę, gdyż po szkoleniu otrzymujesz zaświadczenie MEiN,
  • poznasz osoby z branży i nawiążesz zawodowe relacje i kontakty,
  • wzbogacisz swoje umiejętności cyfrowe o nowe zasoby,  patenty i triki, dzięki czemu będziesz pracować szybciej i bardziej efektywnie, co przełoży się na większe dochody w perspektywie czasu,
  • dowiesz się jak pracują inni, przez co wskoczysz od razu na wyższy poziom rozwoju zawodowego,
  • spędzisz miło czas w towarzystwie pasjonatów tematu i zyskasz wsparcie, inspirację i motywację w rozwoju.

Twoje korzyści. Dzięki szkoleniu nauczysz się:

  • tworzyć konstrukcję strony wykorzystując język HTML5,
  • dodawać linki, zakładki, tabele,
  • wstawiać grafikę, kolory, animację i ruch,
    tworzyć i formatować formularze,
  • formatować wygląd strony za pomocą kaskadowych arkuszy stylów — CSS,
  • dodawać menu rozwijalne,
  • tworzyć galerie zdjęć,
  • formatować strony pod kątem urządzeń mobilnych.

Szkolenie to:

  • praca indywidualna - jedna osoba na zajęciach;

  • teoria i praktyka;​

  • warsztaty stacjonarne lub zdalne - do wyboru, w czasie rzeczywistym pod okiem Trenera;

  • praktyczne projekty i ćwiczenia bazujące na przykładach z praktyki naszych Trenerów, czyli osób, które zawodowo pracują w tej dziedzinie;

  • wsparcie, feedback, konstruktywna analiza Twoich projektów;

  • możliwy jest również kurs w grupie od 2 do 4 osób (np. z jednej firmy) z RABATEM.

Tryby szkolenia:

1. Standardowy

  • zajęcia dwa razy w tygodniu, najczęściej w godzinach popołudniowych lub wieczornych, opcjonalnie w soboty;
  • 10 spotkań (1 sp. to 3 godziny zegarowe), łącznie 30 godzin;

2. Intensywny

  • zajęcia codziennie przez 6 dni, od pon. do pt. po 6 godzin w godz. 9.00 – 15.00
    – razem 36 godzin

Cennik:

Standardowy
5400 zł

30 godzin

Intensywny
6480 zł

36 godzin

Zapytaj o termin:

Zapraszamy do kontaktu telefonicznego w godz. 10:00-16:00.

Program szkolenia:

1. Dlaczego HTML5? Wprowadzenie do języka HTML:
  • struktura dokumentu HTML (czyli strony internetowej), konstrukcja znaczników i ich zastosowanie,
  • elementy zawarte w głowie dokumentu (metatagi, style, title, link),
  • znaczniki treści (nagłówki, paragrafy, tabele, listy),
  • formatowanie treści za pomocą znaczników (strong, em, sub, sup itd.),
  • odsyłacze – budowa i zastosowanie; w tym także odsyłacze wewnętrzne,
  • dodawanie zdjęć i obrazków – różne praktyczne zastosowania,
  • dodawanie mediów – plików muzycznych i filmowych,
  • elementy blokowe języka HTML i ich zastosowanie w budowie strony,
  • identyfikatory – główny atrybut znaczników,
  • tworzenie formularzy na stronie.
2. CSS – formatowanie znaczników języka HTML:
  • sposoby dodawania arkuszy stylów w dokumencie HTML,
  • charakterystyka selektorów CSS – własności i wartości,
  • tekst i czcionka – różnice i zastosowanie: m.in. zmiana rozmiaru, koloru i rodzaju czcionki, zmiana położenia i widoczności tekstu,
  • działanie na elementach blokowych – m.in. rozmiar, obramowanie, rozmieszczenie, widoczność; wzajemne powiązanie,
  • odstępy między elementami – margines zewnętrzny i wypełnienie,
  • pozycjonowanie i sposoby wpływania na wyświetlanie elementów na stronie,
  • operacje na kolorach – gradient, tło, definiowanie kolorów, uzyskiwanie efektu przezroczystości,
  • operacje na obrazach – wykorzystanie grafiki jako tła, zastosowanie filtrów dla obrazów,
  • obramowanie i operacje z użyciem cienia,
  • atrybut klasy – jak używać, gdzie zastosować,
  • pseudoklasy – wybrane przykłady zastosowania; w tym pseudoklasy odnośników,
  • zmiana wyglądu elementów po najechaniu na nie kursorem,
  • zmiana wyglądu elementów, do których przenosi nas kliknięcie kursorem.
3. Animacje i efekt ruchu:
  • czyli płynna zmiana wyglądu lub rozmiaru danych elementów, zależnie bądź niezależnie od działań podejmowanych przez użytkownika,
  • stworzenie slidera ze zdjęciami,
  • stworzenie rozwijanego menu,
  • stworzenie galerii zdjęć,
  • wprowadzenie ruchomych elementów tła na stronie,
  • wzbogacenie odnośników o efekty dynamiczne,
  • transformacja elementów (wydłużanie, obracanie, ścieśnianie, wykrzywianie).
4. Responsywny układ strony:
  • dopasowanie wyświetlania strony do różnych rozdzielczości,
  • popularne układy strony (kolumnowy, siatka, stałe i procentowe wymiary),
  • użycie reguły @mediaqueries,
  • właściwości aktywowane za pomocą flexbox,
  • właściwość column,
  • omówienie budowy stron za pomocą siatki – gridy.
5. Projektowanie stron WWW:
  • etapy pracy nad stroną internetową,
  • style graficzne stron internetowych,
  • szukanie pomysłów, kreatywność,
  • czynniki decydujące o użyteczności witryny,
  • przygotowanie grafiki do potrzeb Internetu: rozdzielczość, kompresja, formaty grafiki,
  • testowanie witryny,
  • etapy publikacji w Internecie,
  • dostępność / użyteczność stron WWW (WCAG 2.0/WAI).