Senbonzakuraa

Довольно распространённая проблема.
Вам нужен либо ментор, который будет помогать вам развиваться, либо просто используйте собственное воображение.

Задач можно придумтаь, сколько угодно. И даже, если вы будете делать хотя бы тот же самый плагин попапов, то это НЕ ПЛОХО. Вы должны написать велосипед. Вы должны сделать работу, которую кто-то уже сделал 1000+ раз. Хорошо бы, чтобы после своей реализации вы посмотрели чужие.

Отрисуйте с помощью js элемент, добавьте ему стилей, какие вам нравятся. Потом заставляйся этот элемент по клику "прыгать" по экрану в случайные места. При чём, если какая-то часть элемента будет попадать за границу экрана - делайте так, чтобы она всё-таки попадала в экран.

Или заставьте тот же элемент передвигаться по экрану с помощью клавиш-стрелок.

А если вам больше нравится с данными работать, то найдите генератор JSON данных. С помощью js сформируйте на основе этих данных таблицу, потом добавьте сортировку по названиям колонок.

И так далее. Программирование очень творческий процесс. Не без исключений, конечно, но вам в начале пути нужно именно фантазировать. Придумывать задачи, которые было бы можно(или даже нельзя) реализовать с помощью программирования, и делать это.

Успехов.

PS: На эту тему можно много рассказать, предложить, поэтому как всегда много букв, прошу прощения.

Обрати внимание на flexbox, он уже актуален везде, после обрати внимание на css grids
Так же обрати внимание на ES2015, ES7, ES.NEXT, после чего на React.JS/Angular.2+/Ember.JS/Vue.JS/... на выбор. Ну HTML5 само собой разумеется. Так же неплохо хотя бы по верхам понимать HTTP и AJAX, если еще websockets добавить, то вообще замечательно. Ну там еще всякие линтеры, вебпаки, лесс/сассы и прочие ноды тоже будут весьма полезны.

В целом в последние годы порог вхождения в годный фронтенд резко подрос, у тяп-ляпщиков все меньше и меньше возможностей пробиться.

В общем в голову впихнуть придется столько, что мама дорогая.

Это я еще ни слова не сказал про алгоритмику, которая тоже важна, т.к. без нее будешь страдать, как только придется что-то программировать сложнее, чем пара строк.

Короче желаю удачи, упорства, усидчивости, концентрации, воли и откорректировать планы в сторону увеличения времени и сил на освоение раз, эдак, в дцать... :)

1. Забыть про бутстрап по крайней мере на время. Сначала научиться верстать руками. (Если цель изучить верстку).

<a class="navbar-brand" style="color:#ffffff;font-size:15px; font-weight:00;" >+79990000000 mail@shhh.s</a>

2. Зачем нужны инлайн стили, если все равно есть класс и css?

3. Ссылка одновременно и на e-mail и на телефон? И у ссылки должен быть какой-то href.

4. font-weight:00; - 00? Внимательность верстальщику нужна чуть меньше чем хирургу, но все таки нужна сильно.

5. Я бы с тегом nav вела бы себя аккуратнее, это скорее обертка для ссылок, а не для всей панели. https://webref.ru/html/nav

6. Не забывайте пользоваться валидатором https://validator.w3.org
Я согласна на невалидные решения, но только если Вы отдаете себе отчет в том, зачем это делаете.

Хватит пока

1. Теория без практики - бессмысленно. Советую брать по возрастанию сложности макеты и верстать (от простых до сложных).
В видео уроках много воды и ненужной информации, т.е. много слишком затянуто.
2. Покупать курсы - не вижу смысла если не будет индивидуального занятия с результатом и задачами. Т.е. покупать кота в мешке. Курсов в интернете много.
3. Что могу посоветовать от себя, в зависимости от Вашего уровня знаний могу покоучить немного в этом направлении т.к. сам работаю Front-End разработчиком. Можем связаться и объясню что к чему. Все бесплатно, но времени в день смогу не очень много уделять.

1. Базовые навыки html/css. Здесь отлично помогает htmlacademy.ru

2. Чистый JS на learn.javascript.ru

3. Попутно верстаете все, что плохо лежит, практику по JS можно получать на каком-нибудь Codewars.

4. Дальше начинаются различные тулзы — препроцессоры, сборщики, фреймворки. Начните с простого — Gulp, Sass, Jquery, Bootstrap, Emmet, Git, NodeJS на уровне npm.

5. А здесь вы уже начнете неплохо ориентироваться во фронт-разработке и вопросов — куда двигаться дальше — не появится. Разве что только философские.

И еще момент, уберите пока бутстрап, сначала разберитесь как все работает без бутстрапа, а потом уже сами поймете нужен вам цсс фреймворк или нет. То же самое с препроцессорами, сначала чистый цсс, после уде подключайте все остальньное

1. Каким образом лучше и продуктивнее продвигаться в освоении?

Верстать, верстать и еще верстать

2. Есть какой-либо смысл покупать "индивидуальные курсы"?

сейчас так точно уже нет