70 Dni Kodowania: 70 Projektów w HTML, CSS i JavaScript

Przygotuj się na intensywne i satysfakcjonujące 70 dni pełne kodowania, podczas których wykonasz 70 różnorodnych projektów w HTML, CSS i JavaScript. Ten kurs został zaprojektowany z myślą o tych, którzy chcą rozwijać swoje umiejętności front-endowe poprzez praktyczne i realne wyzwania. Każdego dnia stworzysz nowy projekt, który pomoże Ci zrozumieć i opanować kluczowe aspekty tworzenia stron internetowych. Oto co czeka na Ciebie w trakcie kursu:

1. Strona startowa z pełnoekranowym tłem wideo - Nauczysz się tworzyć atrakcyjne strony główne z dynamicznym tłem wideo.

2. Responsywne menu nawigacyjne - Stworzysz nawigację, która dostosowuje się do różnych rozdzielczości ekranów.

3. Galeria zdjęć z efektem lightbox - Zbudujesz galerię obrazów z efektem powiększenia po kliknięciu.

4. Strona produktu z zakładkami - Zaprojektujesz stronę produktu z zakładkami, które umożliwiają łatwą nawigację po różnych sekcjach.

5. Lista ToDo z lokalnym przechowywaniem - Stworzysz aplikację do zarządzania zadaniami, która przechowuje dane w przeglądarce.

6. Formularz z walidacją danych - Nauczysz się walidować dane wprowadzane przez użytkowników w formularzach.

7. Dynamiczne ładowanie treści przy scrollowaniu - Zaimplementujesz funkcję ładowania dodatkowych treści podczas przewijania strony.

8. Slider obrazów - Stworzysz interaktywny slider do prezentacji obrazów.

9. Modalne okno logowania/rejestracji - Zbudujesz modalne okno do logowania i rejestracji użytkowników.

10. Kalendarz wydarzeń - Nauczysz się tworzyć interaktywny kalendarz do zarządzania wydarzeniami.

11. Efekty hover dla obrazów - Zaimplementujesz różne efekty hover dla obrazów, aby zwiększyć interaktywność strony.

12. Tło parallax - Stworzysz efekt parallax, który dodaje głębi stronie poprzez przesuwające się tło.

13. Strona FAQ akordeon - Zbudujesz stronę FAQ z akordeonem, który ukrywa i pokazuje odpowiedzi na pytania.

14. Timer odliczający - Stworzysz licznik czasu, który odlicza do określonego momentu.

15. Responsywna tabela cen - Zaprojektujesz tabelę cen, która wygląda świetnie na wszystkich urządzeniach.

16. Animacja przejść CSS - Nauczysz się tworzyć płynne animacje przejść za pomocą CSS.

17. Wyszukiwarka produktów z filtrowaniem - Zaimplementujesz wyszukiwarkę, która pozwala na filtrowanie produktów według różnych kryteriów.

18. Prosta gra w JavaScript - Stworzysz prostą grę, która pomoże Ci zrozumieć podstawy programowania w JavaScript.

19. Stylizacja formularzy przy użyciu CSS - Nauczysz się stylizować formularze, aby były bardziej atrakcyjne i użyteczne.

20. Pasek postępu przy ładowaniu strony - Zaimplementujesz pasek postępu, który informuje użytkowników o stanie ładowania strony.

21. Poziomy pasek pokazujący stopień przewinięcia strony - Stworzysz pasek, który pokazuje, ile strony zostało przewinięte.

22. Edytor kodu - Zbudujesz prosty edytor kodu, który pozwala na pisanie i podgląd kodu w czasie rzeczywistym.

23. Pokaz slajdów z opiniami klientów - Stworzysz pokaz slajdów, który prezentuje opinie klientów.

24. Zmiana motywu strony (jasny/ciemny) - Zaimplementujesz funkcję zmiany motywu strony między jasnym a ciemnym.

25. Generowanie PDF z treści strony - Nauczysz się generować dokumenty PDF z treści strony internetowej.

26. Drag & Drop interfejs - Stworzysz interfejs, który pozwala na przeciąganie i upuszczanie elementów.

27. Przybliżanie obrazu przy najechaniu - Zaimplementujesz efekt przybliżania obrazów po najechaniu myszką.

28. Efekt pisania maszynowego - Stworzysz efekt pisania maszynowego dla tekstu na stronie.

29. Multi-step formularz - Zbudujesz formularz wieloetapowy, który ułatwia wprowadzanie dużej ilości danych.

30. Animowany pasek nawigacyjny - Zaimplementujesz animowany pasek nawigacyjny, który reaguje na interakcje użytkownika.

31. Efekt śniegu na stronie - Stworzysz efekt opadającego śniegu na stronie.

32. Prosta walidacja captcha - Zaimplementujesz prostą walidację captcha, aby zabezpieczyć formularze przed botami.

