✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Programowanie

Kurs HTML i JavaScript - praktyczne projekty:Trailer

Poznaj zaawansowane możliwości HTML5 i JavaScript. Wykorzystaj je by tworzyć atrakcyjne i nowoczesne witryny.

Kurs HTML i JavaScript - praktyczne projekty:Funkcja kompletnego czasu filmu

Poznaj zaawansowane możliwości HTML5 i JavaScript. Wykorzystaj je by tworzyć atrakcyjne i nowoczesne witryny.

Kurs HTML i JavaScript - praktyczne projekty:Definicja oraz wykorzystanie obiektów klasy animującej

Poznaj zaawansowane możliwości HTML5 i JavaScript. Wykorzystaj je by tworzyć atrakcyjne i nowoczesne witryny.

Kurs HTML i JavaScript - praktyczne projekty:Defnicja javascript funkcji odliczającej czas

Poznaj zaawansowane możliwości HTML5 i JavaScript. Wykorzystaj je by tworzyć atrakcyjne i nowoczesne witryny.

DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

Web Designer

21094 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Opinie użytkowników

Artur Gręziak

5.0

Html5 i JavaScript to dwie najciekawsze programistyczne technologie obecnego czasu.Najłatwiej na rynku o pracę w tej dziedzinie.

Mateusz Kosmalski

5.0

Super przykłady !! bardzo mi pomogły ;-)

Zobacz wszystkie

Czego się nauczysz:

definiowania bardziej złożonej struktury HTML

implementowania zaawansowanych rozwiązań JavaScript

uzupełniania layoutu strony o dodatkowe elementy

pracy z technologią Canvas

wykorzystania możliwości biblioteki jQuery

umieszczania na stronie obiektów audio i wideo

implementacji klas animujących

technik inkrementacji i dekrementacji

Chcesz rozwinąć umiejętności pracy z HTML5 i JavaScript? Zależy Ci na tym, by tworzyć bardziej atrakcyjne strony dla swoich klientów? A może chcesz po prostu wprowadzić nowoczesne rozwiązania na swojej witrynie? Dzięki temu szkoleniu zdobędziesz umiejętności, które pomogą Ci w każdym z tych zadań. W trakcie kursu tworząc aż 6 zróżnicowanych projektów, zdobędziesz praktyczną wiedzę między innymi na temat: wykorzystania biblioteki jQuery, technologii Canvas, umieszczania na stronie obiektów audio, wideo i wiele więcej. Szkolenie to będzie też doskonałą okazją, aby utrwalić wiedzę z podstaw HTML i JavaScript.

Nowoczesne projekty

Niemal 100% szkolenia, które dla Ciebie przygotowałem opiera się na pracy z projektami. Po jego ukończeniu z powodzeniem będziesz mógł wdrożyć je na dowolnej stronie lub po prostu wykorzystać zdobytą wiedzę do stworzenia podobnych rozwiązań. W trakcie kursu zbudujemy: player audio i wideo, timer odliczający czas, animowany tekst, czytelny formularz rejestracji i logowania oraz efektowną “pogodynkę” prezentującą różne warunki atmosferyczne. Każdy z tych projektów będzie dla Ciebie okazją do zdobycia innych przydatnych umiejętności.

Sprawdzone rozwiązania

W trakcie kursu poznasz szerokie zastosowanie HTML5 i JavaScript. Nauczysz się używać tych technologii w znacznie większym zakresie niż do tej pory. W pracy nad naszymi projektami wykorzystamy między innymi Canvas czy bibliotekę jQuery. Zobaczysz jak zastosować funkcje odliczające czas, dodać świetnie wyglądający gradient w playerze czy wyświetlać zmienne dane za pomocą JavaScript. Poznasz też praktyczne wykorzystanie mechanizmu localStorage w przeglądarce oraz obsługę formularza za pomocą jQuery.

Użyteczność

Tworząc stronę internetową musisz zadbać nie tylko o jej walory estetyczne, ale przede wszystkim o użyteczność dla użytkownika. Nie będziemy wprawdzie w tym kursie zajmować się tematami z zakresu UX i UI, ale na przykładach naszych projektów pokażę Ci na co warto zwrócić uwagę. Dowiesz się między innymi jak zadbać o odpowiedni layout przycisków odtwarzaczy audio i wideo. Pokażę Ci jak przygotować czytelny i intuicyjny formularz rejestracji czy odpowiednio rozmieścić dużą liczbę danych na przykładzie projektu wyświetlającego dynamiczne informacje pogodowe. Podpowiem Ci również jak zadbać o efekty animacji, tak by nie przesadzić z nimi na stronie.

Co jeszcze warto wiedzieć?

W trakcie szkolenia pracujemy głównie z technologiami HTML, JavaScript i CSS, więc podstawy pracy z nimi będą wymagane do komfortowej pracy i zrozumienia zagadnień poruszanych w kursie. Jeżeli jeszcze nie zdobyłeś takiej wiedzy, możesz to szybko nadrobić korzystając z naszych szkoleń.

