I'd highly recommend the FreeCodeCamp curriculum for learning HTML, CSS, and JavaScript. I found it very helpful when learning to code, and the curriculum gives you an easy way to direct and organize your learning.<p><a href="https://learn.freecodecamp.org/" rel="nofollow">https://learn.freecodecamp.org/</a><p>I worked through the majority of it when learning to code (didn't finish all of the "certifications" as I ended up finding a job). Happy to answer any questions about it as well.
A lot of suggestions here I agree with and I would specify HTML first, then CSS, then JS would be my prescribed order, and only vanilla/standard of those - no frameworks.<p>The reason is you need to understand the markup on a web page with HTML before you can alter its look/feel via CSS and before you start altering either via Javascript.<p>Frameworks will come and go over time, if you know the foundational aspects of what the frameworks are doing it will be easier to pick up the next framework that becomes popular.
Start with HTML for sure. IMO, just a bit of CSS unless you are pretty good at designs because CSS will cause pain soon.<p>During learning HTML, learn those <form>, <input>, <submit> once you think "so what's next?" with normal presentation. This will lead to "Web Application" once you're comfortable with "Web site" development.<p>Learn basic backend stuff (the server where it responses requests from browser e.g. Chrome, Firefox). Ruby on Rails is the right framework for many reasons (developer friendly (short-term at least!, more jobs in the market etc)<p>The first thing you will learn on backend is likely a simple "blog" application. After that I think you're good at learn how to learn.<p>----<p>I read your comment on this thread, so you want to be a frontend developer!? God bless you! I don't encourage new comers to fall into React for good reasons..
As for programming language I would say Javascript.<p>However, web development is more than programming because it requires document structuring (HTML), document styling (CSS) and document dynamics (JS). All three are used to produce websites. JS is the elephant but learning styling and structure will help you a lot (I know many developers who are weak when it comes to CSS).<p>Most simple stuff can be done from the hard drive on your computer but at some point I would suggest learning how to use a SVN, develop for mobile/tablets, serve from localhost and build javascript. I would also encourage setting up a VM down the road to learn how to deploy your website to a server (as well as learning basic security/ssh/linux cl) so you'll be familiar with the process and not create vulnerabilities because your aren't a back-end guy. I could go on and on but that would be some of the easiest stuff for you to learn.
HTML, CSS and Javascript.<p>You don't even need to bother with frameworks or libraries, although you probably will for professional development. But just to learn, all you need is a text editor.
It's best to go about web development like this:<p>Languages to learn:
1. HTML
2. CSS
3. JavaScript (ES2018)
4. Rust
5. WebAssembly (Rust + WebAssembly)<p>Frameworks to learn after all of that:
1. Flexbox
2. Bootstrap
3. jQuery
4. React/React Native
5. Electron<p>Hopefully this helps :)
0. Careers
1. Technical: HTML/CSS/JS
2. Design - UX/platform/browser
3. A 'framework'<p>If you like video, I recommend the University of Youtube