Начало моего IT-пути. HTML & CSS — это цветочки!

Учение свет!

Когда мы гостили у родителей, после моего увольнения из тренажерного зала, я взял свой старый нетбук, крайне тупая была машина, но мое желание изменить свою жизнь и найти себя, было на много больше чем какие-то муки связанные с заторможенностью моего компьютера. Стоит отметить, что HTML & CSS я уже немного знал еще после университета, где я зарабатывал по 50 грн с каждой лабораторной работы, которую делал для своих одногруппников. Если вы меня спросите какого хрена на факультете «Международных отношений» учат HTML & CSS, я пожму плечами, так как ответа у меня нет. В любом случае это у меня получалось хорошо и я даже получал от этого удовольствие (не только материальное).

В общем я завел блокнот, взял три ручки: черная — для основного контента, синяя — для разных заголовков и списков, а так же красная — для всяких важных обозначений и заумных слов. И я начал с начала, я вспоминал весь HTML. Я лопатил все теги, все пробовал и смотрел, что у меня получалось. Не долго думая я начал подключать CSS, так как чисто каркас(скелет) страницы не очень вдохновлял. Со стилями началась магия, я разобрался с позиционированием, float, flexbox, grid. Потом я начал разбираться в адаптивной верстке, анимации и прочих ништяках и возможностях css.

Я просидел дома около месяца (весь октябрь), практически не покидая стен нашей квартиры, я просыпался в 5-6 утра уходил на кухню, чтобы не будить жену. На кухне меня каждое утро ждал, с вечера подготовленный нетбук, блокнот и чашка холодного кофе. За окном стояла ночь, я садился на не очень мягкий, кухонный уголок, открывал крышку компьютера, яркий свет, которого выедал мои не подготовленные глаза. Через наушники я впитывал информацию с YouTube, CourseHunter и других бесплатных ресурсов. В то время я не мог позволить себе даже курсы на Udemy, не говоря уже об обычных(offline) курсах программирования. Да и стоит отметить, что я был твердо уверен, что я смогу все выучить сам и бесплатно.

Огромная благодарность тем ребятам, youTube-каналы, которых очень мне помогли и я просто не могу не указать их здесь.

• Дмитрий Лаврик — благодаря этому человеку и его потрясающе-доходчивой манеры вещания, я понял и разобрался в позиционировании элементов на странице и адаптивной верстке! А так же в методологии Yandex — БЭМ. Так же на канале очень много доходчивых для качков, видео не только по HTML & CSS.
• HTML Academy — в частности Вадим Макеев, внес свою лепту в мое развитие в верстке. Признаюсь честно, я брал их ресурсы с пиратских (бесплатных) сайтов, НО спустя несколько лет я купил у них две подписки, одну для жены, а вторую для брата, так что, я надеюсь, мы квиты и вы не в обиде Ребята. Обнял-приподнял 😘
• Web Developer Blog — отличный канал для знакомства с разными языками/технологиями. Многие токсичные люди пишут всякую дичь в комментариях, но не смотря ни на что, автор молодец!
• WAYUP — Довольно не плохой канал Андрея Гаврилова. Во многих видео находил что-то новое для себя. Какие-то хаки и новые фишки верстки. В целом человек, пропагандирует фриланс жизнь, но мне кажется это не самый лучший вариант для новичков и в одном из следующих постов я напишу почему я так думаю.
• LoftBlog — тут чисто основы верстки брал, избирательные видео.
• FLEXBOX FROGGY — Потрясающая игра, обучающая flexbox. После прохождения этой игры вы будете жонглировать блоками как виртуозный циркач! Просто маст хев!

Безусловно это не весь перечень ресурсов, которые я использовал для обучения верстке, но этот список сделал весомый вклад в мое развитие и я благодарен им всем за это! Я так же использовал много других ресурсов как видео, так и текстового формата. К сожалению всех и не вспомнить, но как правило это сайты с первой-второй страницы Google-поиска. Я уверен, если вы захотите изменить свою жизнь также сильно как и я, то HTML & CSS для вас не будет проблемой!

Как известно, Frontend — это три кита HTML, CSS и JavaScript. Многие мои знакомые «поломались» именно на третьем ките. В следующем посте я вам расскажу как я учил JS и при этом не выстрелил себе в голову, так что до встречи! Дальше больше! 😉

P.S. Одевайте шапку, на улице достаточно холодно!