ZOBACZ WIĘCEJ

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

1 Zarys teoretyczny

Wstęp 01m 36s

Jak korzystać z materiałów? 03m 35s

JavaScript drogą do profesjonalizmu 03m 42s

Język HTML 5 narzędziem merytorycznego przekazu 03m 29s

Możliwości technologii Canvas 02m 06s

Możliwości obiektów audio i video 02m 08s

2 Projekt Playera Audio

Wirtualny serwer XAMPP 04m 01s

Szkielet HTML z własną warstwą controls 17m 27s

Szkielet HTML ze statyczną listą piosenek 11m 00s

Implementacja funkcji odtwarzania i pauzowania utworów 19m 37s

Prosta technika inkrementacji oraz dekrementacji 21m 51s

Funkcja wyciszająca oraz przywracająca dźwięk utworu 07m 09s

3 Projekt Playera Video

Szkielet HTML z wykorzystaniem gradientu 15m 23s

Odtwarzenie, pauzowanie oraz funkcja progresu 16m 13s

Funkcja bieżącego czasu trwania filmu 16m 08s

Funkcja kompletnego czasu filmu Podgląd 12m 30s

Wyciszanie dźwięku oraz funkcja tworząca animowany gradient 16m 40s

4 Projekt Odliczania Czasu "Timer"

Omówienie dokumentu HTML oraz przygotowanie zmiennych javascript 14m 38s

Wykorzystanie mechanizmu przeglądarki localStorage 14m 29s

Implementacja funkcji odliczających czas 14m 07s

Implementacja funkcji wyświetlającej obiekty canvas 14m 02s

5 Projekt Cząsteczek Tekstowych

Stworzenie obiektu canvas z wykorzystaniem javascript 14m 19s

Implementacja klasy animującej kolor na tekście 20m 05s

Definicja oraz wykorzystanie obiektów klasy animującej Podgląd 07m 31s

6 Projekt Pogoda

Implementacja HTML pierwszej kolumny 10m 17s

Implementacja pozostałej struktury dokumentu HTML 11m 11s

Defnicja javascript funkcji odliczającej czas Podgląd 06m 28s

Zmiana wyświetlania danych z wykorzystaniem javascript 17m 14s

7 Projekt Formularza

Struktura HTML w zakresie opcji rejestrowania 12m 27s

Druga część HTML w zakresie opcji logowania 05m 08s

Obsługa formularza z wykorzystaniem biblioteki jQuery 17m 57s

Zakończenie 00m 51s

Ocena uczestników

55041 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2914 wszystkich opinii.

86%

Recenzje użytkowników (63)

Justyna Rostocka

3 czerwca 2025

5.0

Świetny kurs online – konkretny, przystępny i pełen praktycznej wiedzy!

Bartosz Beresiński

25 maja 2025

5.0

Bardzo dobre kursy

Michał Hader

18 kwietnia 2025

5.0

Super!

Kamil Świokło

28 marca 2025

5.0

teraz będzie mi się zdecydowanie efektywniej pracować, dziękuję ;)

Tomasz Garbacz

1 grudnia 2024

5.0

Dla każdego coś dobrego polecam

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat - będzie on dostępny na platformie szkoleniowej w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017). Ten numer również będzie widoczny na certyfikacie.

Certyfikat możesz wydrukować (plik pdf) lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz proformy do opłacenia zamówienia, złóż zamówienie zaznaczając w formularzu pole "Chcę otrzymać dokument proforma" lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Zakup w aplikacji mobilnej strefakursów.pl, a faktura

Zakup w App Store(iOS)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na iOS za pośrednictwem Apple Pay sprzedawcą jest Apple. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz Ustawienia na iPhone
Kliknij swoje imię i nazwisko na górze ekranu, aby przejść do ustawień Apple ID.
Wybierz Multimedia i zakupy > Pokaż konto.
Przewiń w dół i wybierz Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły oraz możliwość pobrania faktury.

Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz aplikację Google Play.
Kliknij ikonę swojego profilu w prawym górnym rogu.
Wybierz Płatności i subskrypcje > Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Bartosz Szmit

Inżynier technologii internetowych

4.8

(63 ocen)

Kurs HTML i JavaScript - praktyczne projekty

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

Poznaj zaawansowane możliwości HTML5 i JavaScript. Wykorzystaj je by tworzyć atrakcyjne i nowoczesne witryny.

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

Dożywotni, nielimitowany dostęp do kursu

36zł

119zł

2025-08-22

1276

⏰ To szkolenie kupisz 70% taniej jeszcze tylko przez: 05 : 23 : 21 : 19

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp online

Certyfikat ukończenia

6 godzin szkolenia

32 wykładów

Poziom: Średniozaawansowany

Testy i zadania

20 pytań testowych

Rekomendacje na LinkedIn

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Powiązane tematy:

Ten kurs jest częścią ścieżki

4.8

Web Designer

Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!

754 wykładów

21094 uczestników

Dowiedz się więcej