CSS Flexbox & Grid - responsywne layouty od podstaw        |         -20% z kodem: FLEXBOX       |         Rabat ważny do poniedziałku  
Szkolenia
strefakursów.pl Programowanie
DARMOWE FRAGMENTY

Kurs Webpack

Naucz się używać jednego z najważniejszych narzędzi w ekosystemie JavaScript.
89
+890 punktów premium
Zacznij naukę teraz, zapłać w ciągu 21 dni!
12 recenzji
8 godzin
40 wykładów
1 materiał szkoleniowy
Twisto
Płatności twisto

Czego się nauczysz?

  • konfiguracji Webpack i automatyzacji pracy z kodem

  • wykorzystania modułowego JavaScript

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

  • 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

Błyskawiczny start z webpack

Nowoczesny JavaScript w każdej przeglądarce

Optymalizacja plików

Wsparcie w codziennej pracy

Integracja z popularnymi bibliotekami

ZOBACZ WIĘCEJ
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
5 5 12
5.0
100%
0%
0%
0%
0%
Recenzje użytkowników (12)
5
PROFIL PUBLICZNY
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!
5
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.
5
Kurs krok po kroku odsłania tajniki pracy z Webpackiem. Wreszcie zrozumiałem dlaczego używa się przeróżnych wpisów konfiguracyjnych i pluginów. Cieszy mnie też fragment kursu z aktualizacją informacji o Webpacku w wersji 4. Polecam.
5
PROFIL PUBLICZNY
Wcześniej nie miałem wielu kontaktów z front-endem. Za Webpacka zabierałem się kilka razy. Jednak dopiero ten kurs pozwolił mi zebrać wiedzę w jedno miejsce i uporządkować swoje podejście.
5
PROFIL PUBLICZNY
Po prostu rewelacyjny kurs, który powinien obejrzeć każdy kto chce na serio zajmować się Frondend-em. Kurs podsunął mi pomysł, który pozwoli mi być może uruchomić na starszych przeglądarkach internetowych strony oparte na nowszych Frontend-owych Frameworkach.
Mateusz Bogolubow

Mateusz Bogolubow

Senior WebDeveloper

5.0
Kurs Webpack
Naucz się używać jednego z najważniejszych narzędzi w ekosystemie JavaScript.
Informacje o szkoleniu
  • Poziom Średniozaawansowany
  • Nielimitowany dostęp
  • Możliwość pobrania pliku
  • Dodatkowe materiały
  • Testy, ćwiczenia
  • Certyfikat ukończenia
  • Dostęp z urządzeń mobilnych
89
+890 punktów premium
Ten kurs jest częścią ścieżki
4.7
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.
508 wykładów
5602 uczestników
Dowiedz się więcej
Ścieżka kariery - JavaScript Front-end Developer
Tylko teraz możesz odebrać rabat na pierwsze zamówienie
Dlaczego warto?
Będziesz regularnie otrzymywał atrakcyjne rabaty
Nie przegapisz żadnej z naszych promocji
Będziesz informowany o aktualnych konkursach
Nie wysyłamy spamu
Nie, dziękuję, kupię bez zniżki
strefakursów.pl korzysta z plików cookie, aby dostosować usługi do Twoich preferencji. Niektóre pliki cookie są zaś niezbędne do prawidłowego działania witryny. Dzięki nim możemy wyświetlać Ci spersonalizowane oferty i informacje o promocjach, zarówno w witrynach strefakursów.pl, jak i na innych stronach. Oczywiście to Ty decydujesz. Możesz w każdej chwili określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
AKCEPTUJĘ PLIKI COOKIE