Front-end: where to start acquaintance and study

Question

PHP

Hello!
I am a second-year student at the Faculty of Business Informatics at one of the leading Moscow universities. I have been interested in IT since childhood, from the fifth grade I started doing something myself, first offline, then switched to the web. At that time, all sorts of maibebe, yukoz, etc. began to appear there. At first I got acquainted with them, I realized that this is not at all the format that I would like to consider.
In the seventh grade, for the New Year, my father gave me his dedicated virtual server, which I set up myself, installed vBulletin there and began to study it. At first, I just modified it for myself, made my own templates, then I started to learn PHP a little and write some of my plugins for the engine in parallel.
In the ninth grade, I got acquainted with WordPress, got to know the structure pretty well, I also began to write my own templates, add something for myself, etc. But somehow I never climbed further, and I never thought that what I knew and knew could be considered something out of the ordinary.
When I entered the faculty of BI, I thought that there would be at least some slightest acquaintance with the phenomenon of web development, but a year and a half has already passed, but no one has heard or spirit about it. And so it is up to the end of the magistracy, and this is very sad. There is only one way out: to study on your own.
Recently I heard about such a concept as front-end, and I realized that this is something similar to what I “dabbled in” before, only much wider and deeper. So here's the question:please advise me where to start getting acquainted with front-end development, what to read, what to do, etc. Because the desire to learn and do something is unrealistically large, and there is almost no information (yes, I know what “search engines” are). systems”, but, unfortunately, there are still no such systems that would be able to understand exactly where is the good information that the author of the request needs, and where is unnecessary mess for the head).

Answer 1

html/css: read about semantics (just look through the spec), read about the microdata format, watch presentations from which conferences (web standards days for example, etc.), check out the htmlbook.ru service and their articles and tasks for beginners.. ..
js: I'll say right away, try to write your own jQuery .... this is enough to understand the basic concept of the language, it's interesting, and you will immediately become familiar with the browser api for interacting with the dom. Well, again, you will immerse yourself in the wonderful atmosphere of "which x works in this browser and not in that one !?". Not all jQuery, only basic functions and only top browser support. Dig deeper into javascript.ru and similar resources... mostly you have to google a lot.
And then move on to the next step... learning methodologies, patterns, etc. Try grunt, cover your code with tests, try tdd then bdd, try frameworks and libraries in parallel (angularjs, backbone.js, knockout.js, etc.). Since you already know php, try writing a rest api for your test applications, etc.
And books and information ... honestly, the taste and color. It's easier to learn something - start writing. There is a lot of information on how to do this or that, and their quality can be judged by where you found this solution, comments on it, etc.

Answer 2

Any front-end always starts with HTML .. what to read can be found in the reviews on ozone. I once started with video tutorials on HTML. But in the video they tell slower than you yourself will read it. Therefore, the video in this regard does not channel. Start with a book. Good luck.