JavaScript for PHP Geeks: Webpack for Module Loading Awesomeness

We'll email you with updates

This course is in the planning stages

In JavaScript, if you're still manually including each JavaScript file you depend on with a <script> tag... there's a better way! ES6 introduced the concept of modules: the ability (finally!) to isolate our JavaScript into small components that live in different files (like we do with classes in JavaScript).

But, to get this to work on the web, we need some help. We need something that's able to read our imports and aggregate everything we need into a single JavaScript file. We need webpack:

  • Using npm... and then yarn for package management
  • Webpack setup: package all modules into a single file
  • Calling Babel from webpack via a loader
  • Webpack dev tools for fast development
  • Webpack Hot Reloading!?
  • Handling multiple files ("entry points")
  • Using Uglify and prepping for production
  • Cache-busting with hashed filenames
  • CommonsChunkPlugin: package common modules together
  • Loading & Packaging CSS/SCSS & images form JavaScript!?

And most importantly: become empowered to (finally) write organized JavaScript!


Your Guides

Ryan Weaver Leanna Pelham

Questions? Conversation?

  • 2017-06-27 Shiraats

    Thank you for letting know.

    I'm really looking forward to see how this all works to together.

  • 2017-06-27 Victor Bocharsky

    Hey Shiraats,

    We're going to start releasing it in a few weeks - we were working on the new tool: Symfony Webpack Encore, that's why releasing this course is a bit delayed.

    Cheers!

  • 2017-06-27 Shiraats

    Hey

    any idea when this will be release date

  • 2017-06-19 weaverryan

    :) You got it! I'll start writing this tutorial quite soon (hopefully next week).

  • 2017-06-16 Zorpen

    Ah, The Webpack Encore :) Nice job! So i guess you were waiting with this tutorial till Encore was released? ;)

  • 2017-06-09 Nicolas Sauveur

    Can't wait for this one either !!

  • 2017-06-01 weaverryan

    Good question - it's a few weeks... or a month! But, we (Symfony) will have a surprise related to webpack (in the new few weeks)...

  • 2017-05-31 Zorpen

    Thanks Ryan.
    Can't wait for this and React Tutorial.
    How long it usually takes to make tutorial like this? A day, a week, a month? :P

  • 2017-05-31 weaverryan

    I'll start working next week on this! No release date yet :/... but I'm going to do my best! This tutorial will be fun :)

  • 2017-05-28 Zorpen

    Wheeen? ;)
    Can't wait!

  • 2017-04-07 Diego Aguiar

    Hey Babel!

    This tutorial should be released right after Ansible tutorial, you can check our roadmap to see what's coming next http://knpuniversity.com/co...
    Also you can subscribe to this mailing list, so you get notified inmediately when this course gets available.

    Have a nice day!

  • 2017-04-07 Babel Yaarrn

    When will this tut be availablu :D

  • 2017-03-25 SKS

    Thanks for the reply. and roadmap link.

  • 2017-03-24 Victor Bocharsky

    Hey Sks,

    We're working on this tutorial, it should be released right after Ansible tutorial, see our roadmap: http://knpuniversity.com/co... . For now you can subscribe to this course with "Notify me when course is available" button.

    Cheers!

  • 2017-03-24 SKS

    I am eagerly waiting for this tutorial to be available.