DEV Community

Cover image for {FREE} Ultimate Resources for Front-End Development in 2023 + Giveaway⚡

{FREE} Ultimate Resources for Front-End Development in 2023 + Giveaway⚡

Rahul on December 17, 2020

You only need this post to become a Front-end Developer because this post has nearly unlimited amount of every type of resources covering everythin...
Collapse
 
majorkid profile image
Yasir Shariff

That's really comprehensive list

Collapse
 
rahxuls profile image
Rahul

Thank You so Much

Collapse
 
majorkid profile image
Yasir Shariff • Edited

Kudos on compiling it, helping me already.

Thread Thread
 
rahxuls profile image
Rahul

pdf version coming soon. If you participate in the giveaway then you will get it. An interactive way.

Thread Thread
 
majorkid profile image
Yasir Shariff

Already did

Collapse
 
alexbrasileiro profile image
Alex Brasileiro

Awesome list Rahul. I like to use OneTab Extension to save my history like some kind of "context", so I saved your entirely list and put in one link, if someone want the save your list ;)

one-tab.com/page/UEQrt698RUWue4ynD...

Collapse
 
gulajavaministudio profile image
Gulajava Ministudio

Thank you for nice article and great list.

And for vs code theme, i have some theme that interesting to try about, called Mayukai Theme.
You can try it in VS Code Marketplace

Collapse
 
ridhikgovind profile image
Ridhik Govind

This theme looks amazing !

Collapse
 
rahxuls profile image
Rahul

Added

Collapse
 
debvortex profile image
Max Brauer

The daily.dev plugin is awesome. Thanks a lot!

And you also might want to add xstate to the "state" section: xstate.js.org/
It allows to write state machines to mange the app flow in addition to work as a state holder (in the context). At work we started using it a lot lately and have greatly reduced the size of our react components. The business logic moved into xstate and with the visualizer, it's always all clear how the app came to its current state and how it can go from there.

Collapse
 
shaijut profile image
Shaiju T

Nice list 😄, you have given multiple options for each topic, so now the reader is confused to choose the best website for each topic. For example Reading all the sites to know just HTML and CSS is waste of time. I think we should just learn basics from one website and start building things.

Collapse
 
rahxuls profile image
Rahul

Agreed. But giving more time html and css is just waste. Giving more time to JS and other is awesome and helpful.

Collapse
 
_echo3d_ profile image
echo3D

For AR/VR/3D development - check out the echoAR documentation at docs.echoar.xyz to learn how to easily create AR/VR applications. Unity, which is a great game engine used for AR/VR, also has great learning tools at learn.unity.com/.

Collapse
 
rahxuls profile image
Rahul

Amazing.

Collapse
 
shaijut profile image
Shaiju T

Also squoosh from Google Chrome team, also helps to optimize image for web.

squoosh.app

Collapse
 
dominik_gorczyca profile image
Dominik Gorczyca

Found a goldmine!

Hey, can I ask you where do you get those cool cover images from? I checked your other posts and they are have a great cover images with text, do you make them yourself or do you have some source? I didn't find it here :(

Collapse
 
rahxuls profile image
Rahul

You can use Canva premium.

Collapse
 
imsalehmuhammad profile image
Saleh Muhammad

Thanks for sharing the list. I think you can also add the links below
Self-host google fonts:
google-webfonts-helper.herokuapp.c...
Check security headers for your website
securityheaders.com/
Test website performance:
web.dev/measure/
Free Icons
reactsvgicons.com/react-svg-iconsets
Color Contrast Analyzer
dequeuniversity.com/rules/axe/3.0/...

Collapse
 
rahxuls profile image
Rahul

Added

Collapse
 
theme_selection profile image
ThemeSelection

Awesome list indeed. 🤩 Very helpful for sure.🤘🏻

We have also made an opensource Bootstrap 5 Cheatsheet. It is an interactive list of Bootstrap 5 classes, variables, and mixins. 🎁 It will be great if you can add it to the list.🙂

In case you add it to the list, we are open to add any of your item/blog posts/product link or section in our popular ThemeSelection Blogs: Dev.To Themeselection

Collapse
 
abdullahsajjad026 profile image
Abdullah Sajjad

You are surely gonna bookmark it.
resourcesmark.vercel.app/

Collapse
 
rahulmaurya profile image
Raynax9

So concise and soo usefull thanks man to post these

Collapse
 
rahxuls profile image
Rahul

Hope you loved them all.

Collapse
 
felixasante profile image
felix asante

