15 komponentów na strony WWW

Czego się nauczysz?

Odpowiadając na Wasze prośby i pytania, stworzyliśmy kurs, w którym powtórzysz swoją wiedzę z zakresu HTML, CSS oraz JS.

Co więcej, nauczysz się tworzyć popularne komponenty, które widzimy na tysiącach stron internetowych na całym świecie.

Wiedza, którą zdobędziesz podczas tego kursu jest szczególnie ważna na początku przygody ze światem tworzenia stron internetowych.

Możemy świetnie znać HTML, być mistrzami CSS-a oraz władać JavaScriptem niczym Pani Magda Gessler patelnią podczas przyrządzania smakowitej jajecznicy z bekonem, ale na nic to wszystko, jeśli brak nam doświadczenia.

Musimy nauczyć się specyficznego myślenia, aby móc wykorzystać pełen potencjał kodu.

Możemy oczywiście starać się samodzielnie wymyślić koło na nowo, ale jest to zadanie trudne i czasochłonne. 

Dlatego ten kurs pozwoli Ci oszczędzić mnóstwo czasu i przede wszystkim mnóstwo nerwów! 🙂 

Wymagania

Przed przystąpieniem do tego kursu warto:

Płatność za kurs

Akceptowane formy płatności: karta, przelew, BLIK, Apple Pay, Google Pay.

Kliknij czerwony przycisk Kup kurs.
Zostaniesz przeniesiony na naszą platformę kursową, na której można dokonać płatności.

Zniżki

Aktualne zniżki znajdziesz na Discordzie na kanale #zniżki.

Zostań częścią naszej społeczności i korzystaj ze specjalnych ofert! 🙂

Zwroty

Jeśli kurs Ci się nie spodoba, możesz go zwrócić w ciągu 14 dni od zakupu.

Zwrot nie przysługuje:

  • po upływie wyżej wymienionego terminu,
  • po przerobieniu więcej, niż 30% kursu,
  • w przypadku zakupu na fakturę.

Opinie o kursie:

Kurs był w przeszłości dostępny na platformie Udemy.
Jego ocena to 5/5 na podstawie 235 recenzji. 🙂

Ocena kursu z komponentami

Justyna P.
Kurs jest świetnym zwieńczeniem całej mapy.
 
Pomaga utrwalić materiał z poprzednich kursów + inspiruje do eksperymentowania i tworzenia swoich własnych komponentów.
 
Dziękuję za przekazaną wiedzę! 🙂
Polecam!
Radosław Ł.

Świetny kurs, jak wszystkie od Majka! Bardzo polecam. 🙂

Sebastian P.

Jasno wytłumaczone, przydatne komponenty.

Z pewnością będę używał i modyfikował na własne potrzeby, bo tego nas Majek uczy, żeby umieć sobie potem napisać własne komponenty.

Zacznę od modyfikacji, a potem kto wie. 😉

Kacper M.
Świetna powtórka z HTML, CSS i JS po przejściu całej mapy z kursami.
 
Duża dawka wiedzy przekazana jak zwykle w prosty sposób. 🙂 
Artur P.

100% spełnione oczekiwania. 👍

Praktyczne komponenty – dobre narzędzia do pracy.

Wszystko jasno, zwięźle i na temat bez zbytniego przeciągania.

Konrad W.
Świetnie wytłumaczone, ani przez sekundę nie wieje nudą.
Wysoki poziom, który towarzyszy od pierwszego odcinka!
 
Polecam! 🙂 
Mateusz P.

Każdy Kurs Mateusza można uznać za wybitny, wiele się dzięki nim nauczyłem.

Teraz trzeba zacząć zdobywać „świat”.

Dzięki Majek! Teraz wierzę, że mam odpowiednie kompetencje na zdobycie pracy w IT. 🙂 

Okładka kursu JavaScript

Informacje:

Cena:
199zł
Poziom:
średni
Czas trwania:
4.5h
Ilość lekcji:
60
Certyfikat ukończenia
Bezpłatne aktualizacje
Dożywotni dostęp

Plan kursu

#1 – Pulsujący przycisk

Przyjemny, pulsujący przycisk.

#2 – Nawigacja z wysuwaną wyszukiwarką

