Videos

Understanding OAuth with the Spotify API – #12 React JS prototyping

1 day ago
We build a small backend server to handle authenticating with the Spotify API via OAuth. After this episode we can finally get the user’s own data into the prototype! This actually works very similar for any OAuth credential server you might need. 🔗 Sign-in through the backend we just built better-playlists-backend.herokuapp.com/login 🔗 OAuth Bridge Template […]

React Loadable – Favorite React Packages

5 days ago
In this series, I talk about my favorite and most used React packages. Sponsored by: DevMountain devmountain.com/ github.com/thejameskyle/react-loadable Sign up for Level Up Pro for full access www.leveluptutorials.com/pro Buy this series: goo.gl/MkRA11 Subscribe for more free tutorials goo.gl/6ljoFc The best shared web hosting www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter eepurl.com/AWjGz React makes it painless […]

Dynamic text filtering of playlists – #11 React JS prototyping

1 week ago
We’re wiring up the filter component to the app. Whatever text is input will dynamically filter both the list of playlist components as well as the aggregation components listing hours and number of playlists. – – – In this series we’ll go from start to finish in building a fully functioning high-fidelity prototype with OAuth2 […]

#13 Finishing the CSS Section | CSS | Web Development | Beginner’s Guide

1 week ago
We did it, we almost finished the CSS part of our website! Time to clean up and to learn how to use pseudo classes before we can move on to JavaScript in the next video of this series! ———- Pseudo Classes on the MDN: developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes Starting Code: github.com/academind/web-dev-beginners-guide/tree/10-css-media-queries ———- • You can follow Max on […]

How To Complete This Series – Redux & React For Everyone

2 weeks ago
In this series we’ll be learning Redux with React for beginners. Sign up for Level Up Pro for full access www.leveluptutorials.com/pro Buy this series: goo.gl/XSuXqC Subscribe for more free tutorials goo.gl/6ljoFc The best shared web hosting www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter eepurl.com/AWjGz Redux is a predictable state container for JavaScript apps. It helps […]

#12 Viewport & Media Queries | CSS | Web Development | Beginner’s Guide

2 weeks ago
Responsive design is very important nowadays as we want to ensure that users can enjoy our website on any device. Let’s find out how we can make our site responsive with the viewport meta tag and media queries! ———- Media Queries on the MDN: developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries Starting Code: github.com/academind/web-dev-beginners-guide/tree/09-css-fonts Finished Code: github.com/academind/web-dev-beginners-guide/tree/10-css-media-queries ———- • You can […]

What Is Redux?

2 weeks ago
Sign up for Level Up Pro for full access www.leveluptutorials.com/pro Buy Redux & React for Everyone series: goo.gl/XSuXqC Subscribe for more free tutorials goo.gl/6ljoFc The best shared web hosting www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter eepurl.com/AWjGz Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run […]

MOAR populating components with data – #10 React JS prototyping

2 weeks ago
Populating the playlist components with fake server data. Learning why .map() is the way to iterate through our playlists instead of .forEach() in the component. – – – In this series we’ll go from start to finish in building a fully functioning high-fidelity prototype with OAuth2 authentication and API connections fetching real data. The user […]

#11 Fonts | CSS | Web Development | Beginner’s Guide

3 weeks ago
Text is a core content of every website and so is working with fonts. Let’s find out how “em” and “rem” help us to create a responsive web design and let’s also learn how we can easily import new font familie ———- Source code: github.com/academind/web-dev-beginners-guide/tree/09-css-fonts ———- • You can follow Max on Twitter (@maxedapps). • […]

Populating components with data – #9 React JS prototyping

3 weeks ago
Finally coding again! We begin populating our components with mock data. In doing that, we stumble upon the ternary operator and the reduce() function. More on ternary (? 🙂 operator ♥ developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator More on logical (&&) operator ♥ developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators MPJ explaining .reduce() ► www.youtube.com/watch?v=Wl98eZpkp-c – – – In this series we’ll go from start to […]

Santa Tracker Developer Diary #8: Tracker

4 weeks ago
On the last episode of the Santa Tracker Developer Diary for 2017, learn about Santa’s big journey, how we build a reusable tracker, and how he might just come to your place 🎅🔜🏡. github.com/google/santa-tracker-web santatracker.google.com Watch the rest of the series here: goo.gl/UD214n Subscribe to the Chrome Developers channel: goo.gl/LLLNvf

Santa Tracker Developer Diary #7: SVGs

4 weeks ago
Learn about how Santa Tracker uses and optimizes its SVGs for display on your browser. For the online SVGO compression tool, learn more here: jakearchibald.github.io/svgomg/ github.com/google/santa-tracker-web santatracker.google.com Watch the rest of the series here: goo.gl/UD214n Subscribe to the Chrome Developers channel: goo.gl/LLLNvf