TLDR
When starting to learn web development, I would focus more on javascript and CSS. To help with that, learn these three HTML Elements:
<div><button><input>
You should and will learn others. But this is a great place to start.
If you are a developer, as a challenge, try to build an accessible login screen with just
<div>s.
Bit by Bit
I am a self-taught software engineer, and I have helped hundreds of aspiring developers. The biggest challenge I have seen is that people try to soak in too much content too quickly. More often than not, the knowledge is lost, and time is wasted.
The funny thing is most people retain things that are not pertinent or retain them incorrectly. This is a typical problem in many boot camps. They turn on that hose and say good luck. Don't get me wrong, this works for some people but not everyone. To help with this I suggest learning three HTML elements: <div>, <button>, and <input>.
Why These Three?
Knowing these three will help you understand the structure and provide an introduction to user experience (UX) and accessibility. This will force you to learn more CSS and HTML attributes to write good UX and more accessible code.
To be clear, you should learn other HTML elements. This is for beginners, so they don't get overwhelmed and allows course curriculums to get to JavaScript quicker.
I Already Know These
If you feel you are beyond this in your journey, try to make a login screen with just <div>s. This means making an input that has focus ability and editability with a <div>. You learn some cool CSS and JS. Feel free to share your solutions in the comments. I don't intend this to be practical for production but educational. I hope that you will learn things you may have missed in your saga.
Learn With Us
Check out our FREE course if you want to build a tabletop RPG dice roller app with these elements. The app is not the most fantastic thing ever, but it is pretty cool for your first app.
Come check out our Twitch stream most weekdays at 11 am MST.
Photo by Michael Jeffrey on Unsplash
Top comments (0)