Over the last month many things have changed and it is very likely you are forced to work from home or you know someone that is forced to work from home. This is a tough adjustment and something that is difficult to get used to at first. In this video I am going to breakdown the most important productivity tips for working from home that I have learned over the last few years working remote. If you follow all of the tips in this video your productivity will sky rocket while working from home.
? Concepts Covered:
- How to effectively work from home - How to be social while working from home - The best way to take care of yourself while working from home
CareerFair.dev: https://careerfair.dev/signup
Should you go to college, a bootcamp, or go the self-taught route. It is a tough decision with many variables so in this video I will give you 5 things to consider before going to college that can help you decide if college, bootcamp, or self-taught is the right path for you.
? Materials/References:
CareerFair.dev: https://careerfair.dev/signup
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:44 - Price
03:08 - Opportunity Cost
04:18 - Education Quality
06:06 - Social Aspect
07:20 - Job Prospect
#CollegeVsBootcamp #WDS #WebDevelopment
...
https://www.youtube.com/watch?v=e61I6wgGTQg
CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
Skeleton loading is one of the best loading experiences a user can experience. It is used on nearly every large site including YouTube and in this video I will show you just how easy it is to set up your own Skeleton loading animation.
? Materials/References:
CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
GitHub Code: https://github.com/WebDevSimplified/skeleton-loading
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:30 - Demo
01:45 - Image skeleton loading
05:35 - Text skeleton loading
07:50 - Implementing skeleton loading
#SkeletonLoading #WDS #CSS
...
https://www.youtube.com/watch?v=ZVug65gW-fc
JavaScript Simplified Course: https://javascriptsimplified.com
Most people are familiar with standard ES6 module imports in JavaScript, but did you know that you can also do dynamic module imports as well. These imports are perfect for code splitting, and speeding up your page load speeds. In this video I will explain everything you need to know about dynamic module imports with in depth real world examples.
? Materials/References:
JavaScript Simplified Course: https://javascriptsimplified.com
Dynamic Module Imports Article: https://blog.webdevsimplified.com/2021-03/dynamic-module-imports
Destructuring Video: https://youtu.be/NIq3qLaHCIs
Destructuring Article: https://blog.webdevsimplified.com/2020-08/destructuring-and-spread
Async Await Video: https://youtu.be/V_Kr9OSfDeU
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:25 - Dynamic Module Imports Explained
03:30 - Example 1: Code Splitting
05:40 - Example 2: Reduce Memory Usage
09:14 - Example 3: Increase Code Performance
#DynamicModules #WDS #ES6
...
https://www.youtube.com/watch?v=ddVm53j80vc
Over my many years as a web developer I have come across countless sites that have helped me learn, practice, and apply web development skills. In this video I am breaking down the five sites that I find most useful when it comes to web development.
1. W3Schools: https://www.w3schools.com/
2. CSS Tricks: https://css-tricks.com/
3. Code Pen: https://codepen.io/
4. Can I Use: https://caniuse.com/
5. Figma: https://www.figma.com/
Twitter:
https://twitter.com/DevSimplified
GitHub:
https://github.com/WebDevSimplified
#WebDevelopment #Programming #Top5
...
https://www.youtube.com/watch?v=cI1ZmQyfBSc
I recently played through Celeste and realized the game was very very hard. This realization made me want to build out a robot that could beat the hard levels of the game for me and this is my journey building out the robot.
? Materials/References:
Programming Must Be Fun Video: https://youtu.be/h3lX6ZaL5RU
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:29 - Why I Thought Of This Idea
02:13 - Research
04:00 - Create Hello World Demo
05:03 - Time To Refactor
06:03 - Expanding The MVP
07:36 - How To Handle Failure
#Celeste #WDS #TAS
...
https://www.youtube.com/watch?v=3FykqQ9IomA
In this video we will walk-through how to create an animated text reveal using pure CSS. I will go over my planning and thought process for creating this text reveal as well as explain why I use each CSS style. By the end of this video you will have a basic understanding of how CSS animations work as well as how to utilize the @supports keyword to design websites that are compatible with older browsers.
If you have any suggestions for CSS tutorials I should tackle please let me know in the comments below.
Code For This Tutorial:
https://github.com/WebDevSimplified/css-tutorials/tree/master/Animated%20Text%20Reveal
Code Pen For This Tutorial:
https://codepen.io/WebDevSimplified/pen/wEOOve
Twitter:
https://twitter.com/DevSimplified
GitHub:
https://github.com/WebDevSimplified
Code Pen:
https://codepen.io/WebDevSimplified/
#CSSTutorial #WebDevelopment #Programming
...
https://www.youtube.com/watch?v=obrnWwsc1Y8
My Courses: https://courses.webdevsimplified.com
Online courses are everywhere and they range in price from free to thousands of dollars. With this level of variance it is tough to know if it is worth it to purchase an online course so in this video I will explain the different types of online courses and try to help explain when taking an online course is a good idea.
? Materials/References:
JavaScript Simplified Course: https://javascriptsimplified.com
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today
Online Course Article: https://blog.webdevsimplified.com/2021-08/are-online-courses-worth-it
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:25 - The purpose of online courses
03:40 - Cheap courses
05:31 - Mid-tier courses
06:52 - Expensive courses
08:40 - When online courses are bad
#OnlineCourses #WDS #ProgrammingMy Courses: https://courses.webdevsimplified.com
Online courses are everywhere and they range in price from free to thousands of dollars. With this level of variance it is tough to know if it is worth it to purchase an online course so in this video I will explain the different types of online courses and try to help explain when taking an online course is a good idea.
? Materials/References:
JavaScript Simplified Course: https://javascriptsimplified.com
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today
Online Course Article: https://blog.webdevsimplified.com/2021-08/are-online-courses-worth-it
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:25 - The purpose of online courses
03:40 - Cheap courses
05:31 - Mid-tier courses
06:52 - Expensive courses
08:40 - When online courses are bad
#OnlineCourses #WDS #Programming
...
https://www.youtube.com/watch?v=JmYkP-Hdlhs
The facade pattern is one of my favorite design patterns, because of how incredibly useful it is when refactoring code. The idea of the facade pattern is to create your own API that hides away complex or repetitive code so that you are left with a clean and easy to use API. The benefits of this is not only clean code that is easy and fun to work with, but your code is also much easier to refactor when the complex code behind your facade needs to change.
? IMPORTANT:
Design Patterns Playlist: https://www.youtube.com/watch?v=BWprw8UHIzA&list=PLZlA0Gpn_vH_CthENcPCM0Dww6a5XYC7f
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/Design-Patterns/tree/master/Facade%20Pattern
? Concepts Covered:
- What the facade pattern is
- How to use the facade pattern
- Why the facade pattern is important
- Before/After comparison of the facade pattern
? Find Me Here:
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
#FacadePattern #WDS #DesignPatterns
...
https://www.youtube.com/watch?v=fHPa5xzbpaA
Today I decided to challenge myself to a bunch of full stack interview questions. Hopefully I can get them all right, but odds are I will probably miss at least a few. Try to play along to see how many you can get right.
? Materials/References:
Interview Site: https://30secondsofinterviews.org
Memoization Video: https://youtu.be/WbwP4w6TpCk
React Context Video: https://youtu.be/5LrDIWkK_Bc
React Context Article: https://blog.webdevsimplified.com/2020-06/use-context
Promises Video: https://youtu.be/DHvZLI7Db8E
Promises Article: https://blog.webdevsimplified.com/2021-09/javascript-promises
Async/Await Video: https://youtu.be/V_Kr9OSfDeU
Async/Await Article: https://blog.webdevsimplified.com/2021-11/async-await
Pure Functions Video: https://youtu.be/fYbhD_KMCOg
Pure Functions Article: https://blog.webdevsimplified.com/2020-09/pure-functions
Why I Don’t Use Semicolons Video: https://youtu.be/cB0STl_A4l4
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:48 - Question 1
02:09 - Question 2
03:30 - Question 3
05:00 - Question 4
06:51 - Question 5
08:29 - Question 6
09:27 - Question 7
11:35 - Question 8
#WebDevInterview #WDS #InterviewQuestions
...
https://www.youtube.com/watch?v=ud8QZIdBxPw