{WEB PRO} Школа веб-разработки, создание сайтов 🚀
4.29K subscribers
72 photos
14 videos
1 file
208 links
Основной канал школы WEB PRO. Новости школы, даты выхода новых видео и многое другое.

Чат школы @webproschool_chat
Download Telegram
Какой сегодня день? 🤔
День выхода нового видео на канале WEB PRO 🚀

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

Доступ к видео откроется сегодня в 17:00 по Москве. Переходи, смотри, практикуй вместе со мной 👨‍💻
https://www.youtube.com/watch?v=zLUAg2PGFxY
🔥9
Media is too big
VIEW IN TELEGRAM
Привет! Как вы? 🙋‍♂️

Как и обещал, я буду вас иногда информировать здесь о создании своего курса. Последнее время я учусь делать презентации. Нет, я и раньше умел их делать, но сейчас пытаюсь выйти на новый уровень. Изучаю тонну информации на этот счет и даже уже пытаюсь делать первые тестовые слайды и небольшие анимации. Хочу поделиться с вами небольшим своим успехом в этом деле (прикреплю в видео).

Также параллельно я накидал программу курса. Если интересно было бы глянуть на неё, то дайте реакции этому сообщению или напишите комментарий. Если желающие будут, то позже в отдельном сообщении пришлю вам бэкэнд часть создания курса (свои заметки и программу курса).
👍10❤2
Баги они повсюду 🪲

Сегодня у меня должно было быть два индивидуальных занятия: одно днём, другое вечером. С утра решил посвятить всё время проработке курса, создал несколько слайдов. Далее провёл занятие с учеником и подтвердил присутствие второго ученика вечером. В промежутке между занятиями снова все силы кинул на создание презентации. За час до занятия ученик написал об отмене. Неприятно, но по сути освободилось дополнительное время для текущей основной задачи по презентации. В какой-то момент мне нужно было сделать несколько одинаковых слайдов, на которых просто менялась бы картинка, а текст оставался тем же. И что вы думаете? У меня полезли баги. В презентации! 😱
Абсолютно одинаковые слайды, которые я просто продублировал выглядят по-разному! На каждом слайде почему-то меняется расстояние между буквами. Еще раз - шрифт, значения, слайды абсолютно одинаковые, я просто сделал копипаст, а буквы прыгают сами по себе. Я начал тестировать, стал скачивать различные шрифты, устанавливать один за другим и проверять - все прыгают. Начал тестировать на стандартных шрифтах - ничего не меняется.
Пошёл искать и писать людям в чаты, которые работают с Powerpoint. Оказалось, что некоторые сталкивались с такой проблемой и она либо решалась сама собой, либо нужно было создавать новый файл презентации. Я попробовал создать новый файл - проблема та же. Пошел переустанавливать программу, гуглить - всё в пустую. Видимо, решение только одно - работа с другим сервисом.
К сожалению, это довольно грустная новость для меня, потому что в Powerpoint я также перекочевал из другого сервиса Canva. Практически все презентации я ранее создавал в Canva, сейчас потратил пару недель на изучение функций Powerpoint, т.к. программа менее удобна с точки зрения ux, но при этом обладает бОльшим функционалом. И сейчас, создав несколько десятков слайдов, мне придется снова изучать другую программу и переносить вручную (практически с нуля) все презентации туда.

Прикреплю в комментариях к данному сообщению видео с продублированным раз 20 слайдом. Прекрасно видно, что слайд абсолютно одинаковый, он просто прокопипастен, но буквы слева прыгают как неимоверные 😔

Хотя на самом деле, я мог бы просто забить и оставить как есть, но это не мой метод решения. Даже в данном случае я замечаю за собой, как очень сильно стопаюсь, когда изучаю и создаю самостоятельно презентацию, ведь я мог ее просто купить у людей, которые профи в этом деле. Но во-первых, я всегда боюсь, что другой человек сделает это не так, как мне хочется, и в голове всегда крутится, что никто не воплотит мои мысли лучше, чем я. А во-вторых, когда я начинаю что-то изучать, меня это поглощает с головой, и даже если я делаю это медленно на начальных этапах, я делаю это с удовольствием и с душой, получая максимальное удовлетворение от конечного результата. Узнали себя в этом или вы с легкостью делегируете задачи?
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Моя презентация к первому уроку До и После 🤯
Первая сделана в канве год назад. Вторая свеженькая из Фигмы.
Жду реакций 🔥❤️‍🔥
👏9🔥5
День только начался, а я уже кучу дел переделал)
Проснулся сегодня в 03:30 и не смог больше уснуть. У меня такое бывает, но через полчаса я засыпаю обычно. Полежал, поворочился. Смотрю на время - 04:40. Не знаю как, но час пролетел незаметно. Решил вставать. Пока остальные домочадцы спят, я пошел творить свои делишки)

