Finished the basic html and css course at Codecademy, what should I study/practice next?

Question

IT education

I learned about Codecademy through a toaster, tried it, liked it very much. I used to learn html back in school, so it went relatively easy and I like it. But there they give basic knowledge, while the goal is the html5 + css3 -> js-> ruby
​​1 chain of technologies. Is there something similar to Codecademy for html5 + css3? If not, what would you recommend reading? w3.org is not an option, it is written for developers, it is very difficult to go without knowledge of cool technical English.
2. Does it make sense to practice a lot on html and then adapt to html5? Or is it better to first learn all the nuances of html5 + css3 and practice a lot already with it?
3. What would you recommend for practice? I read somewhere that you can just take any sites and try to recreate them. What do you think?
4. I really liked the editor in Codecademy (syntax highlighting, on the right is a screen with a visual result of the web page). Are there any analogues of such editors for permanent work? Or do true developers not use this?) It seems convenient to me - you immediately see the result, and the editor informs you with icons if there is a typo somewhere, the wrong selector, etc.

Answer 1

1) Without water and in Russian - Sorax
2) I would prefer html5 + css3, and I solved the problems of old browsers as they arose.
3) You can take sites, but it’s better not any, but very beautiful and convenient. There will be more trouble with them, which means more experience. And a beautiful site is more pleasant to make up.
4) As an editor, after many experiments, Sublime Text seemed to be the best
I am using guard livereload which refreshes the page on file change
Very handy thing for writing html/css - Emmet

Answer 2

1. HTML Academy and Loftblog. But still, I highly recommend reading to the maximum in English, learning the language. Because many specific things in Russian are very difficult to find.
2. Only HTML5+CSS3. Starting from support for older browsers is a vicious path, because instead of mastering new technologies, you will be engaged in mastering old bugs, spend a lot of time, and after a while this skill will be completely useless.
I highly recommend that you immediately master the following two things:
- Bootstrap is a very convenient platform for creating websites.
- LESS is very simple and will save you a lot of time.
At first it may seem that it is difficult or the question “Why is this?”, but the sooner you master it, the more time you will save in the future.
3. I recommend to continue to engage in purely practice and googling the unknown. Take the free PSD templates that the Internet is full of and typeset. To make it more interesting, make a site for yourself or one of your friends. Because layout in isolation from the assigned goals for the site is not a very meaningful exercise.
4. Sublime Text, yes. You can also look at Brackets - I might use it if I wasn't already used to subliming.

Answer 3

1. I would advise basic js, then move on to JQuery, Angular and more. Without JS, almost nowhere. come in handy , and read this for js .
2. Good advice was about Bootstrap and LESS, but there are controversial opinions on this. Learn quickly, can be useful. If you don't know CSS well, then it's better to refrain from LESS a bit, learn css.
3. Practice is the best thing. All theory bows before it. I’ll add from my experience that much that you learn for yourself from tutorials may not be useful at first and will be quickly forgotten. You already have the basic knowledge, you can start practicing and learning as needed.
4. I chose Sublime Text for myself. If necessary, I can throw off a few videos with his chips.

Answer 4

Here above said about LESS. I think that for a start it is necessary to write the CSS code with pens. Otherwise, you can foolishly pile up nesting in 7 levels =)
A good resource (in English) the Odin project. There are collected links to articles / books / manuals + there are simple tasks. There are materials for both clean layout and Javascript.
From what to read in Russian - htmlbook
For practice, take not just sites, but layouts in PSD and typeset.
And most importantly, if you are not friends with English, then learn it in parallel. Well, it will come in very handy. 95% of the questions will disappear by themselves, it will be enough to google.