Wszechstronny Frontend 🔥

0 stresu, 100% praktyki!

Naucz się, jak tworzyć nowoczesne strony, które wyglądają świetnie, są dostępne dla każdego i pozycjonują się w wynikach wyszukiwania.

Dla kogo jest Wszechstronny Frontend?

- Zaczynasz od zera? – Piękna sprawa! Nauczymy Cię wszystkiego od podstaw.

- Masz już doświadczenie? – Ugruntujesz swoje umiejętności i poznasz nowości.

- Jesteś backendowcem? – Pomożemy Ci wejść w frontend bez stresu.

Dlaczego warto?

- Luźna atmosfera - Bez stresu, z pełnym wsparciem i odpowiedzią na każde pytanie.

- Indywidualne podejście - Konsultacje, code review oraz pomoc na każdym kroku.

- Certyfikat - Po zakończeniu kursu otrzymasz certyfikat, który potwierdzi Twoje nowe umiejętności.

- Polecajka na LinkedIn - Chętnie polecimy Twoje nowe umiejętności, niech to leci w świat.

Czego się nauczysz?

- Weźmiemy się za HTML'a od strony semantyki i accessibility.

- SEO ważna sprawa, dlatego pokrywamy solidne podstawy.

- Szczerze? Spodziewaj się sporego nacisku na temat A11y.

- Podstawy designu? Jak najbardziej!

- Będzie też optymalizacja stron - fajny temat.

- Bardzo dużo zrozumienia tematu i łączenia kropek.

- Poznamy jak działają strony. Co tam się tak naprawdę dzieje?

Agenda szkolenia

→ Przed szkoleniem

Na Waszą skrzynkę wpada mail powitalny ze wszystkimi informacjami.

Dostajecie instrukcję, w której jest wszystko, czego będziecie potrzebować.

→ Dzień pierwszy (8h)

Setup wszystkich niezbędnych narzędzi, wtyczek, etc.

Wstęp do działania stron internetowych (demo)

Wstep do HTML'a

Semantyka - m.in. dlaczego "divoza" jest niefajna

Dostępność - podstawy i konkretne przykłady

SEO - m.in. co ma na nie wpływ - konkretne przykłady

Ćwiczenia

Sesja Q&A

→ Dzień drugi (8h)

Fundamenty CSS - m.in. specificity, cascading, inheritance

Pozycjonowanie - podstawy i pułapki

Box Model

Dobre praktyki CSS - BEM w roli głównej

Mobile First & Responsive Web Design

Flex vs Grid

Zmienne, pseudoklasy, pseudoelementy

Ćwiczenia

Code Review

Sesja Q&A

→ Dzień trzeci (8h)

Budujemy własną, spersonalizowaną stronę

Używamy generatorów kształtów / palet kolorów / fluid typography

Integrujemy zewnętrzne biblioteki

Wrzucamy stronę na Githuba i robimy LIVE

Code Review

Sesja Q&A

Wręczamy Wam certyfikaty

Na życzenie - robimy polecajki na LinkedIn