Wyszukiwarka ukryta w pasku nawigacji!

#3 – Menu tabs

Przydane „tabsy”, które urozmaicą treść na stronie!

#4 – Wskaźnik postępu w formularzach

Formularze nie muszą być nudne! Poprawmy UI oraz UX. 🙂

#5 – Akordeon

Kolejny widowiskowy komponent, dzięki któremu możemy prezentować dodatkową treść na stronie.

Bardzo przydatny przy FAQ!

#6 – Slider zdjęć

Prosty slider zdjęć. 😉 

#7 – Rozwijane slajdy

Piękno wykorzystania CSS i JS w najczystszej postaci. 👌

#8 – Animowany tekst

Popularny animowany tekst na strony WWW!

#9 – Przeciągana lista prezentów

A może by tak prezenty od Mikołaja? 🎄

#10 – Counter

Widowiskowe countery do prezentowania treści.

#11 – Timeline

Chcesz przedstawić coś w kolejności chronologicznej?

Timline nada się do tego wyśmienicie!

#12 – Cookie alert + localStorage

🍪 🍪 🍪!

#13 – Powiększanie zdjęć produktów

Bardzo użyteczne powiększanie zdjęć produktów na stronie!

#14 – Scrollspy

Podświetlanie linków w nawigacji w zależności od aktywnej sekcji zawsze wyglądało zacnie. 😎

#15 – Scrollbar i przycisk powrotu na górę

Kolejny dodatek wizualny dla naszej strony! Przydatny przy długich wpisach na bloga.

Lista odcinków

Komponent #1 – Pulsujący przycisk

Komponent #1 – Pulsujący przycisk

Komponent #1 – HTML & CSS

Komponent #1 – JS

Komponent #2 – Nawigacja z wysuwaną wyszukiwarką

Komponent #2 – Nawigacja z wysuwaną wyszukiwarką

Komponent #2 – HTML

Komponent #2 – CSS & JS

Wersja desktopowa

Komponent #3 – Menu tabs

Komponent #3 – Menu tabs

Komponent #3 – HTML

Komponent #3 – CSS

Komponent #3 – JS

Komponent #4 – Wskaźnik postępu w formularzach

Komponent #4 – Wskaźnik postępu w formularzach

Komponent #4 – HTML

Komponent #4 – CSS

Komponent #4 – JS cz. 1

Komponent #4 – JS cz. 2

Komponent #5 – Akordeon

Komponent #5 – Akordeon

Komponent #5 – HTML

Komponent #5 – CSS

Komponent #5 – JS

Komponent #6 – Slider zdjęć

Komponent #6 – Slider zdjęć

Komponent #6 – HTML

Komponent #6 – CSS

Komponent #6 – JS

Komponent #7 – Rozwijane slajdy

Komponent #7 – Rozwijane slajdy

Komponent #7 – HTML

Komponent #7 – CSS cz. 1

Komponent #7 – CSS cz. 2

Komponent #7 – JS

Komponent #8 – Animowany tekst

Komponent #8 – Animowany tekst

Komponent #8 – HTML & CSS

Komponent #8 – JS

Komponent #9 – Przeciągana lista prezentów

Komponent #9 – Przeciągana lista prezentów

Komponent #9 – HTML

Komponent #9 – CSS

Komponent #9 – JS

Komponent #10 – Counter

Komponent #10 – Counter

Komponent #10 – HTML & CSS

Intersection Observer

Komponent #10 – JS

Komponent #11 – Timeline

Komponent #11 – Timeline

Komponent #11 – HTML & CSS

Komponent #12 – Cookie alert + localStorage

Komponent #12 – Cookie alert + localStorage

Komponent #12 – HTML & CSS

Komponent #12 – JS

Komponent #13 – Powiększanie zdjęć produktów

Komponent #13 – Powiększanie zdjęć produktów

Komponent #13 – HTML, CSS & JS

Komponent #14 – Scrollspy

Komponent #14 – Scrollspy

Komponent #14 – HTML & CSS

Komponent #14 – JS

Komponent #15 – Scrollbar i przycisk powrotu na górę

Komponent #15 – Scrollbar i przycisk powrotu na górę

Komponent #15 – HTML & CSS

Komponent #15 – JS