33. Zegar cyfrowy - Stworzysz zegar cyfrowy, który wyświetla aktualny czas.

34. Kalkulator - Zbudujesz prosty kalkulator, który wykonuje podstawowe operacje matematyczne.

35. Flip Card - Zaimplementujesz efekt flip dla kart, który zmienia ich treść po kliknięciu.

36. Wysuwane menu boczne - Stworzysz wysuwane menu boczne, które pojawia się po kliknięciu.

37. Alert o ciasteczkach - Zaimplementujesz alert informujący o polityce cookies na stronie.

38. Płynne przewijanie do sekcji - Nauczysz się tworzyć płynne przewijanie do wybranych sekcji strony.

39. Galeria obrazów - Zbudujesz atrakcyjną galerię obrazów z różnymi efektami.

40. Działanie hover na liście - Zaimplementujesz różne efekty hover dla elementów listy.

41. Podpowiedzi tooltip - Stworzysz podpowiedzi tooltip, które wyświetlają dodatkowe informacje po najechaniu.

42. Prosta gra "Papier, kamień, nożyce" - Zbudujesz prostą grę "Papier, kamień, nożyce" w JavaScript.

43. Tło gradientowe - Nauczysz się tworzyć tła gradientowe za pomocą CSS.

44. Zmiana czcionki na stronie - Zaimplementujesz funkcję zmiany czcionki na stronie.

45. Lista zakupów z możliwością zaznaczania - Stworzysz listę zakupów, na której można zaznaczać wykonane pozycje.

46. Wyszukiwarka na stronie - Zbudujesz wyszukiwarkę, która umożliwia przeszukiwanie treści strony.

47. Przełącznik języka - Zaimplementujesz funkcję zmiany języka strony.

48. Efekt zwijania tekstu - Stworzysz efekt zwijania i rozwijania tekstu.

49. Prosta strona portfolio - Zbudujesz prostą i elegancką stronę portfolio.

50. Gra "memory" - Stworzysz grę "memory", która ćwiczy pamięć użytkownika.

51. Filtrowanie listy - Nauczysz się filtrować listę elementów według różnych kryteriów.

52. Generator haseł - Zbudujesz aplikację do generowania bezpiecznych haseł.

53. Zmiana kursora - Zaimplementujesz różne style kursora na stronie.

54. Timeline wydarzeń - Stworzysz interaktywną oś czasu do prezentacji wydarzeń.

55. Zmiana stylów elementów - Nauczysz się dynamicznie zmieniać style elementów na stronie.

56. Dynamiczne sortowanie tabeli - Zaimplementujesz funkcję sortowania danych w tabeli.

57. Prosta gra w tic-tac-toe - Stworzysz prostą grę w kółko i krzyżyk.

58. Licznik słów w czasie rzeczywistym - Zbudujesz licznik słów, który działa na bieżąco podczas pisania.

59. Aktywacja przycisku po zaznaczeniu checkboxa - Zaimplementujesz funkcję aktywacji przycisku po zaznaczeniu pola wyboru.

60. Śledzenie położenia kursora - Stworzysz aplikację śledzącą położenie kursora na stronie.

61. Boczne menu z efektem przesuwania - Zaimplementujesz boczne menu, które przesuwa się w widoku.

62. System zarządzania treścią (CMS) - Zbudujesz prosty CMS do zarządzania treściami na stronie.

63. Aplikacja do rezerwacji z kalendarzem - Stworzysz aplikację do rezerwacji zintegrowaną z kalendarzem.

64. Gra platformowa w HTML5 Canvas - Zaimplementujesz prostą grę platformową za pomocą Canvas.

65. Symulacja fizyki z użyciem Canvas - Stworzysz symulację fizyki, wykorzystując możliwości Canvas.

66. Implementacja algorytmów sortowania - Zaimplementujesz i zrozumiesz działanie różnych algorytmów sortowania.

67. Zaawansowane filtrowanie produktów na stronie e-commerce - Nauczysz się tworzyć zaawansowane filtry produktów w sklepie internetowym.

68. Przewodnik po stronie dla nowych użytkowników - Zbudujesz interaktywny przewodnik dla nowych użytkowników strony.

69. Dynamiczne wykresy i statystyki - Zaimplementujesz dynamiczne wykresy i statystyki, które prezentują dane na stronie.

Ten kurs jest idealny dla osób, które chcą zdobyć praktyczne doświadczenie w tworzeniu nowoczesnych i interaktywnych stron internetowych. Każdy projekt został zaprojektowany tak, aby stopniowo zwiększać poziom trudności i złożoności, zapewniając solidne podstawy w HTML, CSS i JavaScript oraz umożliwiając rozwój zaawansowanych umiejętności. Dołącz do nas i stań się mistrzem front-endu w zaledwie 70 dni!