Learn Webpack from Colt Steele in this full tutorial course. It begins with a simple question: "What is webpack?" Quickly we move on to installing Webpack, configuring it, and adding loaders for CSS, SASS, HTML, and Files.

The course covers cache busting, setting up a dev server, and splitting up your development and production config files. We incorporate multiple Webpack plugins including clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin, and html-webpack-plugin. It's a lot of stuff :)

See also: Code and commits

OAuth 2.0 is an authorization framework for delegated access to APIs. It involves clients that request scopes that Resource Owners authorize/give consent to. Authorization grants are exchanged for access tokens and refresh tokens (depending on flow). There are multiple flows to address varying client and authorization scenarios. JWTs can be used for structured tokens between Authorization Servers and Resource Servers.

OAuth is not an authentication protocol. OpenID Connect extends OAuth 2.0 for authentication scenarios and is often called “SAML with curly-braces”.

So to find out what is the OpenID Connect authorization code flow check out this one hour presentation by Nate Barbettini.

Click to view open_in_new

"Git’s model of version control makes it indispensable for collaborating on digital projects of all stripes. Get situated with Git as David Demaree guides you through the command-line workflow, the nuances of repositories and branches, the elements of a solid commit message, and more. Pick up common version-tracking tasks, along with advice on trickier scenarios. You’ll learn how to put Git to work for you—and work better with your team."

This book was essential for me to understand Git version control system. Read my summary

Web design is complicated. Web development is complicated. Everything seems to be constantly changing—there’s so much to keep track of. But there’s one thing we can confidently say for sure: websites need an internet connection in order to work. Right? Well, even that is no longer true. Thanks to the powerful technology of service workers, you can now design and develop websites that work offline.

This is a game-changer! And now you’ve got something new you need to learn. But don’t worry - Jeremy is here to talk you through a whole range of offline strategies.

By the end of this presentation, you’ll have all the knowledge and code you’ll need to free your website from the tyranny of the network connection.

Click to view open_in_new

Going Offline
by Jeremy Keith
June 7, 2019 — FRONTEND UNITED Utrecht

JavaScript programmers like to use words like, “event-loop”, “non-blocking”, “callback”, “asynchronous”, “single-threaded” and “concurrency”.

We say things like “don’t block the event loop”, “make sure your code runs at 60 frames-per-second”, “well of course, it won’t work, that function is an asynchronous callback!”

If you’re anything like me, you nod and agree, as if it’s all obvious, even though you don’t actually know what the words mean; and yet, finding good explanations of how JavaScript actually works isn’t all that easy, so let’s learn!

With some handy visualisations, and fun hacks, Philip Roberts gives us an intuitive understanding of what happens when JavaScript runs.

Click to view open_in_new

What the heck is the event loop anyway?
by Philip Roberts
September 14, 2014 — JSConf EU Berlin

NEW: GitHub Pages lets you turn GitHub repositories into websites that showcase your portfolio, your projects, their documentation, or anything else you want to share with the world. Get started today by visiting  GitHub Pages open_in_new to learn more.

When you want to have the full stack... and learn back-end with Node.js, take a look at this 14 episode tutorial by Maximilian Schwarzmüller from Academind. It also covers MongoDB and Mongoose and many other aspects including User Signup, User Login, JWT Route Protection, Handling CORS, etc. HIGHLY RECOMMENDED!

Once again Jeremy points out many aspects of web technology. We often wonder "how well does it work?", when even more important question would be "how well does it fail?" This presentation gives you food for thought, being also very entertaining!

Jeremy Keith: "We work with technology every day. And every day it seems like there's more and more technology to understand: graphic design tools, build tools, frameworks and libraries, not to mention new HTML,CSS and JavaScript features landing in browsers. How should we best choose which technologies to invest our time in?"

Click to view open_in_new

Evaluating Technology
by Jeremy Keith
December 2017 — An Event Apart Denver

On the World Wide Web’s 30th birthday, our founder and web inventor Sir Tim Berners-Lee reflects on how the web has changed our world and what we must do to build a better web that serves all of humanity. Please share using #Web30 #ForTheWeb.  30 years on, what’s next #ForTheWeb? open_in_new

Sir Tim Berners-Lee: "The web is for everyone and collectively we hold the power to change it. It won’t be easy. But if we dream a little and work a lot, we can get the web we want."

You're already aware of SVG. You already know it’s a vector image format. But how does that affect your daily life as a front-end developer and designer? In this fun, compelling, and information-packed live presentation recorded at An Event Apart Denver 2017, Chris Coyier counts down 10 things you could (and should!) be doing with SVG. It’s one of those technologies that is chock full of possibilities and benefits, yet conspicuously missing from most people’s tool belts. Find out why it deserves a prime spot on yours.

Click to view open_in_new

10 Things You Can and Should Do with SVG
by Chris Coyier
December 2017 — An Event Apart Denver

Check this out! Adrian is a huge fan of guitarist Django Reinhardt and he has an important message: When it comes to JavaScript frameworks, it is totally OK to just use JavaScript without frameworks, keep an open mind, think for yourself.

"Adrian cowrote Django, a prominent server-side framework, yet he has come to believe that front-end frameworks are unnecessary for his own projects. Here's his impassioned argument for avoiding JavaScript frameworks on the front end."

Click to view open_in_new

A framework author's case AGAINST frameworks
by Adrian Holovaty
dotJS 2017

From the library of Alexandria to progressive enhancement, which formats will stand the test of time?

Jeremy Keith: "The pace of change in our industry is relentless. New frameworks, processes, and technologies are popping up daily. If you're feeling overwhelmed, you are not alone. Let's take a step back and look at the over-arching trajectory of web design. Instead of focussing all our attention on the real-time web, let's see which design principles and development approaches have stood the test of the time. Those who cannot remember the past are condemned to repeat it, but those who can learn from the past will create a future-friendly web."

Click to view open_in_new

The Long Web – An Event Apart Video
by Jeremy Keith
October 2013 — An Event Apart Austin

The Apart family: The first web design resource I would like to mention is actually a family of THREE resources: A LIST APART open_in_new , A BOOK APART open_in_new and AN EVENT APART Videos open_in_new , which are all VERY USEFUL and full of professional insight from people who make websites to people who make websites.

There are a lot of books available at A BOOK APART Shop with reasonable prices. I have bought a few of them during these years:

BUT FIRST, here's one of my favourites: Ethan Marcotte and Laziness in the Time of Responsive Design. Check out the story about a tree, located in Pando... BTW: This presentation and the book RESPONSIVE DESIGN: PATTERNS & PRINCIPLES (A BOOK APART book № 15) have a lot in common.

Click to view open_in_new

Laziness in the Time of Responsive Design
by Ethan Marcotte
October 2015 — An Event Apart Austin