Без лишних слов, вот видео, практикуй 🚀

📱 NoTab Часть 2. Вёрстка шапки:
https://youtu.be/7it_m_St_aA

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

Всем приятного просмотра и хорошего вечера)
P.S. Увидимся в следующий четверг ;)

Четверг, 17 по Москве и новое видео на канале WEB PRO 🚀

📱 Продолжаем верстать NoTab Часть 3. Вёрстка приветственной секции и блока cta:
❄️ Ссылка на данный урок
❄️ Ссылка на полный плейлист NoTab
🎁 Материалы к урокам здесь (по слову "код")

Хорошего вечера и продуктивной практики 👨‍💻

ПОСТ С ИДЕЯМИ ДЛЯ КАНАЛА 🚀

📱На прошлой неделе я полностью дозаписал и смонтировал видео по вёрстке NoTab. Всего их получилось 8 штук, поэтому каждый четверг на канале точно будут выходить видео. Кстати, данная серия получилась немного в live формате, я заранее не готовил и не верстал данный проект, как это было с Velocity и Organic, поэтому можно будет увидеть как я размышляю в моменте разработки и правлю возникающие баги.

🎥 У меня есть идеи насчёт серии разговорных видео на канал о том, где обитают заказчики, подскажу советы и лайфхаки для получения первого заказа, какую цену ставить за сайт, расскажу про кейсы своих учеников. Было бы вам интересен подобный контент?

💡 Также на данный момент аудитория у меня находится в основном в телеграме, поэтому думаю пока не распыляться на другие соц.сети по типу вконтакте, а сосредоточиться на данном мессенджере. Поэтому я открыт к любым идеям, как можно было бы разнообразить контент в данном телеграм канале, дабы здесь были не только уведомления о новых видео, но и другие посты. Например можно выбрать день недели, в который я присылаю подборку макетов для вёрстки или в какой-то из дней недели расписываю интересные фишки на CSS, либо делюсь с вами какими-то полезными ссылками и т.д. Может быть отвечаю на ваши вопросы в текстовом или аудио формате. А возможно это будет лишним и стоит создать отдельный канал, где я буду каждый день также присылать какой-либо макет для верстки. В общем, подскажите, что вам было бы интересно и в каком формате?

Жду ответы в комментариях 👇
На всё отвечу завтра-послезавтра. Почему? Смотрите видео рядом в кружочке)

Привет. Сегодня видео не будет. Я готовил для вас отдельный ролик. Работал в новой программе и по неопытности у меня каким-то образом удалилось всё, что я смонтировал. Файл с видео остался, но он без звука и смысла от него ноль. На различных форумах помочь не смогли. Поэтому видимо, придется всё это монтировать заново. Это займёт ещё несколько часов. И ютуб уже вряд ли успеет сегодня обработать данное видео. Сказать, что я расстроен и подавлен - ничего не сказать. Целый день работы насмарку. Прошу прощения у всех, кто ждал ролик сегодня. Постараюсь всё сделать и выложить данный ролик завтра. Хорошего вечера.

ГДЕ НАЙТИ КЛИЕНТОВ? КАК ВЗЯТЬ ПЕРВЫЙ ЗАКАЗ? 💵
Именно об этом вышло новое видео на канале WEB PRO.

Долгожданное видео открывает целую серию видеороликов, в которой мы с вами разберёмся где искать клиентов, какую стоимость за работу ставить и т.д.

🎥 Ссылка на новое видео
💰 Ссылка на полный плейлист

Переходите смотреть новое видео, проявите активность под видео, если вам оно понравится. Ну а на этом посте ожидаю от вас огонёчки 🔥

САМОЕ ДОЛГОЕ ВИДЕО 😱, которое я снимал больше 10 дней и ещё несколько дней монтировал. Это мой первый уютный влог о праздновании нового года и моего дня рождения ✨

Влог получился очень насыщенным - мы купались в бассейне под открытым небом зимой, тискали наших домашних животных (собачку и кролика), пытались выполнить оставшиеся планы в уходящем году и поставили цели на новый год. А также съездили в родной город в очень плохую погоду, и по пути у нас сломалась машина.. Оставляю вам ссылочку и желаю приятного просмотра (очень надеюсь на вашу поддержку и активность под видео) ✨

❄️ ССЫЛКА НА ВИДЕО

P.S. Кстати, не забудьте подписаться и поддержать мой личный канал с видео. У меня большие планы на развитие данного канала в этом году.
P.P.S. Хоть я и не уведомлял вас здесь, но видео на канале по NoTab вышло на прошлой неделе в срок.
P.P.P.S. Завтра видео по NoTab также будет в срок) Хорошего вам вечера 🙋‍♂️

GULP ☠️, ты должен был помогать мне, а не примкнуть на сторону зла. Это инструмент, который высосал все мои нервы. Я потратил на его настройку уже третьи сутки и вроде бы всё хорошо, но..

На данный момент вся загвоздка в плагине panini. Данный плагин позволяет собирать html из отдельных блоков + получать данные из отдельного файла json. Т.е. например у меня на сайте несколько раз в одних и тех же местах повторяется информация - и я её тащу из отдельного файла. И если информация в этом файле поменяется, то она поменяется во всех местах, где была использована. Это всё, что мне нужно. И вроде как это есть у panini, НО
1. Информация из json подтягивается. Но если я ввожу в текстовый формат значение неразрывного пробела ( ), то он у меня так и выводится на странице, а не преобразуется в пробел.
2. Блоки также подтягиваются в основной файл, но если я хочу подключить блок внутри другого блока (т.е. из части одного html подключить часть другого), то это не предоставляется возможным.

1 пункт я решил с помощью отдельного копирования данного знака. Минус в том, что его просто не видно и коде и никак не отличить от обычного пробела.
2 пункт я решил с помощью плагина rigger. Получается panini вообще не выполняет то, что я от него ожидал и практически висит мёртвым грузом.

Если кто-то сталкивался с подобной задачей или может порекомендовать мне плагин, который мне в этом поможет, то буду премного благодарен 🙏

Я уже долго время вообще не использовал галп, ибо работаю с учениками на вёрстках, где он не нужен. У меня уже почти была доделана десктопная версия двух страниц, но чёрт меня дёрнул взять и настроить GULP для "облегчения" разработки. Изначально я видел как он может мне помочь, но по факту я понимаю, что на данный момент я бы уже полностью доверстал и адаптировал сайт за это время, но я потратил его на настройку инструмента для ускорения вёрстки))
Кстати несколько лет назад я как огня боялся лезть в настройки этого галпа или устанавливать его. По мере изучения это приходилось делать, но для меня это был тёмный лес и я ловил кучу ошибок, которые нужно было постоянно гуглить и фиксить, чтобы всё заработало.
Причём в этот раз при сборке, уже нагуглившись за несколько дней я получил колоссальное количество знаний по настройке. Даже есть ощущение, что я сам всё соберу. Вопрос только в том - зачем вообще этот навык, если сборка делается 1 раз и на долгое время..

Кстати впечатления от галпа не очень, глаза разбегаются от количества папок. Пока меня это всё намного больше тормозит, чем ускоряет. Можно назвать это отрицательным ускорением)
А вы сталкивались с проблемами при настройке или работе с галпом?

P.S. Ролик на канале в 17:00 по мск будет. Доделаем с вами десктопную версию и поправим баги. Включаем колокольчики на ютуб и ждём.

Случайно поставил дату публикации видео на 20 января -.-
Сейчас поправил, новое видео по NoTab на канале :)

Ну что, мы дошли до адаптива 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 с проверкой дз.

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