DEV Community

Discussion on: All I can learn in a month...

Collapse
 
tomvalorsa profile image
Tom Valorsa

OK, well first up I think you will get much more out of your month of study if you narrow the scope of what you look at. Things like Docker/PWA/YAML are all interesting but not essential for frontend, so I’d focus on the fundamentals (HTML/CSS/JS) and maybe look at one framework. Some ideas:

HTML/CSS

  • Pick some simple layouts from sites that you like and try to build them with plain HTML and CSS
    • Look for more complex examples as you get more confident and try to build those too
    • You could even design some layouts yourself and try to build them
    • This will help you get a feel for the building blocks you can use when building UI, which will apply to any framework you use in future
  • Get a good understanding of the position and display properties in CSS
  • Experiment with the different ways you can select elements (and others around them) with CSS selectors
  • Read up on semantic HTML so you can get a feel for the tags you can use and when they make sense

JS


  • Find a decent overall JS tutorial in one place and work through it from start to finish
    • I used codecademy years ago but not sure what else is available now
  • Maybe work through some puzzles/problems on sites like codewars, and look at other people’s solutions, to get a better feel for how you can solve problems in different ways

Framework

Pick a framework/library to experiment with to see how people build larger apps (i.e. React/Angular/Vue).
I’m biased but I’d suggest React, as it’s very easy to get going with and you only need to master a few concepts to be productive with it. This will help you to understand the benefits that a framework can provide you.
Angular is good too but in my experience the learning curve is a bit steeper and that might not fit with your timeframe. I’ve dabbled with Vue as well but can’t really speak to that, so will let someone else chime in.

MDN is your new best friend 🎉 If you want to understand more about a CSS property, or a JS function etc just Google "MDN blah" and you should be able to find detailed info.

Good luck!

Thread Thread
 
duarch profile image
André Duarte • Edited

Thank you very much!

I'm sure your tips will help not only me but a lot of folks!

I specially like what you said about

good understanding of the position and display

and

Pick a framework

Ps. Someday we can drink a tea, I drink PGtips everyday!