✅ 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 Webpack:Trailer

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

Kurs Webpack:Transpilacja za pomocą preset-env oraz pliku .babelrc

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

Kurs Webpack:Browser-sync - obsługa wielu urządzeń na raz

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

Kurs Webpack:Kompresowanie plików

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

DARMOWE FRAGMENTY

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

JavaScript Front-end Developer

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

Opinie użytkowników

Karol Szulc

5.0

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.… Czytaj więcej

Artur Szarkowicz

5.0

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.

Zobacz wszystkie

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.

ZOBACZ WIĘCEJ

Często kupowane w pakiecie
50% taniej tylko do środy!

Kurs Webpack

49 recenzji

Poziom Średniozaawansowany

40 wykładów

4.8

99zł

Kurs Node.js - dynamiczne aplikacje

Razem do zapłaty

94 zł

-50% 188 zł

+940 punktów premium

KUP W PAKIECIE

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 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 Podgląd 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 Podgląd 07m 04s

6 Optymalizacja

Minifikacja plików 18m 33s

Optymalizacja obrazów 07m 02s

Kompresowanie plików Podgląd 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

Ocena uczestników

50990 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 2701 wszystkich opinii.

92%

Recenzje użytkowników (49)

Luiza Serafin

26 listopada 2024

5.0

Jasno przedstawione najważniejsze aspekty :)

Robert Sajdak

13 listopada 2024

5.0

Chyba najlepszy kurs w jakim uczestniczyłem dotyczący rozległej tematyki Webpack i jego konfiguracji.

Wojciech Dąbek

10 października 2024

5.0

Polecam

Fabian Grikień

25 lipca 2024

5.0

super kurs

Hubert Zgoła

1 maja 2024

5.0

Dobry kurs!

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 szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

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.

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 dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", 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.

Mateusz Bogolubow

Senior WebDeveloper

4.8

(49 ocen)

Kurs Webpack

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