WTF: Co ten frontend

WTF: Co Ten Frontend to kompleksowe szkolenie z podstaw frontendu. Od totalnego zera. Nie musisz umieć absolutnie NIC!

Pod okiem Mistrza Frontendu - Maćka Korsana - nauczysz się podstaw programowania.

Już prawie 2000 Uczestniczek i Uczestników chwali sobie jego podejście, doświadczenie i sposób przekazywania AKTUALNEJ wiedzy.

ZAWÓD programisty nie jest dla każdego. Natomiast UMIEJĘTNOŚĆ PROGRAMOWANIA - już tak! I nigdy nie była bardziej przydatna.

DLA KOGO ?

Ten program jest dla Ciebie, jeżeli:

chcesz zobaczyć czy świat IT jest dla Ciebie,
jesteś na początku swojej nauki lub chcesz dogonić aktualne standardy,
potrzebujesz kontaktu z kimś, kto odpowie na Twoje pytania i wątpliwości,
chcesz dobrze zrozumieć jak naprawdę działa frontend,
poznać narzędzia i dobre praktyki.

…a nie dla Ciebie, jeżeli:

HTML, CSS i JS znasz lepiej niż język polski,
po przejrzeniu programu szkolenia stwierdzisz, że będziesz się nudzić, bo wszystko już znasz,
na co dzień w pracy korzystasz z najnowszych feature'ów technologii frontendowych,
nie chcesz poświęcać czasu na pracę własną.

Maciek Korsan

Senior Frontend Developer

Autor szkolenia WTF: Co Ten Frontend?! - programista z kilkunastoletnim doświadczeniem, fotograf, DJ, właściciel Sokoła Millennium (na razie tylko z Lego), prelegent i szkoleniowiec. Kocha mieszać sztukę z technologią, albo technologię ze sztuką (jeszcze nie zdecydował).

Twórca i osoba odpowiedzialna za program ścieżki frontendowej na największej konferencji programistycznej w Polsce - 4developers.

Nad całością czuwaMaciej Aniserowicz z zespołem

Wydawca materiałów edukacyjnych klasy premium. Autor olbrzymich kampanii online w branży IT i marketingu. Założyciel devstyle.pl i slowbiz.pl.

Dlaczego programowanie w 2024 roku?

Branża IT od dekad jest marzeniem “mas”. Na pewno słyszysz o pracy zdalnej, elastycznym czasie pracy czy kosmicznych zarobkach, prawda? Ale nie na tym będziemy się skupiać.

Bo… ZAWÓD programisty nie jest dla każdego. Natomiast UMIEJĘTNOŚĆ PROGRAMOWANIA - już tak! I nigdy nie była bardziej przydatna.

Stoimy w obliczu technologicznej rewolucji. Coraz częściej olbrzymi potencjał potężnych narzędzi jest na wyciągnięcie ręki. Ale do wykorzystania pełni tych możliwości często potrzebna jest choćby podstawowa umiejętność programowania.

Kod na poziomie początkujących programistów może wygenerować sztuczna inteligencja. Ale trzeba zrozumieć, co ten kod robi, by go zastosować!

Ta umiejętność może zmienić Twoje życie i otworzyć przed Tobą całkowicie nowe możliwości. Nie musisz być zawodowym programistą, by wykorzystać tę potęgę do osiągnięcia swoich celów! Oraz znacznie zwiększyć swoją atrakcyjność na praktycznie dowolnym rynku pracy, niekoniecznie w branży IT. A przy tym... świetnie się bawić!

I tutaj, z nami, rozpoczniesz swoją przygodę z programowaniem od strony frontendu tworząc strony i aplikacje internetowe działające na komputerach oraz urządzeniach mobilnych.

Demo

Co otrzymujesz ?

Program

13 tygodni nauki
Liczne zadania domowe – nie uznajemy nauki bez wkładu własnego!
Natychmiastowe zastosowanie wiedzy w praktyce
Dedykowane webinary
Darmowe aktualizacje

Społeczność DISCORD

dostajesz dostęp już na samym początku
możesz wymieniać się wiedzą i doświadczeniem z innymi
bezpośredni kontakt z Mentorem
motywacja do nauki dzięki wspierającej społeczności
nowe znajomości z innymi Uczestnikami

Wybierz dogodny dla siebie sposób przyswajania wiedzy:

Video
Nagranie mp3(słuchaj jak podcastu)
Prezentacja
Transkrypcje

Opinie o programie

Dowiedz się, jak absolwenci oceniają WTF: Co Ten Frontend!

PROGRAM SZKOLENIA

WTF: Co Ten Frontend to uniwersalny start dla zastanawiających się nad karierą frontendową. Uczy Cię solidnych podstaw, które często są pomijane w innych materiałach. Pozwala poznać też całą otoczkę: wszelkiego rodzaju narzędzia i sposób pracy osób związanych z technologiami frontendowymi.
Maciek Korsan, autor programu

Tydzień I

Powitanie i plan szkolenia
Czym jest frontend?
Konfiguracja narzędzi wykorzystywanych w szkoleniu
Ścieżka rozwoju
Warstwy strony internetowej
VSCode: konfiguracja edytora
Hello world - mój pierwszy projekt!

Tydzień II

