Where to move in the study of frontend development, programming?

Question

IT education

Hello, please tell me where to go in the study.

Target

Start taking small freelance jobs, or doing small jobs or edits for the company, and get paid as you complete them.

My portfolio

Есть сверстанные макеты, которые не стыдно показать, на которых учился и практиковался. Я делал их по видеокурсам. Повторял, что не понятно, чтобы понимать, что происходит. Если не понимал, отдельно в codepen повторял, когда понимал - продолжал изучение. То есть целью изучения было понять всю логику происходящего.
github_surfing_site_work
github_promises_site_work
github_jQuery-calculator_site_work

What do I know?

1. HTML (средний уровень). Если что-то не понятно, могу быстро найти информации и применить (интегрировать в код )
   
2. CSS (начальный уровень). Бывают трудности с позиционированием элементов, прекрасно получается с Flexbox, bootstrap. Умею делать верстку под мобильные устройства. Также умею работать с LESS, пользуюсь Gulp, делаю блочную верстку по-файлово, делаю компиляцию сss и html файлы из нескольких файлов в один файл. Умею делать карусель на Bootstrap и с помощью owlcarousel2
   
3. jQuery (полностью начальный уровень). Умею подключать, реализовывал калькулятор, который менял отображение картинок и цифр, стоимость. Также реализовывал аккордеон на jQuery; стрелочку, при нажатии на которую, сайт скроллился вверх.
   
4. JavaScript (абсолютно начальный уровень). Понимаю, что такое переменная, некоторые операторы, массивы, виды значений, создание простых функций.
   
5. Умею на базе Вордпресс создавать кастомные записи, подключать сайт к PHP и к кастомным записям, чтобы можно было из админки все менять. Натяжка верстки на Вордпресс. Умею с локального сервера перебрасывать на хостинг сайт и базу данных, также связывать их, чтобы работала система. Умею с Хостинга на хостинг перебрасывать сайт.
   
6. Умею пользоваться консолью на уровне загрузить проект на github и на github pages статистический сайт.
   
7. Умею пользоваться Вордпресс, создавать сайты используя плагин Elementor и другие плагины, которые встраиваются в Elementor и работаю с ним в связке.
   
8. Пользоваться Photoshop и Avocode, их использовал для нарезки изображений с макета и проверки расстояний между блоками.
   

PS
There are a couple of thoughts on how to move on. Maybe I'm wrong, please correct me:

• Create a couple of psd layouts to anchor the material (html and css, without much use of jQuery).
  
• Delve into practice in learning the possibilities of jQuery and make effects (animation) on the site.
  

Answer 1

What do I know?:

1. HTML - you don't know, HTML is not about finding and integrating code quickly, but normal knowledge of semantic layout , so that later SEOs would not be sick of the lack of header \ footer tags
2. everything is very strange with CSS, what does middle-beginner level mean? Positioning in CSS, one of the initial and simple topics, is not working with animation, svg and so on and so forth. Do some research, especially before digging into WP and plugins like Elementor.
3. I didn’t read the rest, because after that, many write on the toaster that the web is a job for monkeys.
Those pet projects that you uploaded to github are not yours, these are lessons from youtube,on which people learn to layout, take one complex layout drawn in a regular psd, type it up, put it on WP from scratch, face a cloud of nuances - such as creating an adaptive, cross-browser, semantically correct template, with a competent fit for WP.
And then repeat this 7-8 more times. After that, either get out on hh, or think about freelancing (not a fact).

Answer 2

Try React/Vue/Angular. Front-End in Russia is mainly built on a framework, so you can find a job. They take even with minimal knowledge of the same React, for example.

Answer 3

Need:

1. Learn how to make semantic layout, adaptive, cross-browser.
   
2. Learn positioning. And the basics of css, and then go deeper.
   
3. After good knowledge of html + css: naming methodology (BEM) + preprocessor (scss for example)
   
4. At the next stage, there should already be enough work in the portfolio to start using js.
   
5. Then gulp/webpack.
   
6. Then go deeper into the frontend, if you wish.