Итак, как я уже говорил, одним из факторов стало то, что мой друг "варился" в этой же теме. От него я и перенял стартовый пакет необходимых знаний (теория) и умений (практика), которые мне необходимы для успешного начала.
Первым пунктом на этом пути стало базовое изучение HTML - языка гипертекстовой разметки и CSS - каскадных таблиц стилей. Для этих целей, перерыв интернет, я подобрал для себя интересный сайт — https://htmlacademy.ru
Очень рекомендую новичкам бесплатную часть курса, которая там имеется, благодаря ей вы за несколько дней или недель, как это было у меня( всё ведь индивидуально, у каждого разное количество свободного времени). так вот, там я в течение ~ 1 месяца изучал и практиковался азам HTML и CSS, параллельно, как я уже говорил в предыдущем посте — записывая конспекты и прочитывая их на работе, чтобы информация полученная с вечера лучше осела у меня в голове (читать это всё на маленьком экране телефона - не очень приятное занятие, а так как работа не офисная, а скорее с постоянной сменой места работы в течение дня, конспекты для меня - мастхэв. Было это всё в декабре 2019 года. Кое-как разобравшись в необходимой для меня базе — начал верстать свой первый сайт-блог, который идёт на том же сайте как "дипломная работа", т.е. интерактивная проверка твоих знаний, усвоенных на курсе, получая в конце готовую какую-никакую вёрстку блога.
После этого наступает период застоя на месяц. Да, по каким-то неведомым и надуманным причинам, я перестал заниматься по вечерам и в свободное время в принципе. Однако, к моему удивлению, первые 1-2 дня после этого самого застоя, проснулось такое же самое чувство эйфории, как и в начале знакомства с HTML и CSS(наверное, это чувство, возникающее меня и по сей день, когда я занимаюсь какими-либо проектами или изучаю новую информацию, и двигает меня вперёд).
Следующим шагом стало вёрстка( как я умею) 10-ти PSD-макетов, представленных на просторах сети, которые выкладывают как раз для таких как я , чтобы можно было набить оскомину и разобраться в нюансах этого дела. Совет от меня, наверное, можно выделить лишь такой: старайтесь все 10 макетов делать разными, ищите разные дизайны сайтов, пробуйте что-то новое. В процессе вёрстки мне было нужно разобраться в теме ,как эту самую вёрстку импортировать в интернет, чтобы другие люди по ссылке могли на него зайти. Данная тема легко гуглится и занимает буквально пару часов, что не может не радовать. Для тестовых сайтов есть замечательный сервис — https://github.com
Разобравшись с ним, мне оставалось лишь набить руку и потратить дни на проработку навыков.
Все свои работы с навыками на тот момент я выкладывал на Github в личный репозиторий, который создал под эти нужды. Он также бесплатный, никаких денег на обучение я до сих пор не потратил.
(Все мои "шедевры" можно посмотреть по этим ссылкам: https://github.com/Masovlad95/1th и так до 8th).
Для улучшения и проработки навыков мне очень помог парень на YouTube, вот ссылка на него - https://www.youtube.com/channel/UCE_w6FxGfRKH2fU76raVeog
Советую посмотреть самые старые видео, он вполне ясно раскладывает по полочкам необходимую информацию как раз для новичков. На этом, в целом, HTML и CSS я окончил, с пониманием того, что периодически нужно будет ко всему этому возвращаться с целью получения какой-то новой информации или вспомнить о том, что забылось.
Следующим этапом для меня стал, естественно, JS. Возможно, для вёрстки хватит и JQuery? Возможно и так, но мой "обиван" мне ясно дал понять, если ты не планируешь останавливаться на вёрстке и двигаться потом дальше, то лучше изучить нативный JS, и в необозримом на данный момент будущем - фреймворки, такие как React, Ruby и другие. Поэтому к тому моменту, а это на минуточку, апрель 2020 года, карантина у нас не было, кто в курсе, Беларусь - одна из немногих стран мира, которую он "миновал". Я к тому, что времени на изучение больше не стало и этот процесс, как и предыдущий этап обучения, затянулся на месяцы.
Как и с HTML, как и с CSS, с JS я изучал теорию и конспектировал её в блокноты, которые брал с собой на работу для лучшего восприятия и того самого необходимого "осадка" в голове. Основную теорию я брал с сайта https://learn.javascript.ru . Возможно, не самый лучший и удобный сайт, но в плане какой-то базы, мне зашёл на ура. Стоит, наверное, упомянуть тот факт, что тот самый друг изначально дал мне понять, что JS - математика уровня университета, а HTML и CSS - математика начальной школы. Шутки шутками, но так и оказалось. Усваивание материала не давалось от слова совсем, конспекты должно эффекта не приносили и стало ясно, что нужно менять манеру обучения. Отправив запрос на сервер своего друга, мне пришёл обратный ответ, что есть на YouTube мужик, который уже не один десяток лет варится в этой теме и пару лет назад запустил свой канал на YouTube и делится своими знаниями( как платными, так и бесплатными) - https://www.youtube.com/channel/UCP-xJwnvKCGyS-nbyOx1Wmg
Не могу объяснить свою тягу к нему, но чувак на высоком уровне объясняет информацию настолько доступно, что мне прям стало обидно, что я тратил дни и недели на свои конспекты по JS. На его канале существуют различные плейлисты, как с практикой каких-то отдельных элементов сайта (выпадающие списки, слайдеры, модальные окна и прочее, прочее, прочее). Пройдите этот плейлист, если вам, как и мне, крайне тяжело давался JS. Если вы не разовьёте в себе на нативном уровне прописание кода, необходимого для выполнения поставленных задач - не беда. Я увидел в этом отличную картину целиком, т.е. как тот или иной элемент пользовательского интерфейса выглядит "под капотом". Смысл лишь в том, чтобы понять, как в принципе работает JS, без усиленного углубления и практике в нём. Просмотрев этот плейлист, следующим этапом стал его авторский курс - https://itgid.info/course/javascript-2
Курс (теория + 3 ДЗ по каждому уроку) полностью бесплатный, но можно оплатив его получить определенные бонусы, о которых там указано. Так вот, я как раз сейчас нахожусь на стадии изучения и более детального разбора составляющих JS. Его материал мне полностью и целиком в этом помогает, за что ему благодарность. Опять же повторяюсь, я ни одного доллара не потратил на обучение, так как изначально, в конце ноября 2019 года была поставлена такая цель.
Подведя итог этого лонгрида: здесь я кратко постарался расписать тот самый путь, который я прошёл от "ни малейшего понятия о существовании вёрстки" до того уровня навыков и знаний, которыми я владею на данный момент. Далее же, я планирую осуществлять дальнейшее своё обучение и становление на Путь Верстальщика. Буду описывать здесь темы, которые изучил, выкладывать примеры кода, какие-то личные наработки и идеи. В общем-то всё то, чем я интересуюсь на данный момент в этой сфере. Лишь в конце августа 2020 года меня посещает мысль о создании канала в ТГ. Почитав инструкции и отзывы на это всё дело, я решил для себя, что данный метод — это как "своеобразный пинок" мне под задницу, который не будет давать мне расслабиться и каким-то неведомым для меня образом — стимулировать меня к дальнейшему развитию. Да и дело, в принципе, интересное. Это ведь как своеобразный дневник, в котором можно выражать свои мысли и эмоции, а это для меня тоже в новинку, поэтому пока "на волне эйфории".
Огромное спасибо всем, кто прочитал этот лонгрид до конца.
Подписывайте на мой телеграм канал — https://t.me/LayoutDesigner
Пройдём «Путь Верстальщика» вместе!