У меня тут небольшой челлендж идёт с самим собой. Я с прошлой недели каждый будний день начинаю с утренней йоги, которая длится час. Сегодня понедельник, значит йоге быть 🧘. Отзанимался, сходил в душ, перекусил и отвёз девушку на электричку.

На обратном пути заехал купить кофе ☕️ и пару сырных стартеров 🥯 в додошке (у них сегодня акция, кстати на них 👀). Я довольно редко позволяю себе купить и выпить кофе в кофейнях, ибо всегда кажется, что это неразумная трата. Но каждый раз, когда я покупаю себе его, эмоции переполняют меня. А сегодня они переполняли меня вдвойне - что может быть приятнее, чем ранним осенним утром потренироваться, а после заехать и попить кофе в кафешке - и тело благодарно, и заряд бодрости на весь день.

С наступлением осени резко похолодало, началась пасмурная погода, но мне это наоборот с какой-то стороны нравится. Ты чувствуешь смену настроения, как тебя пытается окучить осенняя хандра 🍁. Но ты не поддаешься, ведь у тебя очень много планов на ближайшее время и на сегодняшний день в том числе. Сейчас пойду подготовлю материалы к сегодняшнему индивидуальному уроку, а в следующие 2 дня буду записывать уроки к первому модулю своего курса. Да, наконец-то я сделал и подготовил все презентации и материалы для первого модуля. Необходимо всё это теперь записать, смонтировать. А далее второй, третий..модули. Ну и разборка с тем, как это всё выложить на платформу, видеохостинг и другие причуды. Дел предстоит еще много, но я нацелен серьезно. Это действительно продукт, в который я хочу вложить свою душу, поэтому я делаю и переделываю до тех пор, пока мне не будет нравиться результат. Совсем скоро я запишу небольшое видео сюда в лайв формате с тем, что успел сделать за это время. Если вы дочитали до этого момента, поставьте, пожалуйста, реакцию, дабы мне понимать, что вам нравится читать иногда такие посты)
Всем спасибо за внимание, хорошего и продуктивного вам дня 🙋‍♂️
🔥11
This media is not supported in your browser
VIEW IN TELEGRAM
Забавный момент-оговорка при записи 😄
Как думаете, вырезать при монтаже или оставить этот момент?)
🔥3
Привет! Нужна ваша помощь. Вы слышите белый шум?

Вообще начнём с того, что я в самом начале потратил несколько дней на то, чтобы настроить полностью программу для записи звука. В итоге я откатился к самой простенькой версии - оставил один плагин шумоподавления. Ибо при бОльшем количестве плагинов (компрессоров, лимитеров, пропускных уровней шумов) они начинают настолько сильно убирать шумы, что иногда считают мой голос за шум и обрывают начало или конец моих фраз, а также перестают записывать звук, если я говорю тише. Кстати, да, я записываю с помощью двух программ: в одной программе записывается вебка и экран, в другой программе записывается звук (просто потому что там есть изначально неплохие плагины шумоподавления и итоговый вариант звучит лучше), а далее я все эти дорожки на монтаже свожу. Заморачиваюсь, скажете вы? Да, отвечу я вам 🤯.
До этого монтаж я делал просто через динамики ноутбука. Вчера решил послушать как это всё звучит в наушниках. Всё хорошо, но на моё удивление, при высокой громкости звука довольно сильно прослеживается так называемый белый шум (просто фоновый шум, которым страдают большинство микрофонов в низкой и средней ценовой категории). В программе для монтажа есть крутилки, которые позволяют это уменьшить. И белый шум, действительно, становится гораздо тише, но мой голос перестаёт быть объемным и начинает звучать более роботизированным, в более узком диапазоне частот, будто плоский. Я побежал смотреть как это звучит у ютуберов и в тех курсах, которые я покупал ранее. Там везде присутствует этот белый шум. У кого-то больше, у кого-то меньше, но он есть у всех, если микрофон непрофессиональный. И некоторые блогеры и звукачи открыто заявляют, что от этого шума никак не избавиться. А при попытке избавления голос искажается. Собственно это у меня и происходит. На моё удивление, некоторые купленные мною курсы вообще никак не заморачивались с настройкой звука - где-то присутствует фоновый шум от различных устройств, что-то пищит и т.д. Я видимо это не особо ранее и замечал, ибо мне был важен именно контент и знания, которые люди дают. Но, согласитесь, всегда приятно, если данный контент будет более качественным во всех планах, в т.ч. и в плане звука.

