Ну что, мы дошли до адаптива NoTab 📱
7 часть вёрстки данного макета уже на канале.
Переходим по ссылке, смотрим и практикуемся:
https://youtu.be/P-qJvX56jho

Вчера делал опрос о браузере, которым вы пользуетесь. В начале очень испугался, увидев, что первые два голоса были за Safari 😱
Нет, я ничего плохого не вижу в Safari, сам пользуюсь техникой Apple. НО на днях верстал сайт для школы и был крайне удивлён, что вёрстка поехала только на Safari, а во всех остальных браузерах всё ок. Сайт подвисает из-за небольшой анимации, состоящей из 2 ключевых кадров. JS и вовсе не работает, при том, что писал код самостоятельно на чистом JS без всяких библиотек. Префиксы не помогают. В общем плане вёрстки сайтов под Safari оказалось, что здесь всё не так просто. Можно сказать, что сейчас это IE в текущих реалиях, под который постоянно нужно подстраиваться и это не гуд. Раньше я вообще не заморачивался с этим браузером, т.к. не было устройств с Safari, и в этот раз был крайне удивлён.
На самом деле, хочу немного облегчить себе эту задачу и взять консультацию по этому поводу, чтобы проблему решили и продемонстрировали решение, ибо в интернете инфа гуглится с трудом на эту тему. Если кто-то из вас сталкивался с кроссбраузерной вёрсткой под Сафари, то буду рад, вашей подсказке, чтобы всё заработало 😄

Сегодня, кстати будет финальное видео по NoTab, но я вас позже об этом дополнительно уведомлю)

🏁 Финальный ролик по NoTab уже на канале 📱
https://youtu.be/iwRe3Fw0FnI

Кто-то успел сверстать NoTab с выходами еженедельных роликов? Или на каком ролике вы сейчас остановились?

Velocity 🔵 - это был самый первый и самый простой макет для вёрстки на канале. Но именно он до сих пор занимает лидирующие позиции по просмотрам. Почему так? Не знаю) Быть может на youtube мало видео для новичков с подробными объяснениями?

Напишите в комментариях: видео с вёрсткой какого макета привело вас на канал?

12 февраля на канале WEB PRO мы достигли 1000 подписчиков 🎉
Медленно, но верно ползём вверх. Есть идеи как увеличить рост аудитории, дабы и мне интереснее было делать контент для зрителей, и вам в чате создать движуху. Поэтому скоро начну воплощать)

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

Также если делиться с вами статистикой, то с начала этого года вы обращались к боту уже >900 раз. Он стал неотъемлимым и бесперебойным помощником, и меня радует, что вам удобно им пользоваться. Некоторые из вас даже благодарят бота за выдачу материала, это круто)
В бота добавлен готовый код по NoTab с уроков. Если ждали - забирайте.

🎉 На следующей неделе пройдёт очень крутое и значимое событие для школы WEB PRO. Мне уже не терпится вам рассказать о нём, но я постараюсь добавить немного интриги и приоткрывать завесу тайны каждый день понемногу. В любом случае каждый из вас после этого события сможет считать себя "олдом" и говорить, что стоял у истоков становления школы.

Но у меня к вам есть просьба, дабы мне интересно было с вами делиться информацией, я прошу вас также активно принимать участие и ставить реакции на посты, комментировать их или делать иное действие, которое указано в посте 🤝

Ну и дабы понимать серьёзность ваших намерений, выберите кнопку к данному посту, которая характеризует ваш уровень знаний в вёрстке сайтов, где 0 - это только начал изучение, а 5 - спокойно могу сверстать сайт любой сложности без сторонней помощи.

Продолжаю подогревать ваш интерес статистикой 🔥
Вы удивитесь, но к данному событию я собираюсь закупить рекламу (около 20-30 тысяч рублей за первый день и примерно столько же или больше за следующие). Да и вообще до закупки рекламы я уже успел довольно сильно потратиться в этом направлении.

Также интересно, что к этому событию я готовлюсь уже более полугода. В частности последние 3 месяца работы я мог бы делегировать это на команду профессионалов, но в таком случае мне всё это обошлось бы примерно в 500 тысяч рублей 😱😱 Думаю, для большинства это огромная сумма, поэтому приходится разбираться самому и двигаться не спеша.

А ещё более интересный факт, что один из вас (человек, который пришёл с ютуба) уже участвует в данном событии с начала декабря по сей день. Но скоро абсолютно у каждого будет возможность поучаствовать в нём. Есть предположение о чём идёт речь?

