Как и обещал вчера, новое видео по вёрстке лендинга R-olio уже на канале. Премьера - в 20:30, то есть через 18 минут! 🎥 Го смотреть!
https://www.youtube.com/watch?v=q9JbXi-UwWQ

Стрим начнём через 5 минут!
https://www.youtube.com/watch?v=bLJVTc7god0

КМБ по JS day 0

Скоро мне, Колину Робинсону, как и многим из вас предстоит снова встретиться со страшными и злыми HR and Team Lead во время интервью. А значит нужно освежить память и немного вспомнить что к чему в нашем любимом ДЖС.

Ближайшие 10 дней я буду делать шпаргалку-миниотчето своей подготовке к этому событию (мой субъективный миникурс по основам еще в разработке). Надеюсь что вам понравиться проделанная работа и после КМБ я продолжу писать для вас интересные посты и придумывать активности.

В нулевом дне рассмотрим такие небольшие темы как:
1) Знакомство с JavaScript
2) Переменные и их особенности
3) Типы данных

Ссылка на статью:
https://telegra.ph/KMB-po-JS-day-0-02-03

Надеюсь вам понравиться такой подгончик и вы узнаете что-то новое (хотя весь "движ" будет в следующих днях, их всего +-10 будет)

Также при желании можете поддержать развитие и выход дальнейших статей не только секции КМБ но и миникурса для начинающих и просто об интересностях нашего с вами любимого языка по ссылке: https://send.monobank.ua/2hRtPEUJ4v

P.S. Ошибки будут исправлены в течении дня.

Всем продуктивной недели и успехов в вебе /*обнял*/ ❤️

На данный момент отснял 8 часов видео по R-olio, почти закончил сайт, сейчас сижу монтирую. Ждите новых видосов на канале. Кроме того, в среду, в 17:00 будет стрим с разбором сайта. Как обычно, я и @nezdolIy посмотрим на дизайн и вёрстку, обсудим основные ошибки. Анонс стрима совсем скоро появится на канале.

А вот и новое видео на канале! Продолжаю верстать сайт R-olio. Сегодня первая часть моей длинной эпопеи со слайдером. Завтра к обеду смонтирую продолжение.
https://youtu.be/tyabpsD20d4

Всем привет!
Соскучились за CSS-разборами? У меня их есть для вас!
https://youtu.be/s4GPUnBxFms
Сегодня, в 17:30 по Киеву проведём стрим вместе с @nezdolIy, разберём два сайта:
1. @notychWeb скинул нам на разбор свой сайт-портфолио. Посмотрим на него.
2. @jamesborn89 сделал лендинг машинки-трансформера, который мы тоже будем смотреть и разбирать по кусочкам.
Запись этого стрима останется на канале для тех, кто не успел, как и ссылка на страничку поддержки.

Стартуем! Вэлкам на стрим!
https://www.youtube.com/watch?v=s4GPUnBxFms

В ожидании aspect-ratio:
все «хаки» для пропорциональных боксов

В ожидании широкой поддержки свойства aspect‑ratio предлагаю вам вспомнить несколько вариаций "хака", которыe мы все еще можем использовать, чтобы достичь такого же поведения с обычными боксами.

https://habr.com/ru/post/542212

#CSSfieldnotes

Новое видео по вёрстке лендинга "R-olio" уже на канале!
Переходите по ссылке, смотрите видео и обязательно поставьте лайк или дизлайк: так я буду понимать, нравится ли вам подобный контент или пора менять формат!
 А так же не забывайте прокомментировать увиденное и, конечно же, нажать на колокольчик, что бы не пропускать новые видео и стримы!

Друзья, вы же ещё не ложились спать, правда?
Во. И не надо пока. Прямо сейчас для вас рендерится ещё один ролик на канал. Скоро будет! Как говорится, не переключайтесь!

А вот и обещанное видео! Уже залито на канал и полностью готово к просмотру!
https://youtu.be/uIWlabVyEK8
Не забудьте подписаться на канал, поставить лайк этому видео, а так же перейти по ссылке в описании под роликом и передать привет в виден лайка Александру Лущенко за то, что подкинул мне тему для размышлений!