Поэтому у меня к вам просьба - прослушайте небольшой отрывок, в котором слышен оригинал звука и шумодав в различных значениях. И напишите после этого какой вариант вам ближе. И как чаще всего вы потребляете подобный контент - через динамики ноутбука, через наушники или через колонки? Насколько критичен данный белый шум для вас? (ибо через динамики ноутбука он вообще практически не слышен).
Заранее спасибо за помощь)
P.S. видео ищите в комментариях к этому посту, т.к. он получился большим, то ТГ не даёт его прикрепить сюда.

(у меня кстати очень много всего произошло за это время, хочется поделиться, но всё никак не дойду, ибо с головой ушел в запись уроков)
В планах было сегодня зафиналить запись видео 1 модуля, но ребёнок у соседей решил мои планы под вечер нарушить. Ладно маленький ребёнок надрывается, но с ним ещё надрываются и родители друг на друга. Думаю, люди явно не такого контента ждут в моих видео, следовательно, запись придётся отложить. Зато появилось время отписать вам)
Кто не знал, я большой любитель поиграть в настольные игры 🎲. У меня есть целая коллекция настольных игр и буквально на днях она пополнилась еще несколькими коробочками. Правда эти коробочки долго не задержатся у меня. Это одноразовые игры-детективы 🕵️, которые интересно пройти один раз и передать следующему владельцу. В первый раз подобные игры было покупать страшно, ибо цена одной коробки может доходить до нескольких тысяч рублей, а пройти можно только один раз, далее весь сюжет ты знаешь и смысла проходить заново нет. Но далее я понял, что такие игры пользуются спросом на бу рынке, где такие же игроки прошли 1 раз игру, аккуратно всё сложили и перепродают дешевле. Теперь я в их числе - покупаю, прохожу и продаю это добро оптом)) В стоимости теряется один поход в кино, зато получаешь удовольствие не один вечер, а довольно продолжительное время. Приложу фотку своих покупок в комментариях к этому посту) Интересно, кто-то из вас играл в настольные игры, какая ваша любимая?

И также на днях была безумно красивая радуга 🌈, фотку тоже ищите в комментариях :)
Кстати, вот и ребёнок перестал реветь, пока я писал этот пост 👀
👍1
Последний день сентября 📆
Обычно в конце каждого месяца я подвожу итоги. Т.к. веду финансовую таблицу, то вбил все недостающие статьи расходов и доходов.
А с вами я бы хотел поделиться тем, что мне удалось сделать по курсу к этому моменту:
✅ Сделал 13 полноценных презентаций к урокам (по началу с день осиливал не больше 6 слайдов в презентации, сейчас с наработками стало легче)
✅ Полностью записал 1 модуль, частично записал 2 модуль
✅ Всего записано 27 уроков. Общая продолжительность всех видео 22 часа без монтажа.
✅ Вес записанных медиафайлов (звук+видео) 220 гб. (хорошо, что брал ноутбук на 1тб)
✅ Смонтировано 12 уроков.

Что предстоит сделать в октябре:
⚫️ Дозаписать 2 модуль
⚫️ Смонтировать видео второго модуля
⚫️ Отрендерить видео 1 и 2 модулей
⚫️ Оплатить и разобраться в работе с платформой
⚫️ Оплатить и разобраться в работе с видеохостингом, загрузить туда видео
⚫️ Собрать на платформе конструктором все задания, описания к урокам и т.д.
⚫️ Сделать на платформе небольшую сайт-визитку с описанием курса
⚫️ Составить необходимые таблицы и формы с тестами для учеников
⚫️ Создать видеоприглашение на курс

