З мене поганий друг, Ваня і його хом’яки залишилися без сайту:)

Я влаштувався на позицію Junior через три місяці після старту інтенсивного навчання і вже двом десяткам інших людей допоміг змінити своє життя і «увійти в айті», як то кажуть:) Після цього бачу кілька шляхів вирішення питання самонавчання і просто навчання.
Оскільки, наша ціль не просто зверстати сайт для друга, який розводить хом’ячків (Ваня, вибач і тобі сайт потрібен, раптом ти це читаєш), а й отримати роботу, то і навчатися треба правильним речам. Шляхів багато, але я назву три основних для мене.

Шлях 1. Робота з книгами, відео-гайдами — це звичайно дуже круто! Можна потратити сотні годин читаючи технічну літературу, сидячи на спеціалізованих форумах, переглядаючи відео-гайди один за одним, гуглячи відповідь на питання: «А як стати front-end розробником???» І в результаті витратити купу часу. А можна піти іншим шляхом... Шляхом набивання синців та сотні годин практики!) Класно ж?

Шлях 2. Курси програмування. Чому курси? В процесі навчання важливо мати людину, яка підкаже, що ти робиш не так (з часом ти прийдеш до цього і сам, але ми ж хочемо швидко), а код рев’ю в додаток пришвидшить навчання в рази. Мені з цим в mate.academy не так давно допомогли. І так, основні переваги курсів як на мене:
— Ментор, який допоможе, when you’re stuck.
— Код рев’ю.
— Якщо курси допомагають з працевлаштуванням, то швидше за все це і кар’єрна підтримка і робота з HR.
— Структуровані матеріали для навчання. Одна з найважливіших речей, вважаю, яка допомагає тобі не зануритися занадто глибоко під час навчання (всьому свій час)
— Здоровий дух конкуренції!
Це ті речі, які мене у свій час підкупили.
Але, обирати курси чи ні — це вже діло твоє.

Шлях 3. Самонавчання. Не менш дієвий, але вимагає титанічних зусиль і вміння самоорганізуватися:)
Пройдемося коротко по моментах, які варто знати, щоб знайти першу роботу (пахне холіваром, але куди сьогодні без цього):
— Основою всього будуть HTML, CSS, JS
— Додатково одна з бібліотек або фреймворк (React / Angular / Vue etc.) Рекомендую почати з React поріг входу буде легший, ніж в той же Angular, та і на ринку зараз популярний. А там вже не важко буде перекваліфікуватися і під інший фреймворк.
— Хорошим додатком і медалькою в першому резюме, буде вміння використати бібліотеку Redux в зв’язці з React, але це вже не першочергова річ.
Щоб не копіпастити, просто кину посилання, де я в іншому топіку вже намагався розписати шлях від 0 до front-end самурая

Не все перераховане тобою, потрібно щоб отримату першу роботу в ІТ.

1. HTML, CSS — ти вказав що базу пройшов (далі все залежить від того скільки часу ти будеш цьому присвячувати. В ідеалі це фулл тайм навчання, але всі ми розуміємо, що у нас можуть бути якісь блокери ззовні, типу роботи, навчання, сім’я, якій також потрібно приділяти увагу, тому як на мене при розміреному темпі ти зможеш освоїти верстку за 3-4 тижні).
Рекомендую для початку пройти якщо ще не пройшов:
— HTML academy htmlacademy.ru
— freeCodeCamp www.freecodecamp.org для початку тільки HTML + CSS
— Знайди кілька цікавих psd макетів в мережі, та починай верстати. Роби на совість. 2-3 макети буде достатньо для початку. Їх і додамо в наше перше портфоліо.

2. JS. Тут не те щоб важче, але головне вчасно зупинитися і зрозуміти скільки всього тобі треба знати, щоб знайти першу роботу. Я б описав цей список так:
— Логічні оператори, умовні оператори, цикли, функції
— Розуміння що таке замикання
— Робота з масивами, строками та об’єктами (їх методи)
— Розуміння системи наслідування через прототипи в JS
— Базова робота з DOM та подіями

Ознайомився? Закріпляємо:
— 50 — 60 задач на codewars або leetcode
— Робота з DOM і подіями. Пам’ятаєш там зверху ми зверстали 2-3 лендінги?
Не так вже і погано було б оживити їх за допомогою отриманих знань:) Доробимо туди слайдери, можливо модальні вікна, галерею картинок і т.д. І мережі є безліч матеріалу по цікавих фічах — шукаєш і стараєшся повторити
Цей блок може зайняти вічність, якщо намагатися зрозуміти все-все, але я вірю що тут досить і 1,5 місці, щоб освоїти ази і стати джуном.
Основним посібником для на цей час стане javascript.info
Там є і російська версія ресурсу. І його буде більше, ніж достатньо.

3. Останнім пунктом буде вивчення якогось з фреймворків або бібліотеки. Раджу для початку приглянутися до React та Angular. Обидва популярні на ринку. Освоївши один з них, не складе труднощів освоїти і інші за потреби.
Зазвичай інформації з офіційної документації вистачає, щоб зрозуміти ази. Особливо в React класний стартовий гайд.
Вчимося fetch’ити дані з відкритих API і ми без 5-ти хвилин впевнені джуни.

4. Освоїли все вище? Стали на безліч граблів? Робимо на основі цих знань свій перший single-page app. Для прикладу Todo App, прикладів з ним в мереж море. Або можемо зазіхнути на щось більше і спробувати зробити копію Google calendar або Trello. З спрощеним функціоналом звичайно. Ось тобі і нова робота в портфоліо.

5. Складаємо резюме (раджу англійською). Знайомимось з GitHub і додаємо всі наші роботи туди. І подаємося на все що бачимо. Ціль — отримати тестові завдання від потенційних роботодавців, виконати їх і отримати запрошення на першу співбесіду. Останній етап буде найважчим, але головне не опускати руки і все вийде. Те саме стосується фрілансу, але для початку рекомендував би все ж отримати комерційний досвід на реальних проектах.

Реально можна впоратися за 5-6 місяців інтенсивної роботи над собою. Головне не трать час на перегляд сотні відео-гайдів, а пиши код. Головне практика — практика і ще раз практика.