Webpack 2 – jak rozpocząć z nim pracę? Recenzja kursu na eduweb.pl.

Webpack  to jedno z niezbędnych narzędzi w warsztacie każdego Front-End Developera. Jeżeli chcesz swobodnie używać np. z Angulara lub Reacta to umiejętność pracy z Webpackiem jest niezbędna. Gdzie zdobyć wiedzę na temat Webpacka w odsłonie numer 2? Skorzystaj z eduweb.pl 🙂 Dzisiaj recenzja kursu “Kurs Webpack – Wydajna praca z JavaScript”.

Czym jest eduweb.pl?

Na wypadek gdyby ktoś nie znał – eduweb.pl jest serwisem oferującym całą masę kursów z web developmentu i designu. Jednak to nie wszystko bo oferta portalu jest naprawdę szeroka. Jest to takie polskie udemy.com czyli dużo dobrej zawartości. Nie będę się tutaj rozpisywał. Jeśli zajmujesz się szeroko pojętym internetem to polecam sprawdzić. Znajdziesz tam coś dla siebie 🙂

Kurs Webpack – Wydajna praca z JavaScript.

Miałem okazję przerobić ten kurs i podzielę się z Wami swoimi wrażeniami. Dlaczego w ogóle brać się za niego? Każdy kto interesuje się Front-Endem od jakiegoś czasu zdaje sobie sprawę, że aby sprawnie pisać współczesne aplikacje internetowe czy to używając frameworków czy czystego JS’a trzeba sobie pomagać czy to jakimś task runnerem jak np. GULP czy np. bundlerem jakim jest WEBPACK. Dlatego dzisiaj jest to must-have.

Co prawda miałem już jakąś znajomość webpacka ale jak zobaczyłem kurs Webpack 2 i jego zawartość to uśmiechnąłem się szeroko 🙂 Pomógł mi on bardzo nie tylko pogłębić swoją wiedzę ale usystematyzować aby stworzyć profesjonalną konfigurację projektu. Opowiem więc o samym kursie 🙂

Dla kogo jest ten kurs?

Kurs jest po polsku więc dla wszystkich którzy władają tym językiem 🙂 Jeśli poważnie myślisz o rozpoczęcie przygody z Webpackiem musisz posiadać już jakąś wiedzę o froncie. Dzięki temu nie odbijesz się od niego i nie zniechęcisz. Oczywiście trzeba znać HTML i CSS. Ważne jest aby orientować się jak podpinać pliki w projekcie, struktura folderów itp. Niezbędną natomiast jest znajomość JavaScriptu w odsłonie ES6 czyli rozumieć np. importy. Dobrym przygotowaniem są moje ostatnie wpisy o Gulpie i Webpacku.

Długość kursu.

Autor piszę, że to 3 godziny. Hmmm czyli jedno popołudnie? Haha nic z tych rzeczy! Przeznacz sobie na to cały dzień 🙂 Conajmniej 🙂 Dlaczego? Obejrzenie filmów, napisanie kodu, poprawka błędów, zrozumienie sensu… To zdecydowane przekracza teoretyczny wymiar czasowy. Do tego wiecie, człowiek to jednak nie maszyna 🙂

Jaka jest struktura kursu?

Kurs według najlepszych standardów jest prowadzony na zasadzie case study tzn. Tworzymy prosty projekt z wykorzystaniem AJAXa. Podzielony jest na oddzielne filmy przeznaczone na wprowadzenie do projektu kolejnych funkcjonalności. Fajne jest to, że można sobie ten kurs ściągnąć na dysk i robić off-line. Tylko jak chcesz mieć certyfikat z eduweba to lepiej robić on-line 🙂

Zawartość kursu.

Na początku dowiedziałem się czym jest w zasadzie bundler bo nie było to dla mnie oczywiste czym się on różni od task runnera. Następnie według najlepszych współczesnych praktyk konfigurowałem projekt webowy. Robiłem już wcześniej takie konfiguracje jednak teraz zdecydowanie je poprawiłem. Jakie funkcjonalności wprowadziłem dzięki temu kursowi?