До того момента, как я начал писать данные задачи, была четкая цель сделать в октябре 3 модуль. Но он очень объемный, и его создание займет минимум месяц. Поэтому, думаю, мне изначально стоит проверить спрос. Ибо на данный момент и так подготовка к курсу заняла у меня очень много времени. Я трачу на его создание практически всё своё свободное время. И нет смысла пилить весь курс, а потом узнать, что никто на него не пойдет, думаю, вы меня понимаете.
Если вы готовы попробовать свои силы в прохождении курса с нуля (блочная модель, основы css, верстка сайта на этих знаниях, а также работа в фигме во 2 модуле), то прямо сейчас можете отписать мне, я внесу вас в заметки и оставлю за вами место. Бонус для вас - вашим куратором буду лично я. Количество мест ограничено. Как ранее уже писал, курс будет платным по объективным причинам.

Всем спасибо за внимание. Хороших вам выходных 👋
👍4
Новое видео уже на канале! 🎥

Только это видео не по веб-разработке и вышло оно на другом канале 🤷‍♂️
Данное видео я хотел выложить еще 10 лет назад, но получилось это сделать только сейчас.. В нём я поднимаю крайне важную проблему поиска времени на любимое дело.

Я буду рад увидеть от вас активность под видео, потому что, на мой взгляд, оно получилось очень искренним, хотя я очень редко раскрываю свою душу.

Канал еще совсем пустой. Просто я решил импульсивно взять и начать действовать, но подробнее в видео.
Вот ссылка на него: https://youtu.be/SOiqw6GocBU

P.S. по веб-разработке у меня идёт очень плотная работа. Уже скоро я выйду к вам с новым контентом. Всем спасибо за внимание.
👍10
На связи Никита Щегольков, школа WEB PRO 🚀
Давно не виделись) А на канале вышло новое видео 😉
Надеюсь на вашу активность!

📱 В данной серии видеороликов мы сверстаем тестовое задание на позицию верстальщика:
https://youtu.be/dL4P2_V__Zo

📚 Обратите внимание, материалы и готовый код теперь можно получить через чатбота в телеграме. Сделано это для общего удобства. Теперь всё можно получить в одном месте) Как это сделать - я показал на видео.

❗️Ссылки на основные соцсети школы сменились, будьте осторожны. Актуальные ссылки висят в закреплённом посте "Навигация по школе".

Всем приятного просмотра и хорошего вечера)
P.S. Следующее видео, как всегда в четверг вечером. До встречи 👨‍💻
👍5
❗НАВИГАЦИЯ ПО ШКОЛЕ❗

Именно в этом сообщении собраны все самые важные ссылки школы.

🚀 Youtube канал школы: https://www.youtube.com/@WebProSchool
🔥 Телеграм канал: https://t.me/webproschool
💬 Телеграм чат для общения веб-разработчиков: https://t.me/webproschool_chat
🔔 Бонусные материалы и уведомления от школы: https://t.me/webproschool_bot
🔵 Группа ВК: https://vk.com/webproschool

Для получения материалов или готового кода из урока пишем в бота "код" или "готкод" соответственно.
Без лишних слов, вот видео, практикуй 🚀

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

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

Всем приятного просмотра и хорошего вечера)
P.S. Увидимся в следующий четверг ;)
Четверг, 17 по Москве и новое видео на канале WEB PRO 🚀

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

Хорошего вечера и продуктивной практики 👨‍💻
ПОСТ С ИДЕЯМИ ДЛЯ КАНАЛА 🚀

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

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

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

Жду ответы в комментариях 👇
На всё отвечу завтра-послезавтра. Почему? Смотрите видео рядом в кружочке)
👍3🔥2
Привет. Сегодня видео не будет. Я готовил для вас отдельный ролик. Работал в новой программе и по неопытности у меня каким-то образом удалилось всё, что я смонтировал. Файл с видео остался, но он без звука и смысла от него ноль. На различных форумах помочь не смогли. Поэтому видимо, придется всё это монтировать заново. Это займёт ещё несколько часов. И ютуб уже вряд ли успеет сегодня обработать данное видео. Сказать, что я расстроен и подавлен - ничего не сказать. Целый день работы насмарку. Прошу прощения у всех, кто ждал ролик сегодня. Постараюсь всё сделать и выложить данный ролик завтра. Хорошего вечера.
❤5😢3🙏1
ГДЕ НАЙТИ КЛИЕНТОВ? КАК ВЗЯТЬ ПЕРВЫЙ ЗАКАЗ? 💵
Именно об этом вышло новое видео на канале WEB PRO.

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

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

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

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

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

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

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

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

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

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

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

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