Join the conversation

Sign in to join this conversation, and others like it, in the communities you care about.

๐Ÿ›  Work In Progress

A benevolent place where you can share progress on what you're creating. Get constructive feedback, help, or ๐Ÿ’“ on your side projects. Inspired by Austin Kleon's book: "Show Your Work". ๐Ÿš€

๐Ÿ›  Work In Progress / ๐ŸŒป General

Launched Frontend Mentor this week ๐Ÿš€ Would love your feedback!

Launched Frontend Mentor this week ๐Ÿš€ Would love your feedback!

๐Ÿ›  Work In Progress/๐ŸŒป Generalย ยท October 5, 2018 at 8:02am

Launched Frontend Mentor this week ๐Ÿš€ Would love your feedback!

๐Ÿ›  Work In Progressย /ย ๐ŸŒป Generalย ยทย October 5, 2018 at 8:02am (Edited 5 months ago)

During the summer I had an idea that I thought would help people improve their front-end skills.

There are so many incredible sites and services out there for helping people learn to code. Companies like General Assembly where I teach in London, and sites like freeCodeCamp do an amazing job at teaching people from the ground up.

But, I wanted to create a resource for people who already knew some HTML, CSS and JavaScript. Not a step-by-step course, or code along, but a hands off, project-based resource that emulates a real-life workflow as closely as possible.

So, I'd like to introduce you to Frontend Mentor (https://www.frontendmentor.io).

It's a site that offers free front-end challenges that emulate a real-life workflow. Each project includes mobile & desktop designs, all necessary assets and a front-end style guide for colours, fonts etc. The rest is up to you!

Would be amazing to hear people's feedback on the site:

  • Do you think the proposition is clear enough?
  • The site aims to be as approachable and accessible as possible for people of all levels. Do you get that feeling from the brand and the tone of voice?

Any feedback would be greatly appreciated! ๐Ÿ™Œ


October 5, 2018 at 2:01pm

First of all, I really think you're off to a great start and love seeing devs give back.

For beginner challenges, you may want to add more details about the project. Within those or in the downloadable file, you could also include a sample workflow of how you'd approach the project. Essentially giving them an outline for their commits.

I'm not sure if you provide resources for getting stuck, but that could be useful too. Providing this for beginner challenges may save you headaches and trim your inbox in the future. Doesn't have to go into heavy detail, just here are the 3-5 challenges parts of this project, here are links that go over these concepts.

Nonetheless, keep it up! You're the man.

like-fill
1
  • reply
  • like

Hey Justin, thanks for the great feedback. Really good points!

I'll add greater detail to the readme in the starter code for a suggested workflow. I'll also add some resource links that I know will come in handy for each given challenge.

I've started a Slack community where people can ask questions. I'm hoping to build a supportive community where everyone helps each other out if they get stuck on the challenges ๐Ÿคž

Thanks again for your feedback. Really helpful!

  • reply
  • like

October 6, 2018 at 8:26am

I was really happy to see this project of yours. One of the thing I want to say is that why you are providing static images without the actual design file? It will be helpful to get the design file rather than the static images to develop.

  • reply
  • like

October 6, 2018 at 12:26pm

Really happy you like the project! The reason I only supply JPEGs for the designs is similar to being given the restriction of not being allowed to Google an answer in a technical interview. In a real-world situation, you would have a Sketch file (or similar) to work to. But for this, I chose to go down the route of only static images to help train peopleโ€™s eye without providing exact values. Iโ€™d love to hear your thoughts on this though, as the question has already come up a few times. Do you think thatโ€™s a valid reason? Or is it just more annoying than helpful?

  • reply
  • like

October 31, 2018 at 3:51pm

Khan "Adademy"? looking great to me so far. :)

  • reply
  • like

I love resources and in need of them right now too. Did i miss how often the email would be put out? signed and Faved :)

  • reply
  • like

November 24, 2018 at 12:16pm

Haha, thanks for spotting the typo! ๐Ÿ™‚

Newsletter comes out every couple of weeks. The last one was sent on Thursday last week. Thanks for signing up!

  • reply
  • like

December 4, 2018 at 4:50am

I really like your idea Matt. I find it can be a real challenge to learn and grow as a front-end developer without a design background or at the very least having the design assets provided for the project. I signed up for your newsletter. Iโ€™m interested follow this project as you continue to work on it.

Edited
  • reply
  • like

December 4, 2018 at 9:30am

I really like your idea Matt. I find it can be a real challenge to learn and grow as a front-end developer without a design background or at the very least having the design assets provided for the project. I signed up for your newsletter. Iโ€™m interested follow this project as you continue to work on it.

Hi Chris, thanks a lot for your message. Yeah, I was seeing it a lot whereby people would use Dribbble or cut up free HTML/CSS templates and try to rebuild them.

But that's very different to having assets and designs provided along with a brief, like you would in real life.

Thanks for signing up to the newsletter, I hope you find it useful!

  • reply
  • like

December 24, 2018 at 5:32am

I think this is a great idea! Mind if I drop a link to your website when I launch Mentor List?

Edited
  • reply
  • like

December 27, 2018 at 9:14am

I think this is a great idea! Mind if I drop a link to your website when I launch Mentor List?

Hi Clayton, of course! :)

I'm really happy you like the idea. If you have any questions or feedback please feel free to message me.

Also, I'd love to see Mentor List when you launch!

  • reply
  • like

December 27, 2018 at 6:49pm

@matt-studdert - Will do! It'll be a couple of months. I have most of the video APIs working so just need to work on the other core features :)

  • reply
  • like