­Нужны ли кураторы на курсах?

На днях проверял работу ученицы. Она спустя 1.5 месяца обучения разработала достойный сайт, который не стыдно положить в портфолио. Время проверки заняло 4 часа. Да, Карл! 4 ЧАСА! 😱 При этом каких-то грубых ошибок не было. Просто я комплексно проверял всю работу и давал комментарии по каждому блоку - где и как можно было бы улучшить, ну и подмечал внимание на недочётах.

На момент отправки обратной связи получилось 53 пункта или 12545 символов. Причём платформа от количества символов начала подтормаживать, и я очень боялся, что при отправке она просто выдаст сбой и ничего не сохранит. Поэтому я делал скриншоты каждые 2-3 пункта, чтобы уж точно не потерять всё написанное (приложу скриншот). Но благо платформа всё успешно отправила.

Конечно, на этом обратная связь не закончилась, и я продолжил помогать на протяжении ещё нескольких дней в личных сообщениях. При этом комментарии расписываются максимально подробно, но иногда понимаешь, что быстрее записать небольшое видео, как исправить тот или иной недочёт, чем полчаса расписывать это текстом.

Поддайте огоньку 🔥, если считаете, что обратная связь очень важна.

САМОЕ МАСШТАБНОЕ СОБЫТИЕ ШКОЛЫ WEB PRO 🚀

Настало время раскрыть все карты 🃏
В это воскресенье я проведу для вас бесплатный вебинар "Пошаговый план становления веб-разработчиком". Я поделюсь с вами своим опытом разработчика и преподавателя по созданию сайтов.

В программе вебинара:
🟣 Почему я выбрал веб-разработку
🟣 Кодинг или конструкторы сайтов
🟣 Сколько зарабатывают на создании сайтов
🟣 Через сколько можно заработать первые деньги в данной сфере
🟣 ПОШАГОВЫЙ ПЛАН ИЗУЧЕНИЯ С НУЛЯ
🟣 Типичные ошибки новичков

Многие из вас очень хотели обучаться у меня, а некоторым за это время даже удалось это сделать. Кто-то попал на консультации, а кто-то пошёл на курс. Всё это было единично. Но теперь обучение в школе WEB PRO доступно каждому. И я с радостью сообщаю вам, что в конце вебинара я презентую вам свой курс.

🎁 Каждый участник вебинара получит бонусы, полезные материалы и первый урок курса WEB PRO с проверкой дз.

Присоединяйся по кнопке ниже 👇

Делюсь своими секретными наработками на вебинар 🤫

Подготовил для вас крутую презентацию к выступлению в фигме. Поэтому в это воскресенье вы получите не только полезный контент, но и визуально красивый и эстетичный 😍

Если вы ещё не с нами, то присоединяйтесь, будет жарко 🔥

Подготовил для вас полезные ссылки, которые получит завтра каждый участник вебинара 🚀

Их больше 50 штук, они даже не влезли в один пост для отправки. Там есть ссылки на всё:
🔘 Ссылки на бесплатные сайты-игры, которые помогают изучить html и css играюче;
🔘 Ссылки на множество различных генераторов и шпаргалок для начинающих;
🔘 Ссылки на фотостоки, иконки, как убрать фон с фото, сжать видео или фото без потери качество и много других полезных ссылок..

Как минимум только ради одной такой крутой подборки стоит посетить завтрашнее мероприятие, я уж молчу о пользе самого вебинара. Поэтому если вы ещё не с нами, то присоединяйтесь, будет полезно 🔥

⚠️ Через 2 часа пройдёт вебинар, в постах выше более подробно рассказывал о нём. У вас есть последняя возможность зарегистрироваться на него, кто этого ещё не сделал.

Открыл доступ к курсу WEB PRO 🚀

Да, именно так. На прошедшем вчера вебинаре я рассказал как можно получить первый урок курса WEB PRO, как получить >50 полезных ссылок для веб-разработчика, а также рассказал как быстро стартовать и заработать деньги на создании сайтов.

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

Какими телеграм каналами в сфере веб-разработки вы пользуетесь/хотели бы пользоваться?

Например я подписан на канал, который присылает макеты для вёрстки в фигме. А вы? Напишите в комментариях 💬
(только без ссылок, сама тематика)

Есть две хорошие новости 👨‍💻

🔴 1. На этой неделе я снимаю контент для ютуб канала по веб-разработке. Планирую подснять и вёрстку многостраничного макета, как просили в чате, и попробовать сделать несколько полезных коротких роликов (shorts). Потому что сам натыкаюсь на подобные и за одну минуту порой получаю больше информации, чем за длинные ролики у людей.