Thank you this great work ❤️😊

Collapse
 
munime profile image
Andrew AJ

Bless You Rahul!!!!

Collapse
 
bevilaquabruno profile image
Bruno Fernando Bevilaqua • Edited

A lot of content !! And we like it!

Collapse
 
kondrei profile image
kondrei

Nice list, thanks!

Collapse
 
rahxuls profile image
Rahul

Hope you liked it.

Collapse
 
codedstudio profile image
Mohammed Yussif • Edited

Thanks alot
Good 👍 content.

But nothing related to Angular or Vue.

The community is always on one thing only, reactjs. Which I think is not a good thing

Collapse
 
rahxuls profile image
Rahul

Sorry brother give me some time. I will surely add for you. I'm sorry.

Collapse
 
timocmd profile image
Timo

Awesome dud loved it ❤️

Collapse
 
xavin616 profile image
Xavin616

This is hugely useful for me. Thank you.

Collapse
 
odnmalau profile image
Fransiscus Rolanda Malau

Thank you

Collapse
 
erileff profile image
Erica L. (she/they)

This is awesome, thanks!

Collapse
 
bobbyiliev profile image
Bobby Iliev

Great list! Thanks for sharing 🙌

I would also add Tails in there for everyone who likes TailwindCSS.

Collapse
 
decereemyla profile image
md5

This is awesome. Thanks

Collapse
 
lexausart profile image
lexausart

Thanks!

Collapse
 
imkarthikeyan profile image
Karthikeyan

That's one hell of a list. Thanks, @rahul .

Collapse
 
adekolaolawale profile image
Adekola Olawale

Thank you for this exhaustive list of resources

Collapse
 
rahxuls profile image
Rahul

Welcome.

Collapse
 
deidalopez profile image
Deida Lopez

Great list! Will be coming back to it for sure

Collapse
 
rahxuls profile image
Rahul

Glad you find it useful. Great journey ahead.

Collapse
 
zaiinhs profile image
Zainal Abidin

Thankyou

Collapse
 
yashism profile image
Yash Waghmare • Edited

This is like the ingredients for creating the universe. Thanks a lot!!!

Collapse
 
rahxuls profile image
Rahul

Omg😂😂

Collapse
 
albertpak profile image
Al

Another good addition to Git section/knowledge is ohshitgit.com/

Collapse
 
codersaty profile image
Anuranjan Srivastava

Useful Information

Collapse
 
dikshashukla455 profile image
dikshashukla455

Thank you so much

Collapse
 
kamrulhasan12345 profile image
Mohammad Kamrul Hasan

Thank you very much for this detailed list

Collapse
 
gilbishkosma profile image
Gilbish

If anyone need list of Illustration resources.
get here : gumroad.com/l/illustrationslist

Collapse
 
rahxuls profile image
Rahul

Nice man. This is paid isn't it? Now in my latest post i'll add all of them with addition to extra.

Collapse
 
gilbishkosma profile image
Gilbish

Earlier it was paid, i have made it free now.

Collapse
 
jonyeezs profile image
Jonathan Yee

Chrome extension you're missing visbug : chrome.google.com/webstore/detail/...

Collapse
 
rahxuls profile image
Rahul

Added

Collapse
 
dylanbuchi profile image
Dylan Buchi

That's the type of content I was looking for! Good job!

Collapse
 
rahxuls profile image
Rahul

Yayaya.

Collapse
 
obichukwu profile image
Obichukwu Onyeowuzoni

Quite Comprehensive. Awesome

Collapse
 
a_distracted_dev profile image
A Distracted Dev

This is one of the most amazing lists or kickstart guides I have ever seen. Thank you for your hard work!

Collapse
 
pellzy profile image
pellzy

awesome, nice job Rahul.

Collapse
 
mcabreradev profile image
Miguelángel Cabrera

Great!! thanks

Collapse
 
wisdomfranklyn profile image
Franklyn Wisdom

Great job.
Thanks for compiling this.

Collapse
 
rahxuls profile image
Rahul

Welcome!

Collapse
 
speedranger profile image
SpeedRanger

May you find happiness cause I definitely did after seeing this post.

Collapse
 
rahxuls profile image
Rahul

Glad you liked it.

Collapse
 
sarthaksri profile image
Sarthak Srivastava

This was really helpful man. Thanks for posting.

Collapse
 
rahxuls profile image
Rahul

No problem brother. Share it to many people let others too get help

Collapse
 
srinuadp profile image
srinuadp

Nice resources

Collapse
 
