Home
Videos uploaded by user “Wes Bos”
Heres how React's New Context API Works
 
16:05
Here is a quick video explaining how React’s new context API works. Grab the code here → https://github.com/wesbos/React-Context
Views: 111599 Wes Bos
Finally understanding Flexbox flex-grow, flex-shrink and flex-basis! - Tutorial 11 of 20 💪
 
10:14
Get full control the size of your elements flex-grow, flex-shrink and flex-basis All videos + exercises → http://Flexbox.io
Views: 20257 Wes Bos
How to Setup VS Code + Prettier + ESLint
 
04:00
A quick video on how I solved my config issues with VS Code, ESLint and Prettier
Views: 39139 Wes Bos
Flexbox Alignment + Centering with align-self! - Tutorial 9 of 20 💪
 
02:35
Override align-items property on individual flex items for custom alignment. All videos + exercises → http://Flexbox.io
Views: 12011 Wes Bos
Understanding Flexbox sizing with the flex property! - Tutorial 10 of 20 💪
 
04:43
Easily scale up or down elements with the flex property All videos + exercises → http://Flexbox.io
Views: 13854 Wes Bos
Heres how JavaScript's Nested Object Destructuring works
 
08:25
A quick video detailing how destructuring works with nested objects and arrays. Check out my https://ES6.io course for more!
Views: 13976 Wes Bos
How To Manually Fix Git Merge Conflicts
 
05:21
A quick video detailing how to manually fix merge conflicts with Git and GitHub. Hit that subscribe button if you want more 👌
Views: 22800 Wes Bos
15 Slack tips in 5 minutes
 
04:43
A collection of must-know tips on how to use Slack for developers! More → https://goo.gl/LUEkN1
Views: 216524 Wes Bos
Import Large SQL Databases with Big Dump
 
02:58
When migrating a site that has been around for a while, I often run into the problem where my MySQL Database is just too large to import via the web interface of PHPMyAdmin. Often times its to a server that doesn't allow remote access to their databases. What is a poor dev to do? See Tutorial here: http://wesbos.com/import-large-mysql-database-bigdump-php/
Views: 42129 Wes Bos
Heres how JavaScript "Named Params" Destructuring Works
 
05:45
Quick video on how to use the ES6 Named Params design pattern. If you want more, SMASH that subscribe button 👌
Views: 6917 Wes Bos
Learn Redux #7 — All About Redux Reducers
 
06:46
Reducers handle the updating of our state in our store and are a fundamental concept in Redux. More → https://LearnRedux.com
Views: 21677 Wes Bos
Quick BMW Part Finder CodeAlong
 
06:06
I need to find a part for my car but there are over 150 pages to look through. Let’s use a little dev tools and JS magic to make this faster! I also found out that $430 is for the entire door kit -the little plastic piece I need is only $100 so I will be starting a GoFundMe to raise awareness and funds
Views: 4730 Wes Bos
How does CSS nth-child() really work?
 
03:10
A quick tutorial explaining how nth-child works and some common gotchas when building a website. More: https://goo.gl/LUEkN1
Views: 7972 Wes Bos
JavaScript Event Capture, Propagation and Bubbling - #JavaScript30 25/30
 
09:10
All about those confusing event things in JavaScript. Grab all the exercises and starter files over at https://JavaScript30.com
Views: 4720 Wes Bos
Working with Flexbox flex-direction! - Tutorial 3 of 20
 
05:04
It's key to understand the main and cross axes in flexbox. Switch the layout from row to column with flex-direction. All videos + exercises → http://Flexbox.io
Views: 25451 Wes Bos
Learn Redux #6 — All About Redux Actions
 
07:24
Before we can update our store, we need to learn about what actions are.
Views: 22402 Wes Bos
CSS GRID: grid-auto-flow Explained — 6 of 25
 
03:55
Grab the entire FREE course, starter files and finished solutions over over at https://CSSGrid.io. Subscribe for more web development videos like this!
Views: 4473 Wes Bos
Introduction to Flexbox! - Tutorial 2 of 20 💪
 
04:20
Up and running with Flexbox. Understanding display:flex; and the relationship between flex container and the flex All videos + exercises → http://Flexbox.io
Views: 34715 Wes Bos
🔥 Quick Flexbox Hot Tip
 
01:49
Views: 3974 Wes Bos
Learn Redux #9 — Understanding The Reducer's Job
 
04:40
How does the Reducer update state? What is it's job? More → https://LearnRedux.com
Views: 15500 Wes Bos
Flexbox Ordering! - Tutorial 5 of 20 💪
 
06:15
Easily reorder DOM elements with flexbox ordering. All videos + exercises → http://Flexbox.io
Views: 18175 Wes Bos
Friday Code Along: ES6 Spread, .filter(), .map(), RegExp and more!
 
06:56
Fun Friday code along - enjoy it! Small refactor - I realized after that I should create the matcher outside of the loop because it doesn't make sense to create the RegExp every single time - it's the same thing! Codepen: http://codepen.io/anon/pen/bedwpx?editors=1010
Views: 5496 Wes Bos
Learn Redux #1 — Setting Up Our Webpack Environment
 
05:17
Use NPM and Webpack to get our local environment setup for development. 👉👉 Get everything at http://LearnRedux.com
Views: 103225 Wes Bos
Flexbox widths, heights and Layout  — Learn CSS3 Flexbox (3/6)
 
07:33
CSS3 Flexbox video series: Full Series → http://Flexbox.io
Views: 17836 Wes Bos
14 Must Know Chrome Dev Tools Tricks - #JavaScript30 9/30
 
