Web Dev Simplified
@DevSimplified
Followers
49,065
Following
0
Media
825
Statuses
1,710
I teach web development in an easy to understand and beginner friendly way focusing on core concepts and best practices.
Joined June 2018
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Oprah
• 344449 Tweets
Gus Walz
• 282579 Tweets
El TSJ
• 259534 Tweets
Marçal
• 154757 Tweets
sabrina
• 103650 Tweets
Golpe de Estado
• 85683 Tweets
Beyonce
• 77957 Tweets
Barron
• 74265 Tweets
#النصر_الرايد
• 65751 Tweets
Happy Anniversary
• 63418 Tweets
A'TIN ANG PANALO
• 54066 Tweets
Ann Coulter
• 48414 Tweets
Eagles
• 44947 Tweets
رونالدو
• 44484 Tweets
Lugano
• 36073 Tweets
Dotson
• 25721 Tweets
Servette
• 25449 Tweets
Mike Pence
• 20738 Tweets
Mudryk
• 20080 Tweets
#LUGvBJK
• 17641 Tweets
Jermaine Jenas
• 15749 Tweets
Dinesh
• 14884 Tweets
Guiu
• 11268 Tweets
Xmail
• 10920 Tweets
Semih
• 10398 Tweets
Pinned Tweet
I just launched a brand new TypeScript Simplified course!
This course contains everything you need to know about TypeScript in just 5 hours. No more wasting days of your life struggling with TS. Right now you can get ~17% off with the code EARLY. Ends soon
7
8
77
I know I don't often post personal updates here but this is too big of an event to not mention.
Yesterday, I was lucky enough to convince the most wonderful woman in the entire world to marry me! It was an incredible day and I could not have asked for it to go any better.
385
90
3K
🔥 Hot Tip - JavaScript
Do you ever wish you could display relative dates like 'yesterday', '3 hours ago', or 'in 4 days' similar to how Twitter or YouTube do? All you need to do is use the JavaScript relative time formatter which will do all of this for you in any locale.
31
253
1K
How to be a programmer
Step 1: Write code
Step 2: Refactor code since it isn't perfect
Step 2.5: Realize the new refactor has problems half way through so repeat step 2
36
140
888
I am getting ready to start a brand new series called "Who Wants To Be A Megabit." It is just like "Who Wants To Be A Millionaire" but with web dev trivia questions.
Let me know who I should bring on as the first few quests by tagging them below!
29
16
291
This Saturday my biggest project ever will be released! In this video I create a Whatsapp clone using React and it is a big project. I am super excited for this to release!
15
22
298
I wonder who it could be😜
New guest video and project coming out on Monday
Hint: It's by a talented developer that simplifies web dev
60
49
853
18
9
258
🔥 Hot Tip - CSS
Handling scaling and multiple screen sizes in CSS is never fun. It requires tons of media queries and messy code, or does it? With the clamp property in CSS you can easily create values that scale but never grow past a maximum or shrink below a minimum.
6
51
242
🔥 Hot Tip - CSS
Have you ever tried to scroll an element into view when clicking a link only to have it stuck behind your sticky header? You can fix this in CSS by adding scroll-padding-top equal to the header height on the scroll container element (most likely html or :root).
3
27
190
Let me know if you want to see a tutorial on how to create this YouTube clone with HTML/CSS.
24
6
152
I cannot tell you how much time I have wasted trying to save time through automation. At least it is fun, though. 🤣
5
18
149
It surprises me when I see comments similar to this. We all know there is no way I am smart enough to code out an entire project in such a short time🤣
I generally spend hours pre-building each project before actually recording the 20 minute video.
I code out everything ahead of time and all the other youtubers are probably doing it too. I thought this was obvious. So no, I am not coming up with an idea and code out a full website in 25 minutes lol
228
97
2K
8
3
131
🔥 Hot Tip - JavaScript
One of the worst parts of JavaScript is accessing a property on a potentially null object. It requires tons of && chaining and looks really messy.
Luckily optional chaining is being introduced to JavaScript which lets you check for null in a cleaner way.
4
16
103
I have showed you how to create Google Maps and Whatsapp, but now I am stepping it up a notch with a Google Drive clone! I cannot wait to record this and share it with you.
3
7
103
My JavaScript piano video is one of my more popular videos, so I decided to give it an upgrade and add in a full backend with recording and sharing features. I should be able to get this recorded for next week!
3
7
89
🔥 Hot Tip - JavaScript
The template tag in HTML is often overlooked, but it makes creating dynamic content with plain JavaScript easier since you no longer need to write HTML in your JavaScript.
In this example I use the template tag to dynamically add elements to a list.
3
17
86
I just began work on a simple
@CodePen
clone and it is coming along quite well. I cannot wait to finish it so I can create a tutorial on it and share it with you.
2
5
84
🔥 Hot Tip - CSS
Did you know you can use the resize property on all elements! This means you can easily create re-sizable boxes with only CSS. You just need to make sure you have some overflow property set for the resize handle to appear.
3
18
80
After months of work I am finally ready to announce my brand NEW React Simplified course!
This course will take you from knowing nothing about React all the way to a mid-level React developer.
💰 First 150 people get 10% off!
🕐 Course closes in 7 days.
9
7
81
I just finished building out one of the projects for the end of my beginner JavaScript course. I am so excited to finally launch the course next month and share it with you!
PS: I know the styling is very minimal. I am keeping the CSS as simple as possible so the focus is on JS.
7
4
79
@MajorMcDoom
Reminds me of an app that required me to answer security questions but all answers had to be at least 8 characters. So when it asked me for the make of my first car, the city I was born in, my best friend's first name, etc. I was just like well I guess I pad this with underscores
3
2
73
I always forget how difficult planning courses is. I have been sitting in front of a whiteboard writing down and erasing ideas for my JavaScript course for the last 2 hours. Right now my whiteboard looks like a mess of incoherent scribbling.
3
4
77
🔥 Hot Tip - Design
Determining the perceived hierarchy of a design is difficult. To help with this try converting your design to grayscale with a slight blur. This makes it way easier to see which elements stand out on a page.
5
23
75
Me: Hey mom, my computer is slow. Can we get more ram.
Mom: We have ram at home.
Ram at home:
4
5
70
I just uploaded a new video! (How To Create A Messaging App With And React)
1
10
69
🔥 Hot Tip - JavaScript
Internationalization is hard, but JavaScript has tons of features for making it easier. One of the best features is the number formatter which can do easy currency formatting. It can even infer your current locale from the browser!
0
7
65
Checkout my latest video on
@traversymedia
's channel where I show you how to build a jobs board using the GitHub jobs API in React.
4
8
63
I just uploaded a new video! (React Query Makes Writing React Code 200% Better)
1
4
64
I just finished creating a snake game. Let me know if you want a tutorial on this?
20
2
63
This is the reason I love what I do so much. Congrats!
And I cracked my first ever interview and got the job as junior software engineer. And for a lot of thanks to
@traversymedia
and
@DevSimplified
1
1
19
2
2
61
🔥 Hot Tip - CSS
You can create dynamic CSS content such as tooltips without any JavaScript. All it takes is the attr property. This lets you access any HTML attribute and assigns its value to the content of a before/after element. Check the thread for the code.
2
15
60
CSS can be a ton of fun so I decided to play around with button animations for a future video. What do you think?
4
0
61
I just uploaded a new video! (Learn Drizzle In 60 Minutes)
3
8
62
I just uploaded a new video! (Bootstrap 5 Will Change The Web - What's New)
4
8
57
This is how every project I build goes.
1 Error: Variable `x` is undefined
*Fixes bug and defines variable x*
576 New Errors
1
8
60
🔥 Hot Tip - CSS
If you have a CSS variable with no units you easily can add units to it with CSS calc. If you set a CSS variable to 10 in JS, but want that variable to be 10px just use calc and multiply by 1px. This works for all units as long as you multiply by 1 of the unit.
0
11
57
I need this in my life. My design skills are terrible.
Design for Developers...
It's not easy, so I'm putting together
#EnhanceUI
, a resource/book to help us all!
It will help you learn the basics of for design, color, UI & UX for all of us programmers. Design is a formula just like typescript, let's figure it out!
🔗👇 link below
83
347
2K
4
1
59
My 25th birthday is in 2 days and I had this conversation with my girlfriend. Nothing like a bowl of reality soup for lunch.
𝗠𝗲: I am nearly a quarter dead
𝗚𝗶𝗿𝗹𝗳𝗿𝗶𝗲𝗻𝗱: Well males only have a life expectancy of 76 so you are really more like a third dead
𝗠𝗲: 😨
3
4
58
🔥 Hot Tip - React
If you are writing a custom hook and want to easily see information about your hook use the useDebugValue hook. This hook will display whatever you pass to it next to the custom hook in the React dev tools making debugging much easier.
0
7
59
Who knew Brad had such wonderful hair under all his hats :P
Apparently Kyle (
@DevSimplified
) and Brad (
@traversymedia
) have a common ancestor.
Meet Bryle!
15
4
204
2
1
57
I just uploaded a new video! (Is tRPC The End Of REST/GraphQL?)
2
2
56
The almighty Brad has even been tainted by not using semi-colons. Now everyone that comments on my videos telling me I should use semi-colons can go yell at Brad instead 😜
I finally kicked semicolons to the curb in JS. It felt weird at first, but I like it better without them. Do you use them?
282
44
840
5
1
56
If you want to learn everything you need to know about this formatter check out my full blog post. I even include code you can use to create a single function that takes a date and gives you the correct formatted string.
0
9
53
JavaScript Simplified is finally ready! It is 40 hours long and contains months worth of content for you to practice. I am incredibly proud of this course since it is a complete JavaScript bootcamp.
Use the code EARLY within the first week to get 20% off
3
7
47
I just uploaded a new video! (Learn tRPC In 45 Minutes)
0
4
49
Tomorrow the first episode of Who Wants To Be A Megabit will be going live with the one and only
@developedbyed
. Make sure to check out the full video when it goes live to see if you are smarter than Ed.😜
I am getting ready to start a brand new series called "Who Wants To Be A Megabit." It is just like "Who Wants To Be A Millionaire" but with web dev trivia questions.
Let me know who I should bring on as the first few quests by tagging them below!
29
16
291
1
3
48
@developedbyed
@traversymedia
@designcoursecom
@maxedapps
I have maybe the fattest neck of all time in this picture :P
2
1
48
I just uploaded a new video! (VSCode Profiles Save Me So Much Time)
1
5
44
It seems like everyone wants a tutorial on this so I will be working on that, but I have another question. Should I create an AI that plays this game as well? This is something I have never done, but I think it could be fun.
I just finished creating a snake game. Let me know if you want a tutorial on this?
20
2
63
8
2
47
Are you looking for a fun CSS project? Try creating simple emojis using only CSS. It is really fun and makes you think about CSS in a totally different way. Here are a few simple ones I made.
3
1
46
I just uploaded a new video! (Stop Using The uuid Library In JavaScript)
5
4
46
🔥 Hot Tip - CSS
I cannot wait until the :is selector is supported in all browsers. It takes multiple potential parent elements as a list instead of having to write every permutation out by hand. This example gets really messy when you go 3 levels deep with the old way.
2
3
44
I just uploaded a new video! (5 Must Know HTML Tags That Almost Nobody Knows)
2
5
46
I just uploaded a new video! (How To Create A Password Protected File Sharing Site With Node.js, MongoDB, and Express)
0
1
44
I just uploaded a new video! (How To Build A Photo Editor With React And CSS Filters)
1
6
45
If you need further proof that
@unacademy
is one of the worst companies look no further. I received 6 emails from them in the span of 7 hours with 3 emails being from the same person! This happens daily and they refuse to stop emailing me. I wonder how many more I will get today.
6
3
44
I just uploaded a new video! (How To Create A Video Chat App With WebRTC)
4
4
43
I had to resort to making my own dumbbells for my workouts now that the gyms have been closed for awhile.
Don't let isolation prevent you from reaching your dreams. Use this time to invest in yourself so you can come out the other side a stronger version of yourself.
5
2
42
Sometimes I wonder how much more peaceful the world would be if everyone was deaf and blind. There would be no race or gender to really know about since you could only communicate through touch.
If this was true, though, discrimination would still be a problem. (1/3)
2
4
40
You better be ready for my next video because we are making a piano in JavaScript and it is so fun. I already starting playing Yankee Doodle on it.
PS: Don't judge me for my musical ability. I am a much better programmer than musician I promise.😜
4
5
44
In one of my next videos we are going to take a look at how to use SVG icons to smash the like button, because that is what the YouTube algorithm really wants. I can't wait for my throat to start feeling better so I can record this for you.
4
2
41
@R2D221
@MajorMcDoom
This is why I use a password manager. Now I just hope I don't forget the password manager password.
1
0
42
I just uploaded a new video! (Learn React Query In 50 Minutes)
0
1
43
I just finished recording the longest video I have ever done. I have over an hour of raw footage which I am hoping to trim to just below an hour. I hope you are ready for a long video this weekend.
3
1
42
After over a year of work I am finally ready to announce my complete React Simplified course!
This course will take you from knowing nothing about React all the way to a mid-level React developer.
15% off for the first 7 days + $100 off Premium Package
4
3
42
I just uploaded a new video! (Why I Don’t Use Arrow Functions With const/let)
2
7
43
I just uploaded a new video! (The Ultimate Web Developer Roadmap For 2024)
2
4
43
I just uploaded a new video! (How To Setup Prettier)
0
6
43
I just uploaded a new video! (How To Become A Web Developer In 2021)
2
3
41
I just uploaded a new video! (Learn CSS Animation In 15 Minutes)
1
4
40
This was created with just CSS (no JS) using popover, anchor, and position-fallback. Learn more about them in this video
I haven't been this excited for new CSS features since Flexbox and Grid.
More bleeding edge CSS features coming in tomorrow's video.
1
7
42
I just uploaded a new video! (The Perfect Project For Your Portfolio)
0
6
40
🔥 Hot Tip - CSS
Adding values to a transform in CSS sucks since you need to remember to always copy over any of the old values in the transform.
Try using CSS variables next time to make it so you never need to worry about the old values when defining an additional transform.
0
8
41
It has been quite awhile since I have done a React project so tomorrow's video is going to be about building a two way currency converter in React.
0
2
39
Do you want more simplified web development content from me? I hope so, because I created a free weekly newsletter full of web development tips and tricks, and updates on what I am working on.
Sign up at my site so you don't miss out on these free tips.
2
3
36
I just uploaded a new video! (Day In The Life Of A Software Engineer (Parody))
2
3
37
I just uploaded a new video! (Learn CSS Transform In 15 Minutes)
1
0
38
@designcoursecom
@developedbyed
@traversymedia
@thenetninjauk
You cannot become a developer by only watching videos, but I can assure you I wouldn't be a web developer if I hadn't used YouTube to learn web dev. YouTube is a tool to learn new things, but in order to make it stick you need to build your own projects with that knowledge.
1
0
39
I just uploaded a new video! (Top 10 Advanced CSS Responsive Design Concepts You Should Know)
0
1
39
I just uploaded a new video! (Junior Vs Senior Code - How To Write Better Code As A Web Developer - React)
4
5
38
I just uploaded a new video! (Full Stack Ecommerce Store With Admin Dashboard From Scratch - Next.js, Prisma, Stripe, Tailwind)
0
1
38
I just uploaded a new video! (How To Send Push Notifications With JavaScript)
1
0
37
I just uploaded a new video! (Do You Really Understand CSS Inheritance?)
0
3
34
I just uploaded a new video! (Every Beginner React Developer Makes This Mistake With State)
1
3
35
I just uploaded a new video! (CSS Transform Is Dead! Use This Instead)
2
2
36
I just uploaded a new video! (Learn Pointer Events In 15 Minutes)
3
0
34
I just uploaded a new video! (This Is The Perfect Project For Your React/TypeScript Resume)
1
1
33
I just uploaded a new video! (Can You Still Get A Programming Job In 2021?)
1
4
33
If your eyes stopped working tomorrow you would no longer be able to distinguish people based on their skin color or race. So I ask that next time you find yourself discriminating against or judging another, please close your eyes and open your heart. (3/3)
1
3
34
I just uploaded a new video! (How To Build A Weather App In JavaScript Without Needing A Server)
3
2
33
I just uploaded a new video! (Top 5 Ways To Make Money As A Programmer)
0
3
35
I just uploaded a new video! (1 Million Subscriber Hair Tutorial)
4
0
32
I just uploaded a new video! (Is Drizzle Really Better Than Prisma?)
6
1
34
I just uploaded a new video! (CSS Will Never Be The Same)
0
3
33
I just uploaded a new video! (Learn JavaScript Generators In 12 Minutes)
0
1
34
I just uploaded a new video! (Learn GSAP In 23 Minutes)
1
4
33
I just uploaded a new video! (How To Make Beautiful Charts In Next.js)
3
2
33
I just uploaded a new video! (Learn React Router v6 In 45 Minutes)
1
2
34
I just uploaded a new video! (How To Build Your First TypeScript Project - TODO List Application)
2
3
31
I just uploaded a new video! (How To Build CodePen With React)
3
6
34