|
via Udemy |
Go to Course: https://www.udemy.com/course/70-dni-kodowania-70-projektow-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:Strona startowa z pełnoekranowym tłem wideo - Nauczysz się tworzyć atrakcyjne strony główne z dynamicznym tłem wideo.Responsywne menu nawigacyjne - Stworzysz nawigację, która dostosowuje się do różnych rozdzielczości ekranów.Galeria zdjęć z efektem lightbox - Zbudujesz galerię obrazów z efektem powiększenia po kliknięciu.Strona produktu z zakładkami - Zaprojektujesz stronę produktu z zakładkami, które umożliwiają łatwą nawigację po różnych sekcjach.Lista ToDo z lokalnym przechowywaniem - Stworzysz aplikację do zarządzania zadaniami, która przechowuje dane w przeglądarce.Formularz z walidacją danych - Nauczysz się walidować dane wprowadzane przez użytkowników w formularzach.Dynamiczne ładowanie treści przy scrollowaniu - Zaimplementujesz funkcję ładowania dodatkowych treści podczas przewijania strony.Slider obrazów - Stworzysz interaktywny slider do prezentacji obrazów.Modalne okno logowania/rejestracji - Zbudujesz modalne okno do logowania i rejestracji użytkowników.Kalendarz wydarzeń - Nauczysz się tworzyć interaktywny kalendarz do zarządzania wydarzeniami.Efekty hover dla obrazów - Zaimplementujesz różne efekty hover dla obrazów, aby zwiększyć interaktywność strony.Tło parallax - Stworzysz efekt parallax, który dodaje głębi stronie poprzez przesuwające się tło.Strona FAQ akordeon - Zbudujesz stronę FAQ z akordeonem, który ukrywa i pokazuje odpowiedzi na pytania.Timer odliczający - Stworzysz licznik czasu, który odlicza do określonego momentu.Responsywna tabela cen - Zaprojektujesz tabelę cen, która wygląda świetnie na wszystkich urządzeniach.Animacja przejść CSS - Nauczysz się tworzyć płynne animacje przejść za pomocą CSS.Wyszukiwarka produktów z filtrowaniem - Zaimplementujesz wyszukiwarkę, która pozwala na filtrowanie produktów według różnych kryteriów.Prosta gra w JavaScript - Stworzysz prostą grę, która pomoże Ci zrozumieć podstawy programowania w JavaScript.Stylizacja formularzy przy użyciu CSS - Nauczysz się stylizować formularze, aby były bardziej atrakcyjne i użyteczne.Pasek postępu przy ładowaniu strony - Zaimplementujesz pasek postępu, który informuje użytkowników o stanie ładowania strony.Poziomy pasek pokazujący stopień przewinięcia strony - Stworzysz pasek, który pokazuje, ile strony zostało przewinięte.Edytor kodu - Zbudujesz prosty edytor kodu, który pozwala na pisanie i podgląd kodu w czasie rzeczywistym.Pokaz slajdów z opiniami klientów - Stworzysz pokaz slajdów, który prezentuje opinie klientów.Zmiana motywu strony (jasny/ciemny) - Zaimplementujesz funkcję zmiany motywu strony między jasnym a ciemnym.Generowanie PDF z treści strony - Nauczysz się generować dokumenty PDF z treści strony internetowej.Drag & Drop interfejs - Stworzysz interfejs, który pozwala na przeciąganie i upuszczanie elementów.Przybliżanie obrazu przy najechaniu - Zaimplementujesz efekt przybliżania obrazów po najechaniu myszką.Efekt pisania maszynowego - Stworzysz efekt pisania maszynowego dla tekstu na stronie.Multi-step formularz - Zbudujesz formularz wieloetapowy, który ułatwia wprowadzanie dużej ilości danych.Animowany pasek nawigacyjny - Zaimplementujesz animowany pasek nawigacyjny, który reaguje na interakcje użytkownika.Efekt śniegu na stronie - Stworzysz efekt opadającego śniegu na stronie.Prosta walidacja captcha - Zaimplementujesz prostą walidację captcha, aby zabezpieczyć formularze przed botami.Zegar cyfrowy - Stworzysz zegar cyfrowy, który wyświetla aktualny czas.Kalkulator - Zbudujesz prosty kalkulator, który wykonuje podstawowe operacje matematyczne.Flip Card - Zaimplementujesz efekt flip dla kart, który zmienia ich treść po kliknięciu.Wysuwane menu boczne - Stworzysz wysuwane menu boczne, które pojawia się po kliknięciu.Alert o ciasteczkach - Zaimplementujesz alert informujący o polityce cookies na stronie.Płynne przewijanie do sekcji - Nauczysz się tworzyć płynne przewijanie do wybranych sekcji strony.Galeria obrazów - Zbudujesz atrakcyjną galerię obrazów z różnymi efektami.Działanie hover na liście - Zaimplementujesz różne efekty hover dla elementów listy.Podpowiedzi tooltip - Stworzysz podpowiedzi tooltip, które wyświetlają dodatkowe informacje po najechaniu.Prosta gra "Papier, kamień, nożyce" - Zbudujesz prostą grę "Papier, kamień, nożyce" w JavaScript.Tło gradientowe - Nauczysz się tworzyć tła gradientowe za pomocą CSS.Zmiana czcionki na stronie - Zaimplementujesz funkcję zmiany czcionki na stronie.Lista zakupów z możliwością zaznaczania - Stworzysz listę zakupów, na której można zaznaczać wykonane pozycje.Wyszukiwarka na stronie - Zbudujesz wyszukiwarkę, która umożliwia przeszukiwanie treści strony.Przełącznik języka - Zaimplementujesz funkcję zmiany języka strony.Efekt zwijania tekstu - Stworzysz efekt zwijania i rozwijania tekstu.Prosta strona portfolio - Zbudujesz prostą i elegancką stronę portfolio.Gra "memory" - Stworzysz grę "memory", która ćwiczy pamięć użytkownika.Filtrowanie listy - Nauczysz się filtrować listę elementów według różnych kryteriów.Generator haseł - Zbudujesz aplikację do generowania bezpiecznych haseł.Zmiana kursora - Zaimplementujesz różne style kursora na stronie.Timeline wydarzeń - Stworzysz interaktywną oś czasu do prezentacji wydarzeń.Zmiana stylów elementów - Nauczysz się dynamicznie zmieniać style elementów na stronie.Dynamiczne sortowanie tabeli - Zaimplementujesz funkcję sortowania danych w tabeli.Prosta gra w tic-tac-toe - Stworzysz prostą grę w kółko i krzyżyk.Licznik słów w czasie rzeczywistym - Zbudujesz licznik słów, który działa na bieżąco podczas pisania.Aktywacja przycisku po zaznaczeniu checkboxa - Zaimplementujesz funkcję aktywacji przycisku po zaznaczeniu pola wyboru.Śledzenie położenia kursora - Stworzysz aplikację śledzącą położenie kursora na stronie.Boczne menu z efektem przesuwania - Zaimplementujesz boczne menu, które przesuwa się w widoku.System zarządzania treścią (CMS) - Zbudujesz prosty CMS do zarządzania treściami na stronie.Aplikacja do rezerwacji z kalendarzem - Stworzysz aplikację do rezerwacji zintegrowaną z kalendarzem.Gra platformowa w HTML5 Canvas - Zaimplementujesz prostą grę platformową za pomocą Canvas.Symulacja fizyki z użyciem Canvas - Stworzysz symulację fizyki, wykorzystując możliwości Canvas.Implementacja algorytmów sortowania - Zaimplementujesz i zrozumiesz działanie różnych algorytmów sortowania.Zaawansowane filtrowanie produktów na stronie e-commerce - Nauczysz się tworzyć zaawansowane filtry produktów w sklepie internetowym.Przewodnik po stronie dla nowych użytkowników - Zbudujesz interaktywny przewodnik dla nowych użytkowników strony.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!