🔵 2. Я услышал ваше мнение под предыдущим постом и решил создать телеграм канал. Уверен, к вашим идеям рано или поздно тоже дойдём. Но для начала хочу попробовать вести канал в более простой тематике. И окончательно выбрать тему канала предлагаю вам, проголосовав в опросе ниже 👇

Вы просили - мы сделали! 🚀

Вижу, что вам было сложно выбрать какую-то одну тему для канала в предыдущем посте (признаюсь, мне тоже). Поэтому было решено создать ВСЕ 5 каналов в сфере веб-разработки. Я буду рад видеть каждого из вас в них. А чтобы вам было легче подобрать каналы по интересам, вот краткое описание и ссылка на каждый канал:

🟣 Макеты для вёрстки — ежедневные макеты в Figma для практики вёрстки разной сложности, с описанием и удобной навигацией.

🔵 Фронтесты — ежедневные теория и проверка знаний html, css и js для frontend разработчиков и верстальщиков.

🟢 Програмемный — шуточные ситуации, в которых узнает себя каждый разработчик. Запрограммируй себя на ежедневные мемы.

🟡 Кодпэнейский — самый компанейский канал, в котором ежедневно делятся готовым кодом крутых и полезных блоков для твоего сайта.

🟠 Полезные сервисы — узнавай о полезных сервисах и программах для веб-разработчиков и дизайнеров. Подпишись и ускорь разработку сайтов с полезными ресурсами из подборки в несколько раз.

Уверен, что абсолютно каждый из вас найдёт из этого списка каналы по душе. Поэтому скорее переходите, подписывайтесь и получайте ежедневную порцию полезного контента по созданию сайтов вместе с WEB PRO 🚀 Буду рад, если вы поставите реакции на посты в каналах и пригласите друзей 😉
Ну а под этим постом жду много огоньков за такую горячую новость 🔥❤️‍🔥

Вы когда-нибудь задумывались как изнутри выглядит логика получения материалов к урокам? 🤔
Сегодня я приоткрою вам завесу тайны и покажу внутренности бота.

На видео с этим постом вы можете видеть предыдущую логику работы бота и обновлённую, которая была настроена вчера.
Теперь для получения материалов помимо подписки на основной канал школы, необходимо выборочно подписаться на новые каналы от школы WEB PRO по веб-разработке из этого поста. После этого бот проверяет вашу подписку и выдаёт вам материалы с урока.

Логика продумана так, что обойти данное условие не получится. Каждому пользователю присваиваются свои переменные и счётчик, необходимые для проверки выполнения условий.
Некоторым из вас уже удалось протестировать работу бота при получении кода и присоединиться в новые каналы.

Поставьте реакцию на пост, если вам интересен подобный контент.

#школаизнутри #конструктор #бот

Вчера отснял более 20 коротких видео. В голове это казалось лёгкой задачей, на деле же всё оказалось иначе. Очень сложно уложить всю информацию ёмко и за 1 минуту. Особенно для меня - человека, который уже привык подробно разъясняться в длинных видео. И реально за одну минуту невозможно рассказать обо всех тонкостях какой-то темы. Можно максимум брать 1-2 небольших вопроса и быстро отвечать на них.

Для меня это был эксперимент. Вчера я снял более 20 коротких видео по минуте, но это заняло у меня порядка 4 часов. В голове не укладывается, ведь я мог заснять за это время вёрстку какого-нибудь небольшого сайта)

После этого начались эксперименты с монтажом этих коротких роликов. В 1 минуту нужно уложить всё. А это не получается. Соответственно приходилось делить видео на несколько частей. Сегодня и последующие несколько дней я продолжу монтировать короткие видео. А выпускать видео я буду ежедневно, начиная с сегодняшнего дня. Кстати, первый shorts уже на канале. Если увидите в рекомендациях - кликните и поставьте лайк 👍

Темы видео будут разные - расскажу о своих плагинах, как ускорить написание кода, какие программы и сервисы я использую в своей работе верстальщиком. Для вас я заготовил много различных бонусов, но все они будут открываться постепенно, по мере выхода коротких роликов. А чтобы собрать все бонусы - нужно просматривать короткие видео и присылать в бота кодовые слова.

Не смотря на потраченное время на создание коротких видео, мне так и хочется записать плейлист с длинными видео по вёрстке многостраничного сайта с подробными объяснениями для новичков. Что скажете? 👇

#новоевидео #shorts #бонусы