Эркин Бахтушкин

До ТОП-а(уровень джуна, что круто) можно вырасти с вашим уровнем за 1 - 2 года. До старшего за 3 - 10 лет. Это реально.
Сам начал с html и css. Потом делал сайты под ключ на wordpress, для этого пришлось погружаться в знание php. Параллельно учил js. Теперь делаю свой проект на чистом JS(фронт vue, бэк node+express+postgresql)

1. На текущий момент web-разработка делится на 2 основных направления: фронтенд и бэкенд. Также есть особые звери среди ТОП-ов, full-stack разработчики, которые совмещают оба направления.
   
2. Так как вы начали с css и html, то надо развиваться вначале как фронтэндер. Это быстрее и легче.
   
3. Карта развития для фронтенда.
   
   • HTML и CSS. Тут все просто. htmlbook.ru, html5book.ru и htmlacademy.ru(бесплатная часть). Но тут у вас знания как понял есть, так что идем далее.
     
   • Далее SCSS, а также что такое и зачем БЭМ
     
   • Gulp. поднять локальный сервер с живой перезагрузкой веб страницы. Лучший стартовый репозиторий в рунете на основе gulp + scss + pug лежит тут Стартовый репозиторий Николая Громова. В общем, сильно не погружаемся, данный инструмент нужен для быстрой разработки простых проектов, на которых будете обучаться.
     
   • JavaScript. А тут на порядок сложнее. Идите по этому адресу learn.javascript.ru нужно пройти весь учебник.
     
     • Сначала первую часть учебника до типов данных включительно
       
     • Потом первые две главы второй части
       
     • В общем, должны знать как менять классы на html элементах по клику и прочие простые браузерные события
       
     • После этого опять штудируете уже весь учебник, реально в принципе и за пол года освоить
       
     
     
     
   • Заведите аккаунт на гитхабе
     
   • webpack и git, на самом простом уровне.
     
     • Webpack --- уметь делать готовый бандл
       
     • Git --- комиты, ведение истории проекта, ветвление, слияние
       
     
     
     
   • После того как у вас будет уверенная база знаний по JS, попробуйте VUE.js, начните с этого обзорного курса Vue JS - Быстрый курс за 50 минут . Дальше там разберетесь по документации.
     
   • Сделайте свою собственную CRM на основе этого курса Практика Vue JS - создание CRM системы.
     
   • После этого сделайте еще 2 - 3 проекта, можно на VUE, или на react. Когда вы будете уверенно знать JS, освоить тот или иной фреймворк не проблема
     
   • После этого вы можете себя называть начальным ТОП-ом, а вернее джуном. На это уйдет примерно 1 - 2 года, уже на текущем уровне вы сможете получать доход от 60 т.р. и выше
     
   • Далее только практика. Через 1 - 2 год вы сильно вырастите на рабочих проектах и должны стать мидлом
     
   • Если хотите дойти до старших разработчиков, то тут для тех кто вступил на путь программирования через JS безальтернативный путь. Это прохождение вот этого курса. Курс Шемсединова по основам программирования на JS . В своей сути единственный курс по основам программирования на JS
     
   
   
   
4. Карта развития для бэкенда.
   
   • Тут все просто. Node.js.. Но конечно предварительно изучив JS, путь описал выше
     
   • Начать с этого Node JS - Быстрый Курс за 1 час
     
   • Потом пройдись более глубоко хоть и по старому, но фундаментальному скринкасту от Ильи Кантора
     
   • В качестве базы данных все курсы по NodeJS учат на основе mongoDB, но советую монгу использовать в самом начале, только для того что бы понять как работает API, потом учи реляционные базы данных, советую вообще тут начать с Postgresql, доки переведены на русский язык. В начале для работы с sql можешь использовать sequlize, если не хочешь вдаваться в sql язык
     
   • Для бэка подойдет также вот этот ресурс metanit.com/.
     
   • В бэкенде еще слаб, поэтому что то подробнее не могу. Могу лишь сказать, что вершинной обучающих курсов можно считать опять же приведенный выше ресурс. Канал Тимура Шемсединова Там у него хороший плейлист по node. Кстати, Тимур и его Ко сделали вклад в node, так что перцы реально крутые и дают самый актуал
     
   
   
   
5. Вы можете быть или бэк, или фронт, или фулстак, выбор за вами. Но глубокое знание JS в любом случае обязательное. Также после этого должны погрузиться в основы программирования
   
6. Иного пути нет. В эпоху кучи фрилансеров делающих сайты на коленке за пачку доширака и развитых генераторов сайтов только такой путь. В противном случае вы будете жалеть через 5 лет, когда web уйдет в еще в более крутые высоты.
   
7. Пройдя путь от неумелого верстальщика до программиста который знает основы программирования, хоть и только JS, вы сможете без всяких проблем изучить другой язык и выбирать свой путь, который будет вам комфортен
   

https://hackernoon.com/hn-images/1*YTP0ii6kEqZtxUN...

Также советую использовать вот это при верстке. На текущий момент это лучший стартовый репозитарий на основе gulp в рунете.
https://nicothin.pro/page/my-start-kit

Данный слайдер подхватывает значение скорости анимации из базового файла стилей - owl.carousel.css
Найдите там вот это стилевое правило.

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; 
}

Замените время анимации на нужные вам значение.