Categories
Website Design

10 Must Know Git Commands That Almost Nobody Knows [Video]

My Blog: https://blog.webdevsimplified.comGit is complicated which is why most people only learn the basics, but if you spend the time to learn the more advanced features of Git you can really improve your skills as a developer. In this video I cover 10 of my favorite Git tips, tricks, and commands.📚 Materials/References:Git For Beginners Tutorial: https://youtu.be/IHaTbJPdB-s10 Must Know Git Commands Article: https://blog.webdevsimplified.com/2021-10/advanced-git-commands🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:46 – Add/Commit Tips02:46 – Aliases05:02 – Revert06:32 – Reflog07:21 – Pretty Logs08:05 – Search Changes08:52 – Stash09:57 – Prune Branches12:03 – Bisect14:05 – Reset#GitHub #WDS #Git

Categories
Website Design

Don’t Make The Same Interview Mistakes I Did [Video]

Virtual Career Fair – https://careerfair.dev/signupInterviews are hard which is why most of us make major mistakes in our first interviews. Hopefully these mistakes don’t cost you $40,000, though, like they did to me. I completely screwed up a major interview that could have saved me $40,000, and then just a few years later I nearly cost myself my first job because of a terrible resume.🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:40 – First mistake06:13 – Second mistake#JobInterview #WDS #WebDevMistakes

Categories
Website Design

This One Technique Is How I Build Projects Without Getting Stuck [Video]

JavaScript Simplified Course: https://javascriptsimplified.comYou have probably heard that writing comments is useless or even bad. I have even made videos on this exact topic, but that isn’t the entire truth. There are actually a few specific ways that you can use comments that not only make your code better but also allow you to write programs much quicker.📚 Materials/References:JavaScript Simplified Course: https://javascriptsimplified.comCode Faster With Comments Article: https://blog.webdevsimplified.com/2021-08/how-to-learn-to-code-with-comments🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:30 – List overall steps03:00 – List out logical steps#Comments #WDS #CodeComments

Categories
Website Design

Do This Before You Start Your Next Large Project [Video]

FREE Virtual Career Fair: https://careerfair.dev/signupStarting a project is the hardest part. You are full of amazing ideas, but as soon as you go to build your project you get stuck and are unsure of how to start. This is a problem that every developer faces and in this video I will be sharing my best tips for getting past this sticking point and actually finishing your dream project.🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction01:00 – Figure out the problem you are solving03:10 – Figure out the technology stack05:30 – Build the MVP07:10 – Break each feature into small tasks#WebDevelopment #WDS #Programming

Categories
Website Design

How To Create Advanced CSS Dropdown Menus [Video]

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.htmlDropdown menus are one of the more common things you will create as a developer, but most developers create boring looking dropdowns. In this video I will show you have to create and advanced CSS dropdown that can include things such as forms or advanced navigation.📚 Materials/References:FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.htmlStarting GitHub Code: https://github.com/WebDevSimplified/advanced-dropdown/tree/starting-codeGitHub Code: https://github.com/WebDevSimplified/advanced-dropdownAsync Vs Defer Video: https://youtu.be/BMuFBYw91UQAsync Vs Defer Article: https://blog.webdevsimplified.com/2019-12/javascript-loading-attributes-explainedJavaScript Data Attribute Article: https://blog.webdevsimplified.com/2019-10/do-not-use-class-selectors-in-javascript🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:20 – Demo/Starting Code00:56 – Dropdown CSS07:50 – JavaScript11:25 – Advanced Menu HTML/CSS#Dropdown #WDS #CSS

Categories
Website Design

5 Custom React Hooks You Need In Every Project [Video]

There are infinite possibilities for React hooks, but not all hooks are created equal. In this video I will be going over 5 incredibly powerful hooks that you can use in any project that are also super quick to implement.📚 Materials/References:GitHub Code: https://github.com/WebDevSimplified/useful-custom-react-hooks🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:32 – useToggle01:58 – useTimeout05:06 – useDebounce07:28 – useUpdateEffect09:10 – useArray#ReactHooks #WDS #React

Categories
Website Design

How To Create A Hastebin Clone [Video]

Hastebin is an incredibly popular site for quickly sharing code. It may seem complex at first, but it is actually incredibly easy to implement your own version of Hastebin. In this video I will show you exactly how to do just that and best of all this makes for a perfect beginner full stack project.📚 Materials/References:GitHub Code: https://github.com/WebDevSimplified/hastebin-cloneExpressJS Crash Course: https://youtu.be/SccSCuHhOw0Emmet Tutorial: https://youtu.be/V8vizNQKtx0Async/Await Tutorial: https://youtu.be/V_Kr9OSfDeU🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:26 – Demo01:04 – Initial Setup07:20 – Setting up the frontend12:20 – CSS Styles15:40 – Finishing the HTML/CSS28:17 – Connecting the frontend and database#ExpressJS #WDS #Hastebin

