Przejdź do treści
strefakursów

Kurs Webpack

Naucz się używać jednego z najważniejszych narzędzi w ekosystemie JavaScript.

4,8 54 opinie Autor: Mateusz Bogolubow
40 lekcji 23 pytania testowe Poziom: Średniozaawansowany Język: polski Certyfikat
119 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

JavaScript Front-end Developer

Szczegóły, które warto znać

8 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
40 lekcji wideo
Poziom: Średniozaawansowany
Testy i zadania
23 pytania testowe
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

Czego się nauczysz?

  • konfiguracji Webpack i automatyzacji pracy z kodem

  • wykorzystania modułowego JavaScript

  • wykorzystania możliwości ES6 w każdej przeglądarce

  • pracy z menadżerem pakietów NPM i zarządzania zależnościami

  • efektywnej pracy z użyciem developerskiego serwera

  • wykorzystania możliwości Webpack w aplikacjach React

  • testowania aplikacji na różnych urządzeniach dzięki BrowserSync

  • transpilacji JavaScript i dbania o kompatybilność ze starszymi przeglądarkami

Webpack to prawdziwy niezbędnik każdego developera JavaScript. To narzędzie, które umożliwi Ci podział aplikacji na moduły, zadba o minifikację plików, zoptymalizuje obrazy, wykona transpilację do wyjściowego kodu i wiele, wiele więcej.

Bez Webpack ciężko sobie wyobrazić pracę nad współczesnymi aplikacjami front-end. Nic dziwnego więc, że korzystają z niego miliony developerów i że jest kluczowym narzędziem pracy w takich firmach jak Facebook, Google, AirBnB czy Trivago.

Błyskawiczny start z webpack

Korzystając z tego kursu bardzo szybko opanujesz Webpack i będziesz mógł wykorzystać w praktyce jego niesamowite wręcz możliwości. Autor kursu pokaże ci krok po kroku wszystkie istotne techniki pracy. Przekonasz się, że relatywnie niewielki wysiłek poświęcony na poznanie tajników konfiguracji oraz używania Webpack bardzo szybko zwróci się w postaci wygodniejszej i przyjemniejszej pracy.

Nowoczesny JavaScript w każdej przeglądarce

Chcesz wykorzystać w swoim kodzie udogodnienia jakie oferuje ES6 i jednocześnie nie chcesz się martwić kompatybilnością ze starszymi przeglądarkami? Z Webpack to banalnie proste! Z tym kursem dowiesz się jak bezproblemowo zintegrować to narzędzie z popularnym transpilatorem Babel tak aby twój kod był przetwarzany automatycznie.

Optymalizacja plików

We współczesnych aplikacjach front-end niezwykle ważna jest wydajność. Z kursu dowiesz się m.in jak optymalizować pliki, tak aby czas wczytywania był jak najmniejszy. Poznasz techniki, które przydadzą się podczas minifikacji wszelkiego typu zasobów: plików JS, HTML, CSS, fontów oraz obrazów. Dzięki Webpack tego typu zadania będziesz mógł łatwo zautomatyzować i dzięki temu zyskasz sporo cennego czasu.

Wsparcie w codziennej pracy

Kolejny ważny temat poruszany w kursie to wykorzystanie różnych narzędzi wspomagających Twoją pracę. Nauczysz się używać serwera developerskiego do lokalnej pracy. Poznasz bardzo przydatne techniki testowania aplikacji dla różnych urządzeń z wykorzystaniem BrowserSync. Dowiesz się także jak przygotować odrębne konfiguracje dla wersji developerskiej oraz produkcyjnej.

Integracja z popularnymi bibliotekami

Możliwości Webpacka są często wykorzystywane podczas pracy z różnymi popularnymi bibliotekami front-end. Dlatego autor kursu sporo czasu poświęcił na takie właśnie zagadnienia. Będziesz miał świetną okazją aby dowiedzieć się jak wygląda integracja Webpack z takimi bibliotekami jak React albo Bootstrap 4.

Kurs zgodny z Webpackiem w wersji 3 i 4.

Kup w pakiecie i oszczędź

Kurs Webpack

Kurs Webpack

4.8 (54)

119 zł

Kurs Node.js - dynamiczne aplikacje

Kurs Node.js - dynamiczne aplikacje

4.8 (154)

119 zł

Cena za zakup pakietu

190 zł 238 zł −20%

Oszczędzasz w pakiecie: 48 zł

Zyskujesz 19.04 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

8 modułów · 40 lekcji

1 · Wprowadzenie
  • Wstęp 00m 54s
  • Jak korzystać z kursu oraz plików? 02m 42s
  • Czym jest webpack? 04m 33s
  • Moduły w JS 10m 02s
  • Instalacja node.js 06m 35s
  • Menadżer pakietów (npm) oraz terminal 21m 48s
2 · Podstawy konfiguracji
  • Konfiguracja Webpacka 25m 39s
  • Loaders - działanie uzależnione od typu pliku 21m 19s
  • Plugins - operacje na pliku bundle 21m 28s
3 · Babel
  • Transpilacja kodu do standardu ES5 09m 18s
  • Transpilacja za pomocą preset-env oraz pliku .babelrc 06m 51s
  • Polyfill - wsparcie dla starszych przeglądarek 09m 15s
  • Transform-runtime - alternatywa dla polyfill 06m 48s
  • Podsumowanie 11m 09s
