Koszyk Koszyk
Menu
  • Wszystkie specjalizacje
    • Fotografia i Photoshop
    • Grafika i Interfejsy
    • Marketing i Biznes
    • Programowanie i WWW
    • Wideo i Audio
  • Wszystkie Zainteresowania
    • Administracja i DevOps
    • Aplikacje Mobilne
    • Back-end Development
    • Biznes i Startupy
    • CAD i BIM
    • Druk i DTP
    • Freelance i Produktywność
    • Front-end Development
    • Game Development
    • Grafika 3D
    • Języki Programowania
    • Montaż i Postprodukcja
    • Obróbka i Retusz Zdjęć
    • Podstawy Fotografii
    • Prawo i e-commerce
    • Produkcja Audio
    • Promocja i SEO
    • Rysunek i Concept Art
    • Technika filmowa
    • Techniki Fotografowania
    • UI & UX Design
    • Visual FX i Animacja
    • Wektory i Ilustracje
  • Wszystkie Technologie
    • .NET
    • Adobe XD
    • Affinity Designer
    • Affinity Photo
    • Affinity Publisher
    • After Effects
    • Android
    • Angular
    • Audio
    • AutoCAD
    • Biznes
    • Blender
    • Blockchain
    • Brand Design
    • C#
    • Camtasia
    • Capture One
    • Cinema 4D
    • Corel Draw
    • Creative Cloud
    • DaVinci Resolve
    • Dreamweaver
    • DTP
    • Excel
    • Figma
    • Flinto
    • Fotografia
    • Framer
    • Git
    • Google
    • Gulp.js
    • HTML i CSS
    • Illustrator
    • InDesign
    • InVision
    • iOS
    • Java
    • JavaScript
    • Joomla
    • Lightroom
    • Linux
    • Maya
    • Modo
    • MySQL
    • NodeJS
    • Photoshop
    • PHP
    • Premiere Pro
    • Principle
    • Python
    • ReactJS
    • Ruby
    • Rysunek i Concept Art
    • SEO
    • Sketch
    • Social Media
    • Symfony
    • Unity
    • User Experience
    • Vegas
    • Vue.js
    • Webpack
    • WordPress
    • ZBrush
    • Zend

Webpack

Czym jest: Webpack?

Webpack to tak zwany “bundler” - pomocnicze narzędzie na developerów, które potrafi wczytać plik JavaScript i wykonać na nim określone czynności. Należy do nich między innymi importowanie innego modułu oraz dołączenie go do kodu aplikacji, łączenie różnych skryptów oraz automatyzowanie - często skomplikowanego i pracochłonnego - procesu wczytywania wszystkich niezbędnych zależności, wynikających ze stosowania różnych frameworków, a następnie zamienienie ich na jeden, wynikowy plik. Następnie na bazie pliku webpack tworzy całe drzewo zależności i połączy wszystkie niezbędne komponenty.

Nauka korzystania z webpacka przekłada się na ogromną oszczędność czasu - praca z technologiami front-endowymi w ten sposób będzie dużo szybsza. Webpack, czyli pomocniczne narzędzie dla programistów, to zagadanienie z jakim powinni się zapoznać wszyscy, którzy mają już duże doświadczenie w tworzeniu stron w oparciu o HTML, CSS, JavaScript oraz różne frameworki. Oprócz tego przydatna będzie również znajomość standardu ES6 oraz preprocesorów Sass.

Tego, jak korzystać z webpacka, powinni nauczyć się doświadczeni programiści, którzy chcą przyspieszyć i zautomatyzować swoją pracę, pozbywając się konieczności wykonywania czasochłonnych i powtarzalnych czynności.

więcej... ukryj...

Zarobki ekspertów Webpack

Stanowiska: Junior Front-End Developer, Junior Back-End Developer, Senior Back-End Developer, Full-Stack Developer
Wynagrodzenia netto: 3500-6000 zł
Kto rekrutuje? WP, Samsung, ING, Samsung, WP, Samsung, Brain Jobs, WP, Nokia, Samsung, mBank, Asseco

zobacz oferty pracy
3 godziny

Kurs Webpack

Wydajna praca z JavaScript

Kurs, który masz przed soba, wprowadzi Cie od podstaw w swiat nowoczesnego podejscia do pracy z kodem JavaScript. Poznasz potezne narzedzie, jakim jest webpack 2. Umiejetnosc sprawnego wykorzystania webpacka pozwoli Ci pracowac z technologiami front-endowymi duzo sprawiej, wygodniej i przyjemniej. Byc moze miales juz do czynienia z tzw. automatorami zadan. Do najpopularniejszych naleza Gulp.js i Grunt.js. To swietne narzedzia, które odpowiednio skonfigurowane, pozwalaja znacznie uproscic prace nad rozwojem aplikacji internetowych. W ich przypadku, istotny jest jednak sposób, w jaki operuja one na plikach. Dzieje sie to bowiem w sposób liniowy, gdzie pewien zestaw plików, przepuszczamy przez kolejne transformacje. Dobrym przykladem moze byc kompilacja plików “.scss” do kodu CSS, a takze pózniejsza minifikacja tego kodu. Na poczatku wskazujemy pliki wejsciowe, nastepnie konfigurujemy odpowiedni plugin, który zajmie sie kompilacja Sass, a na koncu kolejny plugin, który zminifikuje kod. Innym przykladem moze byc laczenie wielu plików JavaScript w jeden czy optymalizacja obrazków. I choc automatory zadan sa wciaz bardzo przydatne, to my, jako programisci, powinnismy zawsze wybierac odpowiednie narzedzie, do odpowiedniego zadania. Do jakich zatem zadan przydatny bedzie webpack i czym rózni sie od wspomnianych automatorów zadan?

Piotr Palarz