🚀 Potrzebujesz pomocy w rozwiązaniu zadania? Nie wiesz, czy Twój kod jest wystarczająco dobry? Chcesz skonsultować CV lub szukasz zespołu, do wspólnego projektu? To wszystko znajdziesz na naszym serwerze Discord. Dostęp jest bezpłatny i bez zobowiązań. ✅ Dołącz teraz do naszej społeczności!
Ruch na stronach internetowych z urządzeń mobilnych to zdecydowana większość. Dla wybranych witryn może stanowić nawet 90% ruchu ze wszystkich urządzeń.
Umiejętność tworzenia responsywnych stron internetowych, czyli dostosowujących się do rozmiaru urządzenia, jest niezbędna u każdego frontendowca.
Zanim przystąpisz do zadań powinieneś przerobić:
- jednostki relatywne,
- punkty graniczne (ang. breakpoints) w CSS,
- responsywność:
- tekstu,
- zasobów (grafik, filmów),
- menu,
- flexa oraz grida.
‼️ Raz w tygodniu wykonuję bezpłatny Code Review wybranej losowo osobie, która nie współpracuje ze mną w ramach mentoringu. Zrób Pull Request i weź udział w losowaniu, wysyłając link do PR w odpowiednim kanale na Discordzie. Życzę Ci efektywnej nauki programowania! Pozdrawiam, Mateusz Bogolubow.
⬅️ poprzedni zestaw zadań (HTML i CSS: Podstawy)
⛔ Jeśli poniższa instrukcja nie jest dla Ciebie wystarczająca to możesz skorzystać z bezpłatnego warsztatu JavaScript: Narzędzia, w którym znajdziesz dokładniejsze informacje.
-
Najpierw zrób tzw.
fork(prawy, górny róg strony). W ten sposób utworzysz kopię tego repozytorium na Twoim koncie GitHub. -
Teraz będziesz mógł wykonywać zadania na swoim repozytorium. Wystarczy, że skopiujesz pliki na swój komputer przy pomocy komendy
git clone. -
Zadania rozwiązuj jedno po drugim, ponieważ z każdym kolejnym ich poziom trudności wzrasta.
-
Pamiętaj o zapisywaniu historii zmian w plikach przy pomocy komend
git addorazgit commit. -
Aby wysłać dane na zdalny serwer, wystarczy komenda
git push. -
Po wysłaniu plików na GitHuba wykonaj Pull Request, aby wziąć udział w losowaniu bezpłatnego Code Review wykonanych zadań