Na początek podstawy czyli ES6, dev-server, jQuery i Sass. Następnie smaczki takie jak handlebarsy (nie wiedziałem wcześniej czym one są), czyszczenie builda, obsługa plików graficznych i zewnętrznych,  serwer do sprawdzania wersji produkcyjnej, optymalizacja i minifikacja kodu, współpraca z Gulpem, Reactem, obsługa funkcji asynchronicznych i jeszcze kilka innych. Samo mięso.

Filmy są ułożone w logicznej kolejności a lektor jest nagrany wyraźnie i żaden aspekt omawianych przez niego funkcjonalności nie umknął mojej uwadze. Nie wszystko wychodziło od razu ale to naturalne.

Naprawdę polubiłem Webpacka i będę go używał przy każdym następnym projekcie. Nie wiem jak mogłem pracować wcześniej bez niego 🙂

Jak zdobyć ten kurs?

Sposób jest banalnie prosty: załóż konto na eduwebie i go sobie kup. Tak, tak za ten kurs się płaci 79PLN więc cena nie jest jakaś zaporowa. Dlaczego masz płacić za coś takiego? W sumie nie musisz, na necie znajdziesz wiele darmowych materiałów jednak z własnego doświadczenia wiem, że porządny kurs na udemy czy eduwebie to oszczędność czasu i ominięcie wielu błędów myślowych. Autorzy poświęcają mnóstwo czasu na tworzenie dobrych materiałów.

Moje przemyślenia.

Od kilku miesięcy bawię się front-endem. W międzyczasie byłem na drogim Bootcampie który wprowadził mnie w ten temat. Teraz tak myślę, że za kasę którą tam wydałem miałbym 100 takich kursów! O żesz w d**ę… Zależało mi wtedy na czasie… Co bym zrobił teraz?

Jak miałbym czas to sam przerabiał darmowe samouczki/blogi. Stosował to w prostych projektach. Brał czynny udział w  grupach na fejsie. Jak już osiągał bym podstawowe zrozumienie tematu kupowałbym konkretne kursy na promocjach z eduweba albo udemy i wdrażał coraz lepsze rozwiązania. Oczywiście najlepiej rozpocząć profesjonalną pracę jak najszybciej no ale ten etap wstępny zawsze musi jakoś wyglądać.

Dlaczego recenzja Webpacka 2?

Na moim blogu nie ma zbyt wielu recenzji. W zasadzie ta jest pierwsza. Dlaczego ją piszę? Przecież zawsze wrzucam linki do darmowych materiałów lub sam piszę tutoriale. Przyczyny są dwie: po pierwsze nawiązuje ona do ostatniej serii o automatyzacji pisania kodu czyli wpisy o GULPIE i WEBPACKU. Drugą jest to, że dostałem możliwość darmowego przerobienia tego kursu w zamian za recenzje. Proste jak to 🙂 

Podsumowanie.

Webpack to dzisiaj jedna z podstaw przy budowie poważnych projektów. Warto go znać a recenzowany kurs jest jednym z miejsc które w tym pomaga. Ja przerobiłem ten kurs i jestem zadowolony. Zdobyta wiedza zaprocentuje prędzej czy później. Teraz czas na kolejne odkrycia 🙂

  • Szkoda, że nie ma jakiś kodów rabatowych. 79zł za tak krótki materiał to jednak nie tak mało. Na udemy można za 15USD znaleźć sporo dobrych i dłuższych kursów.

    • unai

      można też coś zawsze znaleźć za freeko https://webpack.academy/

      • z chęcią przeglądnę. Kupiłem ten kurs z eduweb i powiem szczerze, że czuję się rozczarowany. Bardzo mało powiedziane o optymalizacji kodu, minifikacji itd. Połączenie z Gulpem bardzo okrojone. Do tego nie zostało nic powiedziane jak połączyć webpacka z gulpem żeby optymalizował i minifikował pliki w wersji produkcyjnej. Naprawdę zabrakło mi zbyt wielu rzeczy. Kurs zrobiony po łebkach i za niemały pieniądz.

    • Marcin Górski

      Eduweb ma zniżki, w reklamach facebookwych często się wyświetla kod promocyjny na -10%. Niby mała zniżka, ale zawsze coś 😀