4 · Zarządzanie zależnościami innymi niż pliki JS
  • Ładowanie CSS 09m 43s
  • Style w zewnętrznym pliku 14m 36s
  • PostCSS i automatyczne uzupełnianie vendor prefixes 15m 14s
  • Obsługa plików .scss 09m 40s
  • Instalacja Bootstrap 4 11m 36s
  • Zarządzanie obrazami 13m 53s
  • Ładowanie czcionek (fonts) 11m 16s
  • Automatyczne generowanie pliku HTML 17m 30s
  • React - transpilacja kodu JSX 11m 00s
  • React - CSS Modules - zarządzanie stylami 11m 34s
5 · Webpack-dev-server
  • Podstawowa konfiguracja 14m 50s
  • React HMR - przeładowywanie z zachowaniem “state” 11m 32s
  • Browser-sync - obsługa wielu urządzeń na raz 07m 04s
6 · Optymalizacja
  • Minifikacja plików 18m 33s
  • Optymalizacja obrazów 07m 02s
  • Kompresowanie plików 06m 43s
  • Code splitting - dzielenie kodu i dynamiczne ładowanie 22m 38s
7 · Wersja produkcyjna vs deweloperska
  • Wersja produkcyjna - wprowadzenie 10m 06s
  • Wersja produkcyjna - kontynuacja 21m 29s
  • Wersja produkcyjna - uruchomienie 07m 14s
  • Wersja developerska 18m 53s
  • Wersja deweloperska - HMR i dynamiczne ładowanie 05m 30s
8 · Webpack 4
  • Konfiguracja 06m 34s
  • Aktualizacja paczek i zmiany w konfiguracji dla "production" 12m 54s
  • Zmiany w konfiguracji dla "development" 08m 09s
  • Zakończenie 00m 41s

Twój instruktor

Mateusz Bogolubow

Mateusz Bogolubow

Senior WebDeveloper

Z branżą IT związany od 2004r. Realizuje głównie projekty oparte na technologiach JavaScript i PHP. Zajmuje się prowadzeniem szkoleń i wsparciem firm w zakresie IT. Wolny czas wypełnia aktywnością fizyczną.

Opinie kursantów

5,0 Zweryfikowana
„Na chwilę obecną chyba najlepszy kurs w jakim brałem udział na Strefie Kursów. Prowadzi przez obsługę Webpacka krok po kroku przy tworzeniu prostego projektu. Dodatkowo pojawiają się informacje o najnowszej wersji Webpacka i migracji ustawień z wersji poprzedniej. Rozumienie tego kursu na pewno ułatwi znajomość Node.js."
Czytaj więcej
K Karol Szulc zweryfikowany kursant
5,0 Zweryfikowana
„Najbardziej podoba mi się w tym kursie to, że praktycznie każdy krok jest dobrze tłumaczony i pozwala ci się poczuć pewnie. Webpack jest znany ze swojej skomplikowanej konfiguracji, z gąszczu pluginów i loaderów, ale po tych ośmiu godzinach szkolenia nie stanowi to już problemu."
A Artur Szarkowicz zweryfikowany kursant
5,0 Zweryfikowana
„Dobry kurs wprowadzający w świat webpacka, na początek wystarczy aby zacząć pracę z tym automatyzatorem zadań. Polecam wszystkim, którzy chcą poznać podstawy wystarczające do pracy. Dobra robota!"
R Radosław Tkacz zweryfikowany kursant
5,0 Zweryfikowana
„Polecam kurs Webpack który szczegółowo i w prosty sposób wyjaśnił mi wszystkie zawiłości związane z używaniem Webpacka w swoich aplikacjach. Dla mnie ten kurs jest bardzo dobry i wyjaśnił mi wszystkie wątpliwości"
P Piotr B 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

JavaScript Front-end Developer Narzędzia programistyczne JavaScript

Zobacz też

Podobne kursy

Kurs Programowanie asynchroniczne w JavaScript

Programowanie

Kurs Programowanie asynchroniczne w JavaScript

4.9 (90)

119 zł

Kurs Gatsby.js - łatwe tworzenie wydajnych stron

Programowanie

Kurs Gatsby.js - łatwe tworzenie wydajnych stron

4.9 (20)

149 zł

Ekosystem JavaScript - wprowadzenie

Programowanie

Ekosystem JavaScript - wprowadzenie

4.9 (268)

119 zł

Jak zostać Full Stack Developerem

IT i oprogramowanie

Jak zostać Full Stack Developerem

4.8 (99)

119 zł

Kurs ES6 nowa generacja JavaScript

Programowanie

Kurs ES6 nowa generacja JavaScript

4.9 (106)

119 zł

Kurs Node.js - dynamiczne aplikacje

Programowanie

Kurs Node.js - dynamiczne aplikacje

4.8 (154)

119 zł

Kurs Programowanie funkcyjne w JavaScript

Programowanie

Kurs Programowanie funkcyjne w JavaScript

4.9 (96)

119 zł

Kurs Programowanie obiektowe w JavaScript

Programowanie

Kurs Programowanie obiektowe w JavaScript

4.9 (91)

119 zł

Kurs JavaScript od podstaw

Programowanie

Kurs JavaScript od podstaw

4.7 (31)

149 zł

Kurs Next.js od podstaw - praktyczny projekt aplikacji

Programowanie

Kurs Next.js od podstaw - praktyczny projekt aplikacji

4.6 (12)

169 zł

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

4,8

JavaScript Front-end Developer

Zostań developerem najpopularniejszego języka współczesnej sieci Web. Zdobądź niezbędne umiejętności i pracuj w niezwykle dynamicznej dziedzinie.

576 wykładów 15791 uczestników
Dowiedz się więcej

Dostęp od razu po zakupie

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