dome68 profile image
Domenico

An amazing list of resource! Thanks.

Collapse
 
ancagooje profile image
Anca

Great resource list- much appreciated !

Collapse
 
technicalgeekry profile image
Angela Reeder

This is an incredible resource! I can't wait to share it with others!

Collapse
 
josvelema profile image
josvelema

Just what I needed right now! Thank you so much!

Collapse
 
anthonybrown profile image
Tony Brown

Thanks for putting this list together.

Collapse
 
rahxuls profile image
Rahul

Hope it's helpful for you

Collapse
 
blackmg27 profile image
Ogechi Ike

Thanks for sharing!

Collapse
 
ktitan profile image
Khushl Vora

Thanks a lot. This list is just amazing.

Collapse
 
nasratt profile image
Nasratullah Talash

Thanks a lot for this amazing list of resources.
Love it ❤️

Collapse
 
alarid profile image
Yohann Legrand

What a gold mine! Cheers!

Collapse
 
sudha50_3 profile image
sudha50

helpful

Collapse
 
dilipkprasad81 profile image
Dilip Prasad

Great list! Thank you so much 🙏

Collapse
 
jangamveereshk2 profile image
jangam veeresh kumar

Thanks for the information as well as the resources.

Collapse
 
rafaelabaumel profile image
RafaelaBaumel

Great list!! Thanks for sharing!

Collapse
 
rahxuls profile image
Rahul

Glad to hear that.

Collapse
 
chrisburkssn profile image
Chris Burks

Nice list. Thanks for taking the time.

Collapse
 
myzel394 profile image
Myzel394

Woah that's a lot of content! Didn't know of this cool front-end checklist website. Definitely will check that out. Thank you very much for your effort!

Collapse
 
rahxuls profile image
Rahul

Welcome.

Collapse
 
jnrstephen1 profile image
morarajnr

Thanks, treasures of good resource, thumbs up

Collapse
 
banksdada profile image
banks

Nice

Collapse
 
joaodarocha profile image
João da Rocha

This is such a great list.
Thank you so much!

Collapse
 
rfinkley profile image
rfinkley

Great resources. Thanks for spending the time putting it together.

Collapse
 
muskansalampuria profile image
Muskan Salampuria

Good

Collapse
 
kikekeys profile image
Enrique Tecayehuatl

"Front-end basics"

Collapse
 
nickster13x profile image
Nick Paul

Incredible list Rahul, thanks!

Collapse
 
chaitanyavsh profile image
Chaitu Maverick

You are a life saver Rahul. Good health and luck for you and your family. Thanks a lot for all the content.

Collapse
 
rahxuls profile image
Rahul

Yayay. Welcome brother. More on the way.

Collapse
 
villival profile image
villival

killer list keep rocking

Collapse
 
amitwhocode profile image
Amit Singh

It's really helpful. Thanks 😊

Collapse
 
therickedge profile image
Rithik Samanthula

Why do we need React.JS when you can render simple HTML elements in a HTML file. (This question is for the giveaway)

Collapse
 
krishdevdb profile image
Krish Gupta

Awesome List Thanks @rahxuls ,

How about a CSS reset and CSS framework section?

Collapse
 
imranyounas123 profile image
Imran_Youna786

All frontend resources save in one place amazing list. thanks... you make my life easy

Collapse
 
nlern profile image
Shantanu Dutta

Great collection of resources!! Thanks for sharing.

Collapse
 
wexi94 profile image
Muhammad Awais

Very Useful info

Collapse
 
sunnypaul393 profile image
Sunny Paul

This is like the Holy Grail for the developers thank you so much.

Collapse
 
shubhamkhandodia profile image
shubhamkhandodia

Good content.
Also, a nice strategy to get more attention to the post 😃 .

Collapse
 
rahxuls profile image
Rahul

See, this is the way you do it 😁

Collapse
 
johancberg profile image
Johan

Thousands of thanks for this!
The React Router Docs-link seem to be broken however.

Collapse
 
rahxuls profile image
Rahul

Will change it ASAP

Collapse
 
saakeeb profile image
Nazmus Sakib

wow! great collection, really appreciate your afford...

Collapse
 
tagnev profile image
Vengat

Check this as well teckiy.com/ , its developers support ticketing platform

Collapse
 
devlorenzo profile image
DevLorenzo

Thanks for sharing
I created my list too - dev.to/devlorenzo/the-ultimate-com...

Collapse
 
hozansahin profile image
Hozan Şahin

That's really awesome