Przejdź do treści
strefakursów

Kurs HTML i JavaScript - praktyczne projekty

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

4,8 69 opinii Autor: Bartosz Szmit
32 lekcje 20 pytań testowych Poziom: Średniozaawansowany Język: polski Certyfikat
149 zł

Dostęp od razu po zakupie

Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.

Dodaj do listy życzeń

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

Web Designer

Szczegóły, które warto znać

6 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
32 lekcje wideo
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

Opis szkolenia

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ń.

Kup w pakiecie i oszczędź

Flexbox & Grid - responsywne layouty od podstaw

Flexbox & Grid - responsywne layouty od podstaw

4.8 (111)

119 zł

Kurs HTML i JavaScript - praktyczne projekty

Kurs HTML i JavaScript - praktyczne projekty

4.8 (69)

149 zł

Cena za zakup pakietu

214 zł 268 zł −20%

Oszczędzasz w pakiecie: 54 zł

Zyskujesz 21.44 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

7 modułów · 32 lekcje

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 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 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 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

Twój instruktor

Bartosz Szmit

Bartosz Szmit

Inżynier technologii internetowych

Posiada bogate doświadczenie głównie w pracy z technologiami frontendowymi: HTML5, CSS3, JavaScript i jQuery, ale nie są mu również obce narzędzia backendowe. Lubi dzielić się swoją wiedzą, chętnie pomaga w nauce programowania i matematyki studentom uczelni wyższych. W wolnych chwilach zajmuje się pisaniem muzyki na potrzeby teatru i filmu.

Opinie kursantów

5,0 Zweryfikowana
„Html5 i JavaScript to dwie najciekawsze programistyczne technologie obecnego czasu.Najłatwiej na rynku o pracę w tej dziedzinie."
A Artur Gręziak zweryfikowany kursant
5,0 Zweryfikowana
„Super przykłady !! bardzo mi pomogły ;-)"
M Mateusz Kosmalski zweryfikowany kursant
5,0 Zweryfikowana
„Dobrze poprowadzony od strony merytorycznej kurs. Spora dawka wiedzy oparta o kilka praktycznych projektów, które samodzielnie można rozbudować w przyszłości. Polecam!"
R Robert Sajdak zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. 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ść swoje 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 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 kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie 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. Certyfikat możesz wydrukować 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 wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



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ę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy
Sprawdź zakup firmowy

Powiązane tematy

Web Designer Tworzenie stron internetowych Języki programowania JavaScript HTML CSS

Zobacz też

Podobne kursy

Flexbox & Grid - responsywne layouty od podstaw

Programowanie

Flexbox & Grid - responsywne layouty od podstaw

4.8 (111)

119 zł

Warsztaty tworzenia stron internetowych

Programowanie

Warsztaty tworzenia stron internetowych

5.0 (119)

119 zł

Fundamenty CSS - stylowanie stron od podstaw

Programowanie

Fundamenty CSS - stylowanie stron od podstaw

4.9 (121)

159 zł

Produktywne tworzenie stron z LESS & SASS

Programowanie

Produktywne tworzenie stron z LESS & SASS

4.9 (236)

119 zł

Kurs Bootstrap 4 - od podstaw

Programowanie

Kurs Bootstrap 4 - od podstaw

5.0 (193)

119 zł

Kurs Bootstrap 4 - praktyczny projekt

Programowanie

Kurs Bootstrap 4 - praktyczny projekt

4.9 (127)

119 zł

Fundamenty języka HTML - kodowanie stron od podstaw

Programowanie

Fundamenty języka HTML - kodowanie stron od podstaw

4.9 (178)

159 zł

Kurs Metodologia BEM - jak pisać dobry kod CSS

Programowanie

Kurs Metodologia BEM - jak pisać dobry kod CSS

4.9 (38)

129 zł

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

Programowanie

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

4.8 (39)

159 zł

Kurs Tworzenie stron internetowych - praktyczne projekty

Programowanie

Kurs Tworzenie stron internetowych - praktyczne projekty

4.9 (48)

159 zł

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!

675 wykładów 21578 uczestników
Dowiedz się więcej

Dostęp od razu po zakupie

149 zł

Zwrot w 3 krokach

Masz 30 dni na zwrot od daty zakupu.

  1. 1

    Zleć zwrot jednym kliknięciem

    Przejdź do Historii zamówień i wybierz „Dokonaj zwrotu" przy zamówieniu, które chcesz zwrócić.

  2. 2

    Potwierdzamy zwrot

    Dostajesz potwierdzenie przyjęcia zwrotu - zwykle w 1 dzień roboczy.

  3. 3

    Pieniądze wracają

    Tą samą metodą, którą zapłacono - zwykle w 3-5 dni roboczych, maksymalnie 14 dni.

Pełne warunki znajdziesz w regulaminie zakupów.

Kod na pierwszy zakup

Odbierz 10% rabatu na pierwsze zamówienie

Dołącz do newslettera z promocjami i odbierz kod rabatowy.

Jest z nami już ponad 106 tys. subskrybentów

Podając adres e-mail zapisujesz się do newslettera i akceptujesz politykę prywatności. W każdej chwili możesz się wypisać.

Ups! Coś poszło nie tak

Zabezpieczenie antybotowe uznało, że Twoje ostatnie zgłoszenie mogło pochodzić od bota, i je zablokowało. Spróbuj ponownie. W razie problemów skontaktuj się z nami.