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

Чат школы @webproschool_chat
Download Telegram
Всем доброго утра ☀️

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

Также хочу поделиться с вами немного началом сегодняшнего дня. С самого утра мы поехали в загородный парк 🌳 На самом деле, очень классная атмосфера - свежий воздух 🌬, зелень 🌿, белочки 🐿. В будний день не так много людей выбирается куда-то с самого утра, поэтому нам ещё удалось застать тишину, ближе к 10 утра люди уже набежали. Но что самое классное - все люди чем-то заняты: группа людей на траве занимаются йогой с самого утра 🧘‍♀️, кто-то устраивает пикник 🧺, семейные пары гуляют с коляской 👨‍👩‍👦, ну или как мы с собакой 😄🐕‍🦺 Вокруг творит спокойствие и умиротворение - очень медитативное состояние, которое заряжает на весь день. Единственное, нам не удалось сразу купить себе чашечку кофе и хот-дог для прогулки, потому что все кафешки открываются ближе к 10. Перед уходом мы позавтракали. Благо успели купить до того, как пришли дети из пришкольного лагеря. Представляете какая была очередь из них рядом с кафе.. 👀

Небольшой видеоотчет кину в комментариях к данному посту ⤵️
Думаю, иногда можно разбавить контент веб-разработки таким лайв форматом из жизни и вдохновить вас на новый продуктивный день 👨‍💻
Кстати, сегодня вечером выйдет видео по Organic, в котором мы добавим с вами бургер меню. Пойду потихоньку его монтировать 🍏
🤩3
Видео выйдет с небольшим опозданием. Ютуб до сих пор обрабатывает его в hd качестве. Как только обработает - сразу выложу и оповещу вас.
Всем привет 🙋‍♂️
Продолжаем рубрику еженедельных вопросов 😄. Напишите в комментариях ответ на следующий вопрос:
Какая тема в html и css для вас была самой сложной для понимания и почему? (учитываем чистый html и css, без препроцессоров и шаблонизаторов) 🙂
🔥3
Прочитайте сообщение до конца, чтобы быть в курсе текущих событий школы. Спасибо.

Приветствую 🙋‍♂️ Всем спасибо за ответы на предыдущий пост.
Вижу, что у большинства сложности возникают в адаптиве, гридах, флексбоксе, позиционировании. Это и понятно, потому что темы очень объемные и имеют много различных тонкостей и подводных камней.

Я тем временем записал сегодня 2 последние части по Organic 🍏. Решил разделить, потому что исходного материала вышло на 2 с лишним часа. Конечно, на монтаже всё порежется и конечный хронометраж будет меньше. Но как не крути, для программирования каждого слайдера будет своё отдельное видео. Поэтому сегодня-завтра меня ожидает монтаж, рендеринг, создание описания для видео, таймкодов, тегов и еще много всего веселого)
И я замечаю, что создание видеоролика на Ютуб у меня занимает несколько дней - от процесса создания материалов, написания кода, записи видео, монтажа, рендеринга и последующей заливки видео на ютуб с подробным описанием и т.д.
И в таком темпе я, к сожалению, очень сильно ограничиваю себя в основной своей цели на текущей момент - модернизации и создания полноценного курса по веб-разработке с нуля. Поэтому завтра и в следующей четверг видео как всегда будет, а вот далее, скорее всего, я сделаю паузу в ведении канала.
Еще раз - я не перегорел и хочу этим заниматься, но сейчас это очень время и ресурсозатратное занятие и пока пришлось расставить приоритеты. Как только я выполню основную цель - выйду снова к вам с еще более крутыми макетами)

Но есть и плюсы. Я не хочу, чтобы телеграм канал простаивал, и мы теряли с вами связь. Если вам будет интересно, я могу делиться иногда с вами процессом создания курса: вы узнаете так сказать бэкэнд часть создания курса по веб-разработке, будете наблюдать за этим в live формате, получая эксклюзивные кадры с места событий)) Поэтому если вам интересна такая идея - дайте, пожалуйста реакций на это сообщение или оставьте комментарий под ним. Надеюсь на ваше понимание 🙏
🔥7😢2👍1
Программирование слайдера со стрелками для Organic Juicy уже на канале! 🍏

Я в этот раз при рендере поставил 60 кадров в секунду. Не знаю, насколько в данном контенте подобное необходимо, можете написать в комментариях - заметили ли вы разницу? Есть ли смысл в 60 кадров или достаточно 30 кадров, как это было во всех предыдущих видео?

Ссылка на видео:
https://youtu.be/4OJ1inetgLA
👍5
Какой сегодня день? 🤔
День выхода нового видео на канале 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