Курс молодого бойца принял новый облик. Редактирую 5 вордовских страниц следующего урока + напишу заново примеры кода, чтобы вы могли склонить репо к себе и потыкать джс своими же руками. Так же данный формат предоставляет некоторые нововведения, а именно возможность комьюнити предлагать свои примеры кода в уже имеющиеся уроки (об этом позже) ну и предлагать свои темы для нашего свами рассмотрения. Надеюсь что за ближайшие 2-4 недели мы пройдем с вами теоретическую базу и начнем писать какой-то небольшой проект + паралельно немного уйдем во вью и углубленный джс. В общем думаю вместе с вами мы еще немного опустим точку входа в мир джс разработки и со временем создадим еще один ресурс для изучения/повторения языка перед собесами и т.д.

UPD: сам урок будет часа через 2 :с

Йой, трохи затримався.
И так, продолжаем учить/повторять JS.
Что из нового:
Теперь все уроки будут собраны в 1 месте, а примеры кода можно будет стянуть к себе на комп и потыкать самостоятельно
Общая репо с навигацией: https://github.com/KolinRobinson/KMB
Вы можете делать вклад вразвитие этой ребрики, тем самым улучшая нашу шпаргалку и помагая новичкам предлагая в гите свои изменения
Также вы можете исправить ошибки таким же образом (я часто пишу ночами из-за нехватки времени и по этому не все успеваю отредачить)
Также вы можете ставить отслеживание на репо и узнавать о выходе статей первыми
Звездочки в репо тоже приветствуются

Что мы рассмотрели в Часте 1 / Урок 1
В данном уроке мы выучим/повторим операторы. И чтобы лучше их понять добавил иф и свитч инструкции.
Также появилась домашка, которую рекомендовано пройти тем кто начинает свое погружение в мир ДЖСа, если вы претендуете на уровень джуна - для вас все задачки будут простыми и можете решить их в голове, но сравнение с андефаинд в жизнипригодится)

Ознакомиться с материалом данной части изучения можно по ссылке https://github.com/KolinRobinson/KMB/tree/main/lesson%201

Всем удачного изучения и совбесов👌

Поддержать проект можно по ссылке: https://send.monobank.ua/2hRtPEUJ4v

Всем привет!
Давненько не было ничего нового на канале. Честно говоря, у меня было не много времени в последние пару недель, всё никак не успевал смонтировать видео для вас. Но вот появилась минутка и я сделал новый ролик о вёрстке слайдера. Наконец-то покончим с ним и на следующей неделе перейдём уже к другим секциям!
https://youtu.be/jk4gx99tMfM
Помните? С вас лайк 👍 и коммент 💭 !

Это на столько же круто выглядит, на скол ко просто делается! Прям Вау!

​Создание объемной фигуры из текста с анимацией на HTML и CSS

Небольшой видеоурок по созданию интересной анимации из текста от нашего подписчика.

В качестве примера взята форма бутылки, но вы можете создать любую другую фигуру, используя этот метод.

https://tprg.ru/DIat

#фронтенд #html #css

Где обещанные видосы? Ты ж обещал в воскресенье выложить.
Рассказываю. В воскресенье утром после поездки в Киев у меня была температура 39 и адски болело горло. Сейчас уже полегчаало, температуры нет, горло болит не так сильно, но появился насморк и кашель (нет, не корона, я проверял, тест негативный).
Вероятно, не всем понравится, если я буду говорить мало (потому что врач рекомендует пока не нагружать горло лишний раз) и как переводчик из 90-х. Но если всё будет ОК, то на следующей неделе сделаем стрим-разбор и запишу 2-3 видоса по вёрстке. Возможно позже будет ещё разговорный стрим с ответами на вопросы.
Пока есть время - продумываю планы на канал на будущее.

Вчера в рамках выполнения рабочей задачи наткнулся на интересное. Делюсь тут с вами: https://m.habr.com/ru/post/348502/

Закрытие по клику снаружи. Китти Жирадель делится реализацией меню, которое закрывается, когда теряет фокус или происходит клик за его пределами.

https://kittygiraudel.com/2021/03/18/close-on-outside-click/