WARSZTATY FRONTENDowe MIĘSKO

Twoja własna strona w 1 dzień, od zera do online. Zbuduj portfolio, które naprawdę działa i wygląda profesjonalnie.

Zobacz program Zapisz się

🚀 Czego się nauczysz?

Zbudujesz kompletną stronę od podstaw

  • Stworzysz responsywny layout, który działa na każdym urządzeniu
  • Napiszesz czytelny HTML i CSS z użyciem semantyki, Flexa i BEM

Zadbasz o wygląd, dostępność i jakość

  • Zrozumiesz dostępność (a11y) i nauczysz się jej nie psuć
  • Zoptymalizujesz obrazy i zastosujesz nowoczesną typografię
  • Dodasz własny branding — kolory, ikony, fonty i animacje

Wykorzystasz profesjonalne narzędzia

  • Poznasz DevTools, Lighthouse, WAVE, metatags.io, favicon.io i inne
  • Sprawdzisz checklisty a11y i SEO przed publikacją

Wdrożysz stronę na żywo

  • Zdeployujesz projekt na Netlify z repozytorium GitHub
  • Otrzymasz gotowy link do portfolio, CV lub LinkedIn
  • Dostaniesz certyfikat i mini e-book do postawienia strony na własnej domenie

📋 Program warsztatów

1 dzień, 9 godzin intensywnej nauki

Część I: Fundamenty

  1. Wprowadzenie + setup projektu
    • Agenda i plan
    • "Jak działa przeglądarka?" - showcase
    • Setup Gita i Webstorma
  2. Struktura HTML i semantyka
    • Najważniejsze meta tagi i struktura HTML
    • Dlaczego bez semantyki wszystko "leży"
    • Divoza

Część II: Kodujemy razem

  1. Nawigacja
    • Poznajemy dużo semantycznych tagów HTML
    • Wjeżdzamy w CSS
    • Poznajemy CSS BEM
    • Poznajemy CSS Flex
    • Tworzymy podstrony
    • Poznajemy fajny trik Accessibility
  2. Hero Section
    • Poznajemy kolejne semantyczne tagi
    • Przyciągamy klientów - Call To Action (CTA)
    • Wrzucamy obrazy w nowoczesnych formatach i optymalizujemy
    • Znowu Accessibility - tym razem kontrast kolorów i obrazy
  3. Footer & Contact Page
    • Budujemy stopkę
    • Wrzucamy linki do social mediów
    • Budujemy dostępny formularz
    • "Jak zepsuć Accessibility za pomocą CSS"
    • Stylujemy z wykorzystaniem pseudo elementów i pseudo selektorów
  4. Debugowanie z DevTools
    • Debuggujemy strukturę strony i skanujemy z Lighthouse
    • Jak działa strona na słabym internecie
    • Twoja strona na różnych urządzeniach (tablet, smartphone)

Część III: Perfekcja

  1. Responsywność
    • Wjeżdzamy w CSS variables
    • Robimy responsywne obrazy
    • Łamiemy layout
    • CSS Media queries & breakpoints
    • Uczymy się responsywnego spacingu i tekstu
  2. Branding & Integracje
    • Wybieramy kolory dla Twojego brandu
    • Integrujemy Google Fonts
    • Integrujemy bibliotekę ikon
    • Integrujemy bibliotekę do animacji
  3. Lecimy z Deploymentem
    • Accessibility checklist
    • Łączymy repo GitHub + Netlify
    • Wrzucamy Netlify build plugins
    • Social media preview
  4. Q&A + Certyfikaty

Zaufali nam ⭐️️

Martyna S.

Wszechstronny Frontend #1 (15.06)

⭐️⭐️⭐️⭐️⭐️

Miałam przyjemność uczestniczyć w pierwszej edycji szkolenia prowadzonego przez Karolinę i Bartka - od poczatku było czuć profesjonalizm i zaangażowanie. Tematy szkolenia były ciekawie przedstawione, pokazane na przykładach, które mogą mieć zastosowanie w realnych projektach. Wszystkie pojawiające się pytania i wątpliwosci zostały wyjaśnione. Bardzo polecam!!!

Bartek M.

Wszechstronny Frontend #1 (15.06)

⭐️⭐️⭐️⭐️⭐️

Bardzo polecam prowadzący bardzo kompetentny, wiele bardzo wiele wiedzy oczywistej jak i mniej oczywistej. Dla początkujących ale ludzie z doswiadczeniem rownież znajdą coś dla siebie.

Szymon S.

Wszechstronny Frontend #1 (15.06)

⭐️⭐️⭐️⭐️⭐️

Tworzenie frontendu po tym szkoleniu to czysta przyjemność. Zostały poruszone najważniejsze tematy, wyjaśnione od samych podstaw (bez lania wody), aby zrozumieć jak to wszystko działa. Prowadzący bardzo pomocni, prawdziwi profesjonaliści. Bardzo polecam i czekam na więcej!

👨‍💻 Poznaj swojego trenera

Bartosz Wasilew - trener frontendowy

Bartosz Wasilew

Senior Software Engineer & Założyciel AnguLion

LinkedIn LinkedIn X/Twitter @bartosz_wasilew

🎯 Praktyczne doświadczenie

Senior Software Engineer & Leader z wieloletnim doświadczeniem w budowaniu aplikacji webowych. Prelegent na #ngPoland 2023, mentor #ngGirls 2023. Współzałożyciel społeczności Angularowej #ngLodz.

🏆 Sprawdzony mentor

Szkoli firmy i osoby indywidualnie. Stawia na praktykę bez bullshitu. Do każdego podchodzi indywidualnie i bez spiny.

🌟 Aktywny w społeczności

Regularnie dzieli się wiedzą przez social media, bloga i społeczność programistyczną. Zawsze na bieżąco z najnowszymi trendami w frontend developmencie.

"Nie ma co pier%&$*# jakichś cytatów, wpadaj na warsztaty i lecimy z tym."

- Bartosz Wasilew

Dołącz do warsztatów

Prowadzący warsztaty

🎉 Pierwsi uczestnicy już na pokładzie - dołącz do naszej sierpniowej ekipy!

Najbliższe edycje

1️⃣ W tygodniu: 8 sierpnia 2025

2️⃣ Weekend: 9 sierpnia 2025

❗️ Koniec zapisów 21 lipca 2025

📍 Miejsce: 🟢 Online!

⏰ Czas trwania: 9:00 - 18:00

💰 Cena: 389 PLN Brutto

🎁 W cenie: mentoring na żywo, certyfikat i mini e-book

🚀 Zarezerwuj swoje miejsce

💳 Bezpieczna płatność | 🔒 Szyfrowane dane | 📱 Natychmiastowe potwierdzenie