Categories
Website Design

How To Create Custom Scrollbar In CSS [Video]

Scrollbars are one of those things that normally you never change, but when you try to make a dark themed site or if you want to do something unique then they become a huge pain to deal with especially cross browser. In this video I will show you how to really easily how to use CSS to create custom styles for your scrollbar that will work across all browers.📚 Materials/References:GitHub Code: https://github.com/WebDevSimplified/css-custom-scrollbarCSS Units Video: https://youtu.be/-GR52czEd-0🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:40 – Standard Properties03:02 – Webkit Properties#CSSScrollbar #WDS #CSS

Categories
Website Design

How To Accept Payments With Stripe [Video]

JavaScript Simplified Course: https://javascriptsimplified.comAccepting payments is one of the most important parts of any application, but getting started with accepting payments can be very daunting. In this video I will show you how to easily get started accepting payments with Stripe.📚 Materials/References:GitHub Code: https://github.com/WebDevSimplified/stripe-checkout-simpleJavaScript Simplified Course: https://javascriptsimplified.comStripe Checkout Article: https://blog.webdevsimplified.com/2021-07/stripe-checkoutMap Video: https://youtu.be/yJDofSGTSPQ?t=558Map Article: https://blog.webdevsimplified.com/2020-12/javascript-mapsFetch Video: https://youtu.be/cuEtnrL9-H0Async Await Video: https://youtu.be/V_Kr9OSfDeUCors Video: https://youtu.be/PNtFSVU-YTICors Article: https://blog.webdevsimplified.com/2021-05/cors🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:35 – Demo01:45 – Setting Up Express Server05:52 – Stripe On One Server19:08 – Stripe With Separate Client/Server#StripeCheckout #WDS #JavaScript

Categories
Website Design

Should You Take Online Courses? [Video]

My Courses: https://courses.webdevsimplified.comOnline 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.comLearn React Today Course: https://courses.webdevsimplified.com/learn-react-todayLearn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayOnline Course Article: https://blog.webdevsimplified.com/2021-08/are-online-courses-worth-it🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:25 – The purpose of online courses03:40 – Cheap courses05:31 – Mid-tier courses06:52 – Expensive courses08:40 – When online courses are bad#OnlineCourses #WDS #ProgrammingMy Courses: https://courses.webdevsimplified.comOnline 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.comLearn React Today Course: https://courses.webdevsimplified.com/learn-react-todayLearn CSS Today Course: https://courses.webdevsimplified.com/learn-css-todayOnline Course Article: https://blog.webdevsimplified.com/2021-08/are-online-courses-worth-it🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:25 – The purpose of online courses03:40 – Cheap courses05:31 – Mid-tier courses06:52 – Expensive courses08:40 – When online courses are bad#OnlineCourses #WDS #Programming

Categories
Website Design

How To Accept Payments With PayPal [Video]

PayPal is one of the largest payment platforms and it is the preferred payment method for millions of people. In this video I will show you how to integrate PayPal payments in your application 2 different ways so that you can start accepting payments in the way that fits your situation best.📚 Materials/References:GitHub Code: https://github.com/WebDevSimplified/paypal-checkoutPayPal Developer Dashboard: https://developer.paypal.com/developer/applicationsPayPal Checkout Documentation: https://developer.paypal.com/docs/business/checkout/set-up-standard-paymentsReduce Video: https://youtu.be/s1XVfm5mIuUReduce Article: https://blog.webdevsimplified.com/2021-05/reduceAsync/Await Video: https://youtu.be/V_Kr9OSfDeU🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:30 – Client only setup06:05 – Secure server setup#PayPalCheckout #WDS #JavaScript

Categories
Website Design

Every JavaScript Developer Has Made This Mistake With Functions [Video]

JavaScript Simplified Course: https://javascriptsimplified.comDid you know a function in JavaScript is actually just an object? This simple fact can be used to explain one of the most complex JavaScript concepts which is how passing functions to other functions works. This is a crucial concept to understand since most of JavaScript is built on passing functions to other functions.📚 Materials/References:Arrow Functions Video: https://youtu.be/h33Srr5J9nY🌎 Find Me Here:My Blog: https://blog.webdevsimplified.comMy Courses: https://courses.webdevsimplified.comPatreon: https://www.patreon.com/WebDevSimplifiedTwitter: https://twitter.com/DevSimplifiedDiscord: https://discord.gg/7StTjnRGitHub: https://github.com/WebDevSimplifiedCodePen: https://codepen.io/WebDevSimplified⏱️ Timestamps:00:00 – Introduction00:30 – Understanding What A Function Is02:11 – Callback Example03:35 – Functions Vs Objects06:05 – Anonymous Functions#Callbacks #WDS #JavaScript