Kurs C# - programowanie w LINQ    |     20% rabat z kodem: LINQ20   |   Zapłać z Twisto za 21 dni    |    
Szkolenia
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! Shape Created with Sketch.
9 recenzji
8 godzin
40 wykładów
1 materiał szkoleniowy
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.0
100%
0%
0%
0%
0%
Recenzje użytkowników (9)
Piotr Skrobol
black-user-shape Created with Sketch. 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… Czytaj więcej
Paweł Wilczek
black-user-shape Created with Sketch. 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… Czytaj więcej
Kamil Rogala
Z tej wiedzy skorzystasz na codzień- webpack nie ma sobie równych wśród module bundlerów, a jego dynamiczny rozwój i kompleksowość sprawiają że wypiera powoli nawet task runnery-… Czytaj więcej
Adrian Solarz
Pracuj szybciej...wydajniej...produktywniej...Dzięki kursowi Webpack przestaje być obcy:) Od konfiguracji po praktyczne zastosowanie. Myślę że kurs przyda się każdemu kto chce… Czytaj więcej
Dariusz Sibik
Bardzo dobry kurs, według mnie najlepszy jaki do tej pory wykupiłem. Omawia Webpack i jego konfiguracje wraz z zależnościami które warto poznać. Dodatkowo css, js i troche React. Czytaj więcej
Mateusz Bogolubow

Mateusz Bogolubow

Senior WebDeveloper

5.0
Kurs Webpack
Informacje o szkoleniu
  • Poziom Średniozaawansowany
  • Nielimitowany dostęp
  • Możliwość pobrania pliku
  • Darmowe aktualizacje
  • 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.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.
654wykładów
4703 uczestników
Dowiedz się więcej
Ścieżka kariery - JavaScript Front-end Developer
Group 51 Created with Sketch.
close Created with Sketch.
Tylko teraz możesz odebrać rabat na pierwsze zamówienie
Dlaczego warto?
Shape Created with Sketch. Będziesz regularnie otrzymywał atrakcyjne rabaty
Shape Created with Sketch. Nie przegapisz żadnej z naszych promocji
Shape Created with Sketch. Będziesz informowany o aktualnych konkursach
Shape Created with Sketch. 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