Zamień ten tekst na URL Webhooka

Lekcja tekstowa
Projekt jest dostępny na platformie GitHub w PRYWATNYM repozytorium task-react-styling.

Aby otrzymać dostęp do repozytorium, wypełnij formularz i potwierdź przyjęcie zaproszenia (szczegóły znajdziesz w mailu po wysłaniu formularza).

Projekt możesz dowolnie rozbudować i umieścić w portfolio z jednym zastrzeżeniem: musisz nadpisać jego README.md (aby nie udostępniać treści projektu) – jak to zrobić dobrze, znajdziesz we wskazówkach.

Pamiętaj również, że forkowanie prywatnego repozytorium nie pozwala na jego upublicznienie. Jeśli chcesz pokazać swój projekt szerszej publiczności (i włączyć jego commity do statystyk na GitHubie), możesz to zrobić według wskazówek.

Lekcja audio
Projekt jest dostępny na platformie GitHub w PRYWATNYM repozytorium task-react-styling.

Aby otrzymać dostęp do repozytorium, wypełnij formularz i potwierdź przyjęcie zaproszenia (szczegóły znajdziesz w mailu po wysłaniu formularza).

Projekt możesz dowolnie rozbudować i umieścić w portfolio z jednym zastrzeżeniem: musisz nadpisać jego README.md (aby nie udostępniać treści projektu) – jak to zrobić dobrze, znajdziesz we wskazówkach.

Pamiętaj również, że forkowanie prywatnego repozytorium nie pozwala na jego upublicznienie. Jeśli chcesz pokazać swój projekt szerszej publiczności (i włączyć jego commity do statystyk na GitHubie), możesz to zrobić według wskazówek.

Zadanie
Projekt jest dostępny na platformie GitHub w PRYWATNYM repozytorium task-react-styling.

Aby otrzymać dostęp do repozytorium, wypełnij formularz i potwierdź przyjęcie zaproszenia (szczegóły znajdziesz w mailu po wysłaniu formularza).

Projekt możesz dowolnie rozbudować i umieścić w portfolio z jednym zastrzeżeniem: musisz nadpisać jego README.md (aby nie udostępniać treści projektu) – jak to zrobić dobrze, znajdziesz we wskazówkach.

Pamiętaj również, że forkowanie prywatnego repozytorium nie pozwala na jego upublicznienie. Jeśli chcesz pokazać swój projekt szerszej publiczności (i włączyć jego commity do statystyk na GitHubie), możesz to zrobić według wskazówek.

Dodatkowe informacje
Dodatkowe informacje
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Warsztat będzie omawiać poniższe zagadnienia. Informacje na ich temat znajdziesz zarówno w części teoretycznej, jak i praktycznej, tj. w zadaniach oraz projekcie.

  1. Wprowadzenie
    - Atrybut style
    - Atrybut className
    - Biblioteka classnames
  2. Import i eksport plików
    - CSS
    -Sass
    - Pliki produkcyjne
  3. Styled Components
    - CSS in JS
    - Wprowadzenie
    - props
    - Rozszerzone style
    - Podział na pliki
    - Style globalne
    - Atrybuty
    - Theme
    - @media
    - Animacje
    - Zarządzanie zasobami
    - Podsumowanie

Co wchodzi w skład warsztatu?

  • PDF w formie prezentacji, który zawiera wyjaśnienie zagadnień wraz z przykładami kodu (zobacz darmowy warsztat).
  • Zadania do samodzielnego wykonania w serwisie GitHub (wymagane darmowe konto).
  • Omówienie i przedstawienie rozwiązań zadań w formie wideo.
  • Projekt do samodzielnego wykonania, który można wykorzystać w portfolio.
  • Wideo z przykładowym Code Review projektów – omówienie dobrych praktyk i najczęściej popełnianych błędów.
Mateusz Bogolubow
Mateusz Bogolubow

Programowanie stało się moją pasją jeszcze przed dwudziestką, a zawodem – gdy założyłem firmę programistyczną podczas studiów. Przez kilka lat uczyłem kursantów na bootcampie, by później zmienić podejście na mentoring jako bardziej efektywny sposób przekazywania wiedzy. Poza pracą jestem twórcą podcastu Pierwsze kroki w IT, mężem, ojcem, a także pasjonatem szachów, optymalizacji i zdrowego stylu życia oraz górskich wypraw.

Projekt (GitHub)
keyboard_arrow_down
React: Stylowanie
99%
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.