Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile first responsive design

TiredQuan 245

@TiredQuan

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I am still a noob at javascript so most of the code in here are copied and repurposed for this challenge

I am trying to learn more of javascript but I am having a hard time doing so, mostly because of how different it is from just learning html and css

Do you guys have any tips for newbies of javascript? Any is appreciated

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

Hiyo, it's a really good start on the challenge! Perhaps you could set a max-width on your form so it stops stretching. That would make it look a bit nicer. ^^

As someone who's just getting somewhat comfortable with Javascript I'd suggest starting small! Like, much smaller than this challenge. Start with the simplest project you can find and work your way up! The first small project I did was a simple color flipper. Freecodecamp has tutorials on small projects like this but I'm sure you can find some elsewhere. It's good to try and solve these small challenges by yourself but don't beat yourself up if you don't always succeed. Javascript is hard to get into, I feel you. It will get better, as you have your first small successes! :) Read javascript.info, it has super-detailed guides on every JS topic, I find myself getting back to this from time to time. Finding a good general computer-science course also helped me to acquire a certain way of thinking (that is very different from html&css sort of thinking). Perhaps check out this, this was super helpful for me (not a Javascript course, but that doesn't really matter):

(https://www.youtube.com/watch?v=y62zj9ozPOM&list=PLhQjrBD2T3828ZVcVzEIhsHVgjANGZveu&index=1)

This was of course, my way of getting into it. If it helps you, great, if not, keep searching for the way that clicks for you! Just don't give up!! :)

Marked as helpful

2

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord