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.
Goals:
Position : In condition of contribute in a real project
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
positionanddisplayproperties in CSSJS
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!
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
and
Ps. Someday we can drink a tea, I drink PGtips everyday!