Top 5 YouTube Channels for Front-end Devs!!!
Tags: webdev, frontend, beginners, learning
Published: 2023-07-05 18:06:40

# Introduction:

The environment expresses its owner, as we imitate the people with spend most of our time with, And if most of your time on social media is spent following stupidity, you will be stupid!

So literally choosing the content you watch can make you a better person, This also applies to how good of a Front-end Dev you are.

So, in today's article, I collected for you the **“Top 5 YouTube Channels for Front-end Devs”.**

---
# Honorable Mention:

![free code camp](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6k07u7j2t1pw7fa73yeb.jpeg)

## [freecodecamp](https://www.youtube.com/@freecodecamp)

> Since 2014, more than 40,000 freeCodeCamp.org graduates have gotten jobs at tech companies

freecodecamp is one of the largest and most popular education platforms in the world, Where not only the YouTube channel, but also the famous platform [freecodecamp.org](https://www.freecodecamp.org/), Which has more than 15 different tracks to learn programming.

Thanks to them for cooperating with many paid course platforms to bring their content to us for free!

Where you will find more than one different course that explains the same thing, which guarantees you that you will find the best teacher that suits your level.

The only reason they didn't make it to the list is the variety, which can be a bit confusing.

But in general, they are one of the best sources for learning programming, Whether the YouTube channel or the educational platform, they will provide you with the best quality.

---
# Top 5 YouTube Channels for Front-end Devs


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h2r426yh5at7cszn2bw8.jpeg)

## [Kevin Powell](https://www.youtube.com/@KevinPowell/videos)

The undisputed king of CSS, whether you are a beginner or an advanced dev, following him is essential to ensure your continuous improvement!

whether you want to learn flex, grid or something annoying like position Kevin Powell is the right person for that.

An excellent source to be aware of the latest CSS updates like [container queries](https://www.youtube.com/watch?v=3_-Je5XpbqY&t=502s&ab_channel=KevinPowell), Ensure the quality of your code and follow the accessibility standard.


## [Fireship](https://www.youtube.com/@Fireship)


![Fireship](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u0lroo7aokc351k06evb.jpeg)


At first, you may think that this channel does not provide useful content because of the non-academic style it uses and the short duration of its videos, which breaks standards, but after you start giving it a chance, you will discover that it is undisputedly one of the best content creators not only in the field of programming, but in YouTube as a whole. Where the amount of creativity and the genius sense of humor that only those in the field can understand.

From the news of the week that keeps you up to date with all the latest news, to the 100-second videos that give you a quick look at what this technology is, and its discussion videos, this channel offers content that you won't find anywhere else, although it does not focus on full and detailed courses, it does provide additional content.

videos like:
- [I built a JavaScript framework
](https://www.youtube.com/watch?v=SJeBRW1QQMA&list=PLPeqRhIotBsxErb1Wi6cCTBBQXyAh6Ifs&index=111&t=348s)
- [How to Land a 100K/yr Tech Job - 10 Strategies
](https://www.youtube.com/watch?v=Xg9ihH15Uto&t=608s)
- [How to NOT Fail a Technical Interview](https://www.youtube.com/watch?v=1t1_a1BZ04o)


Or even the last 20 videos on artificial intelligence, where whenever I watch his content, I am sure that it is the best YouTuber in the field, and if not for his full courses being paid, he would have been the first without a doubt.
  ‏
---
## [Web Dev Simplified](https://www.youtube.com/@WebDevSimplified)

![web dev simplified](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7hfjq5m4il891avrm23d.jpeg)

The person who got everything dominating the field of JavaScript and React and the best hair in the field of programming.

he really simplifies the web, as he has a distinguished ability to explain what you need only without any useless things, which makes the information short and easy to understand.

And in his brief way of explaining what you need to know, make sure that he will be the only person who is able to provide a new course at the same speed a new JS framework is made.

---

## [Theo - t3․gg](https://www.youtube.com/@t3dotgg)


![Theo t3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/50iuwdumk6l6zkkjfsmc.jpeg)

He made the best discussions you can get, a new point of view on topics, and he has the most number of ahhhaa moments in the field.

After you follow him, you will suddenly feel that you can form a logical opinion about what you know in the field.

videos like:

- [CSS in 2023 - Tailwind vs MUI vs Bootstrap vs Chakra vs...
](https://www.youtube.com/watch?v=CQuTF-bkOgc&list=PLPeqRhIotBsxErb1Wi6cCTBBQXyAh6Ifs&index=29&t=277s)

- [JavaScript Frameworks in 2023
](https://www.youtube.com/watch?v=S7X6fLbdwlc&list=PLPeqRhIotBsxErb1Wi6cCTBBQXyAh6Ifs&index=73)

---

## [The Net Ninja](https://www.youtube.com/@NetNinja)


![The Net Ninja](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ssznj0n620cl6ypgrmhq.jpeg)

> Before you do anything, you should watch [this](https://www.youtube.com/watch?v=dQw4w9WgXcQ) video from The Net Ninja!

One of the most varied and content-rich channels, you will find courses for almost everything you need in the field.

# Conclusion:

In the end, I would like to hear your opinions about the article.

- What was missing?
- Should I add more or fewer details?
- Do I add more explanation or cut it out and only talk about the experience?

## Author

- professional links:
    - [Twitter](https://twitter.com/hafanwy)
    - [LinkedIn](https://www.linkedin.com/in/youssef-hafnawy/)
    - [GitHub](https://github.com/ymhaah)
- Hire me:
   - [UpWork](https://www.upwork.com/freelancers/~01acd8e5370e5646aa)