10:36
Hit that Subscribe button for more like this 👌 → #JavaScript30 Video 8 — Grab all the videos and starter code over at JavaScript30.com.
Views: 39185 Wes Bos
CSS GRID: auto-fit and auto-fill — 12 of 25
 
05:03
Grab the entire FREE course, starter files and finished solutions over over at https://CSSGrid.io. Subscribe for more web development videos like this!
Views: 3132 Wes Bos
Learn Redux #10 — Accessing Dispatch and State with Redux
 
07:58
We already learned about actions, how can we then dispatch these actions to allow the reducer to update our state? More → https://LearnRedux.com
Views: 20166 Wes Bos
Highlight CSS Colors in Sublime Text!
 
04:04
A quick tutorial on how to enable Color Highlighter and get it to always show a solid color → http://wesbos.com/highlight-css-colours-in-sublime-text/
Views: 29715 Wes Bos
Easy JavaScript text-to-speech with Google Translate
 
06:18
JavaScript Text to speech with Google Translate API
Views: 52247 Wes Bos
Use Emmet with React JSX in Sublime Text
 
06:10
Quick tutorial on how to properly setup emmet shortcuts and a tab trigger with Sublime Text and JSX. Snippet can be found here: http://wesbos.com/emmet-react-jsx-sublime/
Views: 33638 Wes Bos
Woah! CSS Variables?! — #JavaScript30 3/30
 
13:14
Today we learn all about how to use CSS variables and update them with JavaScript. Grab all 30 videos and starter files over at https://JavaScript30.com
Views: 15947 Wes Bos
.some(), .every(), .find() and [...SPREADS] — Array Cardio Day 2 - #JavaScript30 7/30
 
07:16
Day 2 of Array Cardio. Grab all the videos and starter files over at https://JavaScript30.com
Views: 12098 Wes Bos
Learn Redux #17 — Error Tracking and Insights with Sentry
 
11:29
How do you get info on errors that happen in the browser of your user? We integrate Sentry intro our application to track errors and get context on what happened. More → https://LearnRedux.com
Views: 13359 Wes Bos
Flexbox Alignment + Centering with align-content! - Tutorial 8 of 20 💪
 
06:38
Vertically center multiple rows of content or align them within your flex container. All videos + exercises → http://Flexbox.io
Views: 15834 Wes Bos
Using Animate.css and jQuery for easy Web Animation
 
11:17
Simple tutorial on how to use Animate.css and jQuery together in your website or web app! 🔥Subscribe for more like this: https://goo.gl/LUEkN1
Views: 284934 Wes Bos
#9 — Tables — Mastering Markdown
 
01:59
Working with and creating Tables in Github Flavoured Markdown
Views: 3415 Wes Bos
Learn Redux #5 — Creating our Redux Store
 
07:12
Let's start talking about Redux and how we will create a Store to hold our data.
Views: 26974 Wes Bos
Vanilla JavaScript Sticky Nav - #JavaScript30 24/30
 
10:02
Today we learn how to make a sticky nav in JavaScript! Grab all the exercises and starter files over at https://JavaScript30.com
Views: 9130 Wes Bos
Learn Redux #19 — Redux Dev Tools
 
05:59
Learn all about the power of the Redux dev tools to inspect and time travel with your actions. More → https://LearnRedux.com
Views: 15818 Wes Bos
Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30
 
19:39
Day 1 of 30. Let's make a JavaScript Drum kit and bunch along the way. Get all 30 videos and Starter files for free over at JavaScript30.com.
Views: 63557 Wes Bos
CSS Grid Course! Welcome — 1 of 25
 
02:17
Grab the entire FREE course, starter files and finished solutions over over at https://CSSGrid.io. Subscribe for more web development videos like this!
Views: 13018 Wes Bos
CSS GRID: Using minmax() for Responsive Grids — 13 of 25
 
04:27
Grab the entire FREE course, starter files and finished solutions over over at https://CSSGrid.io. Subscribe for more web development videos like this!
Views: 3535 Wes Bos
Build a Experimental Video Speed Controller UI - #JavaScript30 28/30
 
09:26
Today we build an experimental video speed controller UI. Grab all the exercises and starter files over at https://JavaScript30.com
Views: 2776 Wes Bos
Ajax Type Ahead with fetch() - #JavaScript30 6/30
 
17:22
Today we build an Ajax type ahead with vanilla JS. Grab all the videos and starter files over at https://JavaScript30.com
Views: 17752 Wes Bos
⏲ 5 Min ES6 Code Along: Fight Recruiter Spam with JavaScript!
 
05:25
Code along on how to programatically accept/deny Linked In invites with JavaScript. Code: https://gist.github.com/wesbos/c616873c40ac258d0e028587f8185e56
Views: 5457 Wes Bos
Sublime Text Code Folding Tutorial
 
03:08
Sublime Text has just released the code folding functionality in their editor. Here is a quick tutorial on how to use it. See the text based tutorial here: http://wesbos.com/sublime-text-code-folding/
Views: 59967 Wes Bos
Learn JavaScript Deeply
 
01:10
Part of Matt Mullenweg's keynote where he addresses the WordPress community and urges them to Learn JavaScript
Views: 10051 Wes Bos
Flexbox Alignment + Centering with align-items! - Tutorial 7 of 20 💪
 
05:53
Vertically center items along the cross axis. All videos + exercises → http://Flexbox.io
Views: 15878 Wes Bos
Wrapping elements with Flexbox! - Tutorial 4 of 20 💪
 
08:16
Working with flex items that have widths and wrap onto new lines or columns with flex-wrap. All videos + exercises → http://Flexbox.io
Views: 28845 Wes Bos