There's nothing quite like building projects to grow as a developer. Tutorials are a brilliant learning tool. But at some point, the training wheel...
For further actions, you may consider blocking this person and/or reporting abuse
ohh my god!. Awesome stuff.
Thanks, Matheus! I hope you enjoy the challenges!
Thank you for provind this content.
I think is helping a lot new programmers who starting on web development.
Maybe I can try coding some challenges on this weekend. thanks again!
Youβre welcome! Hopefully the challenges will help a lot of new developers π
I look forward to seeing what you build!
I LOVE FRONTEND MENTOR!!!! β€οΈπ§‘πππππ
This is such a great resource to practice your fundamentals without having to think up what to make. Takes the stress out of thinking up your next project. And the community solutions are so helpful if you get stuck. It's super fun to comb through other solutions and see how other people have solved the same problems. βοΈ
Thank you so much, Hannah! Seeing how different people solve the same problem is a really great way to learn new techniques. It's great to hear that you're loving the platform! π
Thank you Matt! π
After starting my own side projects i quickly realised Iβm a developer not a designer! π it gave me huge writers block so I was really happy to come across frontend mentor!
It definitely made me realise how comfortable I had gotten using frameworks and how I hadnβt built anything vanilla for way over a year! If anything itβs really inspired me to do more of the projects with just HTML and CSS so I can challenge my basic knowledge and improve where I need π
Added bonus the slack community are lovely and I try to help others when I can too π
Thanks for your message, Lou! Sorry for my delayed response! It's awesome to hear you're enjoying Frontend Mentor and being in the Slack community. It's been great to see you getting involved! π
Thatβs ok Matt, itβs a pleasure π
Hi Matt! My name is Iqbaal. I am a psychology fresh graduate and started learning code 3 months ago. I really want to be a front end developer in the future. I`ve been learning html and css for 3 months and just started learn javascript 2 weeks ago. Honestly its getting hard. Especially for me who doesnt have any programming background. I realize that i have to improve my skills but at the same time i dont know how to build proper design or project for my portofolio. Thank you for this amazing stuff. Thank you....GBU
Hey Iqbaal, thanks a lot for your message! Keep at it. It will start getting easier. If you need, perhaps just narrow your focus to HTML & CSS for the moment so that you don't spread yourself too thin. I hope you enjoy the challenges and find them useful to build up your skills and your portfolio!
Great designs! Awesome stuff.
Planning to start a React implementation playlist on my YouTube channel soon:
youtube.com/channel/UCowumzu6ojutp...
Will post updates here :)
Awesome! I look forward to seeing them :)
Here's the first one in the series:
Thanks, exactly what I need to improve on that part.
It is one of my current weaknesses, especially creating designs in a few hours, I lack the reflexes and references to do it. What make a great design, how to do it quickly, with everything going with it, my list of things to learn and improve is becoming overwhelming
Awesome! I'm happy you like it π Have you completed any of the challenges yet?
Not yet, I first started courses on frontendmasters
Frontend Masters' content is great, good choice!
Thank you so much for this! I was completely lost at which project I should build first, I'm going to follow this guide and hopefully improve my front-end skills once I complete all the projects!
Thanks Matt!
Hey Edward, only just seen this message. How have you been getting on with the challenges? I hope the article has helped provide a track for you!
I've been wanting to hone my CSS skills for a while, thanks a lot for sharing these!
Youβre welcome! I hope you enjoy the challenge!
This is beyond awesome! I use the "Rock, Paper, Scissors, Lizard, Spock" challenge to learn Svelte for fun. Having a simple project (can be done in a couple of hours) that's NOT another to-do app with the design and assets laid out is helpful to put your learning into practice--much better for retention than just following tutorials.
Thanks a lot! I'm really happy you like the site and found the Rock, Paper, Scissors, Lizard, Spock challenge useful to practice Svelte. I hope you enjoy the other challenges!
Not bad! But lack of backend stuff. IMO, each frontender should know the backend at least basically nowadays.
Thanks, Vasilevs. It's definitely a nice-to-have skill for a front-end developer. But I wouldn't say it's a must-have. Knowing how to pull data from an API is crucial for a front-end dev though IMO. So the API challenges are perfect for building up that skill set.
Hey Matt,
can't agreed completely. In nowadays might be a dead simple task learn something. After 3rd programming language all looks the same, just different syntax. And i know one designer who define the target - learn at least laravel for prototyping, and i saw on my own look that he did the design job and php simple backend. What do you think? I guess in nowadays all people should have a wide scope of view but core specialization in something deeply than others. Just 5 cents
If a front-end developer also knows a server-side language then it's definitely a big plus and they could potentially then work as a full-stack developer. But it's definitely not a requirement for the job. I have been involved in hiring plenty of front-end developers that know HTML, CSS, and JS who can't build out the back-end.
Such a unique collection! Great work!! π₯
Thanks, Vaibhav! Hopefully, it will help people navigate the site if they're not sure which challenge to take on next π
yes, definitely :)
Great job. I am so doing this. Thank you for such a great resource.
That's great to hear, Chuck. I hope you enjoy the challenges!
a great collection to sharpen your skills.
Glad you like them, Rajesh!
Frontend Mentor is great but i miss something like example implementation made by experienced developer π
Don't worry, plans are already in the works for exactly this! π In the meantime though, there are some amazing developers who have been live-streaming themselves working through the challenges. Here are a couple:
Jessica Chan
Jessica has live-streamed a few of our challenges and I know she has plans to do more. You can see her live-streams here.
Florin Pop
Florin is currently working his way through all of the challenges and has created this YouTube playlist that you can watch.
I'd also recommend checking out the Wall of Fame on the Frontend Mentor dashboard. You can then find solutions from some of the more experienced developers by visiting their profiles.
I hope this helps! π
Update: Adrian Twarog has also just started creating YouTube videos of himself completing the challenges as well π
Adrian Twarog
You can see his first challenge video here.
We are in the same boat!! Every time I need to build something from scratch without any design, I just block!!
Greate stuff you wrote here.
Glad you like it, Carlos π I hope you enjoy the challenges!
Iβm doing this
I hope you enjoy working through the challenges!
Love the designs! Great work Matt, thank you for making the majority of these free to access. Looking forward to building them.
Thanks, Frankie! Great to hear that you'll be trying them out!
This is great. Like grindstone to your frontend dev skills.
I hope the community will grow and interact more in the way you imagine. Getting reviews by other users is a neat idea!
Thanks a lot, Martin! My next big goal is to build the features/functionality to help facilitate peer-to-peer code reviews and feedback. There's a lot that could be improved in that area, so hopefully, the changes will help everyone get the help they're looking for!
I think it is one of the best resource to learn.
Thank you so much for saying! π
love it, thanks alot.
I hope you enjoy the challenges, Liam!
This is so cooool!
I will definitely try it out
This is a great source.
Sending it to all my students immediately.
Thank you very much for sharing.
πππ
Awesome! Thanks a lot for sharing it with your students, Dima. I hope they enjoy the challenges! π
Matt, really interesting project you got. Are design frameworks (Bootstrap, bulma, etc) usage allowed or discouraged? or is it free form?
Hey Rattanak, thanks a lot. I'm happy you like the idea. You can use any tools you like in the challenges. The end goal is to replicate the design as closely as possible, but how you get there is completely up to you π
Yesssss...the kind of resource Iβve been looking for ππΎ
Great! I hope you enjoy the challenges! π
Hi all, here are some of my output also need your advise. thank you
ellezoilo.netlify.com/
Amazing work, Elle! It's great to see you're already on the 8th challenge! Have you been posting your solutions to the platform for review?
Great stuff......
Thanks a lot for sharing this. Just began the projects. Really helpful. Good stuff.
This is such a great resource! Thanks for sharing!
Nice work. I like it. Keep it up. Thanks for sharing us.
GTA 5 Cheats PS5
Great blog.
Omggamer
yo ty