Zadania są dostępne na platformie GitHub w repozytorium practice-js-forms.
Jeśli do tej pory nie miałeś do czynienia z Gitem, to gorąco Cię zachęcam do zapoznania się z darmowym warsztatem dotyczącym narzędzi, gdzie znajdziesz dokładne informacje, jak wystartować z Gitem.
Uwaga! 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. O wynikach losowania będę informował w piątkowym newsletterze, dlatego już teraz zachęcam Cię do zapisania się na niego. Życzę Ci efektywnej nauki programowania!
Pozdrawiam, Mateusz Bogolubow
Jak prawidłowo wykonać zadania?
- 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 add oraz git 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ń.
Zadania są dostępne na platformie GitHub w repozytorium practice-js-forms.
Jeśli do tej pory nie miałeś do czynienia z Gitem, to gorąco Cię zachęcam do zapoznania się z darmowym warsztatem dotyczącym narzędzi, gdzie znajdziesz dokładne informacje, jak wystartować z Gitem.
Uwaga! 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. O wynikach losowania będę informował w piątkowym newsletterze, dlatego już teraz zachęcam Cię do zapisania się na niego. Życzę Ci efektywnej nauki programowania!
Pozdrawiam, Mateusz Bogolubow
Jak prawidłowo wykonać zadania?
- 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 add oraz git 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ń.
Zadania są dostępne na platformie GitHub w repozytorium practice-js-forms.
Jeśli do tej pory nie miałeś do czynienia z Gitem, to gorąco Cię zachęcam do zapoznania się z darmowym warsztatem dotyczącym narzędzi, gdzie znajdziesz dokładne informacje, jak wystartować z Gitem.
Uwaga! 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. O wynikach losowania będę informował w piątkowym newsletterze, dlatego już teraz zachęcam Cię do zapisania się na niego. Życzę Ci efektywnej nauki programowania!
Pozdrawiam, Mateusz Bogolubow
Jak prawidłowo wykonać zadania?
- 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 add oraz git 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ń.
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.
- Wprowadzenie do formularzy (znacznik <form />)
- Opis właściwości
-- elements
-- action
-- method
-- novalidate
-- autocomplete
- Zdarzenia
-- reset
-- submit
-- event.preventDefault()
-- .value - Pola formularza
- <input />
-- type=text
-- type=password
-- type=hidden
-- type=file
-- type=radio
-- type=checkbox
-- type=range
-- type=color - - <select />
- <textarea />
- Rozszerzenie
-- readonly
-- required
-- disabled - Walidacja
- .innerHTML i atak XSS
- isNaN()
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.