Devtools: podglądamy (i zmieniamy) istniejące strony
WTF: HTML - podstawy języka
WTF: HTML - podstawowe znaczniki
Klan - relacje między elementami
WTF: CSS (atrybuty, selektory, kolory)
Jak wygląda planowanie pracy za pomocą metody Kanban?
Magia programowania
Formatowanie kodu
Tworzymy pamiętnik

Tydzień III

GIT: poznajemy system kontroli wersji
Git vs GitHub
GitHub Desktop
Atrybuty w HTML
Klasy CSS
Klan - dziedziczenie
Jak działa internet i protokół HTTP?
Co się dzieje w przeglądarce po wpisaniu adresu?
Wczytywanie strony z pliku vs wczytywanie z serwera
WTF: JavaScript
Terminal, czyli ocb z tym czarnym okienkiem

Tydzień IV

Live Q&A
Normalizacja vs reset
CSS box model, pozycje, floaty
CSS pseudoselektory
JavaScript typy i struktury danych, immutability
JavaScript obiekty / prototypy / klasy
Opowieść o wężu, kebabie, wielbłądzie i Pascalu
JavaScript piszemy pierwszy algorytm
DOM-owe przedszkole

Tydzień V

Co robić, jak nie działa?
Console.log, try - catch
Figma: grafik cięcie — też zajęcie
HTML listy, tabele, definicje, encje
CSS flexbox
CSS tła, object-fit
CSS blend modes, filtry
JavaScript logika
JavaScript funkcje i pętle
JavaScript manipulacje DOM i stylów

Tydzień VI

HTML formularze
Czym się różni GET od POST?
CSS grid
CSS media queries i mobile first
Grid vs flexbox
Popularne techniki budowania layoutów
a vs button
JavaScript eventy i event loop
🍔 menu

Tydzień VII

Live Q&A
GIT: .gitignore
NODEJS & NPM: podstawowe narzędzia współczesnego frontendowca
npm vs yarn
Środowiska: developerskie, testowe, produkcyjne
Czym jest webpack?
Skrypty NPM
Parcel - proste narzędzie budujące naszą stronę
SASS: korzystamy z preprocesora CSS
BEM i inne metodyki organizacji stylów

Tydzień VIII

JavaScript import / export
VSCode: debugowanie kodu JavaScript
Przydatne narzędzia developerskie w przeglądarce
CSS zmienne
CSS animacje i przejścia
CSS prefixy, customowe fonty

Tydzień IX

Live Code review
Markdown
Git: branche
JavaScript cookies, local i session storage
TailwindCSS - nowy standard stylowania
SVG: praca z grafiką wektorową

Tydzień X

JS: destrukturyzacja i spread operator
Jak organizować pliki w projekcie?
TailwindCSS rozszerzenie konfiguracji
TailwindCSS JIT
OpenGraph
Progressive Web Apps
WCAG - czym jest i w jaki sposób testować dostępność naszej strony?
Netlify - konfiguracja repozytorium i publikacja witryny

Tydzień XI

JavaScript praca z API / JSON
JavaScript async/await, promise, fetch
Postman: podglądamy i tworzymy zapytania do serwera
U mnie działa: testujemy nasze strony na różnych przeglądarkach
Optymalizacja: lighthouse, minifikacja zasobów, krytyczny CSS
GIT: mój pierwszy pull request

Tydzień XII

Domeny i DNS
Publikacja strony pod własnym adresem (netlify + cloudflare)
HTML multimedia i zewnętrzne zasoby
Licencje, grafiki, materiały
CSS selektory ~ + › []
Projekt od A do Z

Tydzień XIII

Live podsumowanie szkolenia
Moje ulubione frontendowe tricki
Pierwsza praca
Jak wygląda rozmowa kwalifikacyjna?
Jak przygotować swoje CV?
Przyszłość frontendu
WTF: i co dalej?

Treść szkolenia może ulec delikatnym zmianom, spis nie uwzględnia prac domowych i odcinków dotyczących spraw szkoleniowych. Większość lekcji będzie się kończyć pracami domowymi, których rozwiązania z wyjaśnieniem publikowane będą w kolejnym tygodniu.

Ile kosztuje?

13-tygodniowy Program
darmowe aktualizacje materiałów
dożywotni dostęp
zamknięta grupa dla Uczestników Programu
bonusowe nagrania
zero ryzyka: satysfakcja albo zwrot pieniędzy

To wszystko za 1499 zł

Uwaga! Nigdy nie będzie taniej!

Twó j ruch!

Oferta ważna do 30.06.2023 (g. 21:00)

Dołączam do WTF

→

Niczym nie ryzykujesz!

Jesteśmy pewni, że Szkolenie spełni Twoje oczekiwania.

Jeśli Cię zawiedziemy, zwrócimy Ci 100% poniesionych kosztów!

Na żądanie zwrotu (z DOWOLNEGO powodu, albo bez powodu) masz czas do 30 lipca 2023 (także jeśli kupujesz na firmę!). Jeden mail i już, nie zrobimy sceny

Masz pytania? Zadaj nam je!

Jesteśmy tu, żeby Ci pomóc w podjęciu najlepszej decyzji. Jeśli potrzebujesz więcej informacji, wyślij nam maila na adres kontakt@devstyle.pl.

UWAGA!

Zanim napiszesz, sprawdź poniższą sekcję FAQ. Możliwe, że uzyskasz odpowiedź na swoje pytanie od razu!

DECYZJA

Kupuję

→

FAQ

Wszystko jasne?