• Tylko online

Kurs Webpack - wersja ON-LINE

Indeks: KRW-11439 EAN: 5904422340100

Kurs przeznaczony dla osób, które chcą nauczyć się używać jednego z największych narzędzi w ekosystemie JavaScript. Webpack to narzędzie umożliwiające podział aplikacji na moduły, minifikację plików, optymalizowanie obrazów, wykonanie transpilacji do wyjściowego kodu i wiele więcej. 

Kurs Webpack - wersja ON-LINE
99,00 zł
80,49 zł netto
Zapłać później
Producent: Strefa kursów

Kupując ten produkt, nie będziesz miał możliwości wyboru płatności za pobraniem.

Czego się nauczysz?

  • Jak konfigurować i automatyzować pracę z kodem
  • Jak zarządzać zależnościami oraz pracować z menedżerem pakietów NPM
  • Jak wykorzystać efektywnie serwer deweloperski
  • Jak wykorzystać BrowserSync do testowania aplikacji na różnych urządzeniach
  • Jak używać modułowy JavaScript
  • Jak wykorzystać możliwości Webpack w aplikacji React
  • Jak transpilować JavaScript oraz jak zadbać o kompatybilność ze starszymi przeglądarkami

Kurs zgodny z Webpackiem w wersji 3 i 4.

Dla kogo jest ten kurs?

Kurs pokazuje jak korzystać z jednego z najważniejszych narzędzi należących do środowiska JavaScript. Webpack potrafi dzielić aplikację na moduły, dba o minifikację plików, optymalizację obrazów, wykonuje transpilację do kodu wyjściowego i wiele więcej. 

Webpack jest niezbędny w pracy nad obecnymi aplikacjami front-end. Wykorzystują go miliony deweloperów. Stanowi zasadnicze narzędzie dla firm takich jak Facebook, Google, AirBnB czy Trivago.

 

Wybierając ten kurs, dowiesz się znacznie więcej!

Uwaga!

Instrukcję pobrania oraz kod otrzymasz od nas na podany podczas składania zamówienia adres

e-mail najpóźniej w następnym dniu roboczym po otrzymaniu wpłaty.

 

Błyskawiczny start z Webpack

Nowoczesny JavaScript w każdej przeglądarce

Nie wiesz czy używając w swoim kodzie usprawnienia jakie oferuje ES6, będzie on działać na starszych przeglądarkach? Webpack Ci w tym pomoże! W kursie wyjaśni Ci autor jak bezproblemowo zintegrować to narzędzie z popularnym transpilatorem Babel, tak aby Twój kod był automatycznie przetwarzany.

Optymalizacja plików

Wsparcie w codziennej pracy

Bardzo ważnym tematem jest wykorzystywanie narzędzi wspomagających pracę. Kurs naucza po kolei jak używać serwera developerskiego do lokalnej pracy, jakie są techniki testowania aplikacji dla różnych urządzeń z wykorzystaniem BrowserSync. Przygotuje Cię także do stworzenia odrębnej konfiguracji dla wersji developerskiej oraz produkcyjnej.

Integracja z popularnymi bibliotekami

Autor kursu skupił się najbardziej nad możliwościami Webpacka, ponieważ często są one wykorzystywane podczas pracy z różnymi popularnymi bibliotekami front-end. Jako uczeń masz świetną okazję, aby dowiedzieć się jak wygląda integracja Webpack z takimi bibliotekami jak React albo Bootstrap 4.

Jak korzystać z kursu?

Kupując kurs otrzymujesz dostęp do naszej platformy szkoleniowej. Aby korzystać ze szkolenia, potrzebujesz jedynie dostępu do internetu. Kursy możesz wygodnie oglądać przez dowolną przeglądarkę lub aplikację mobilną na system Android iOS.

 

Spis treści

  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
  •  Podstawy konfiguracji
      • Konfiguracja Webpacka 25m 39s
      • Loaders - działanie uzależnione od typu pliku 21m 19s
      • Plugins - operacje na pliku bundle 21m 28s
  •  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
  •  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
  •  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
  •  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
  •  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
  •  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

    Szerokość opakowania 0.1 cm
    Wysokość opakowania 0.1 cm
    Głębokość opakowania 0.1 cm
    Masa opakowania 0.1 kg

    Jako pierwszy zadaj pytanie dotyczące tego produktu!

    Klienci którzy zakupili ten produkt kupili również:

    Produkty z tej samej kategorii: