Новое видео уже на канале!

Поддержите нас лайком и комментарием под видео. Сейчас как никогда нам важна ваша активность после паузы на канале. Это даст ещё больше сил и мотивации делать для вас контент!

Смотрите видео на Ютубе или в Вконтакте

🔔 Сегодня четверг, а это значит выходит второе видео из плейлиста Основы HTML и CSS. В нём мы поговорим об инструменте разработчика. Поэтому выбираем удобную для вас платформу и ставим колокольчики на 15:00 по Москве.

https://vk.com/webproschool
https://www.youtube.com/@WebProSchool

🙋‍♂️ А пока я предлагаю познакомиться с автором плейлиста "Основы HTML и CSS" - Станиславом. Он активно проявляет себя в нашем общем чате и помогает новичкам. И именно он формирует для вас обучающий материал по бесплатному курсу на канале, записывает и монтирует видео, а также создаёт тесты на проверку знаний. И предлагаю ему самому немного рассказать о себе:
"Привет друзья. Меня зовут Станислав Козловский. Хочу немного рассказать о себе и как я решил прийти в вэб разработку. Идея "уйти в IT" возникла когда я увидел как работают люди в этой сфере. Кто-то работает в комфортном офисе с комнатами отдыха и развлечениями, кто-то прямо из дома. Мне очень понравилась идея что я могу тоже работать в классных условиях и классной команде. Всё таки на работу кто-то отдаёт 8 часов своей жизни, кто-то 12. И мне всегда хотелось получать не только деньги за то время которое я отдал, но и удовольствие.
Почему я выбрал именно front end. Ответ очень прост, ты очень быстро можешь увидеть визуально результаты своей работы, что очень мотивирует. Так же я понимал, изучив JavaScript, у меня будет очень хороший старт и для других языков программирования. Начинал я свое обучение наверное как и большинство на бесплатных ресурсах. Пересмотрел кучу контента и ничего не понимал, до того как наткнулся на канал Web Pro. Это один из немногих каналов где очень классно подавался материал и было все понятно. Посмотрев все ролики, я решил двигаться дальше и поступил в Яндекс.Практикум. Благодаря тому, что я пришел с очень уверенной базой после канал Web Pro я начал помогать своим однокурсникам в чате. Мне было очень приятно слышать слова благодарности. Мне хочется давать тяжелую информацию простыми словами, чтобы любой человек мог разобраться. Спустя несколько месяцев обучения в практикуме я уже вышел на неплохой уровень и понял, что я тоже хотел бы поделиться со зрителями WEB PRO полезными знаниями в данной сфере."

Меня радует, что находятся люди, которые хотят во благо делиться своими знаниями и делают это как в нашем чате, так и даже такую плодотворную работу, как запись целого бесплатного обучающего курса, как Станислав. Ну а если вы вдруг пропустили старт этого курса, то в предыдущем посте есть все ссылочки. Переходите и становитесь веб-разработчиками вместе с нами 🙂

На этой неделе выходят ещё 3 видео из плейлиста по Основам HTML и CSS.

📆 График выхода новых роликов:
Вторник 15:00 - Урок 4. Ссылки. Заголовки и абзацы. Вложенность.
Четверг 15:00 - Урок 5. Как добавить на сайт карту, аудио, видео и картинки.
Суббота 15:00 - Урок 6. Нумерованный и ненумерованный тег списка. Вложенные списки.

📝 К каждому уроку (начиная с третьего) доступен тест на проверку знаний.

🔔 Ставьте себе напоминание и сохраняйте данный плейлист в удобной для вас соцсети: Youtube и Вконтакте

Продолжаем радовать вас новыми видео по бесплатному курсу HTML и CSS.
И на этой неделе выйдет ещё 3 новых урока.

📆 График выхода роликов на этой неделе:
Вторник 15:00 - Урок 7. Создаём кнопку. Применяем теги-пустышки span и div. Подключаем на сайт стилевой файл.
Четверг 15:00 - Урок 8. Разбираемся в селекторах, наследовании, предках и потомках.
Суббота 15:00 - Урок 9. Добавляем красок на сайт. Регулируем размеры блока и контролируем переполнение контента.

📝 К большинству уроков (начиная с третьего) доступен тест на проверку знаний в описании под видео.

🔔 Ставьте себе напоминание и сохраняйте данный плейлист в удобной для вас соцсети: Youtube и Вконтакте

🚀 А для тех, кто не готов ждать и хочет в кратчайшие сроки научиться создавать сайты, ежедневно получать личную обратную связь, заряд мотивации и ответы на все свои вопросы от опытного наставника, разработать с самого нуля несколько классных и уникальных работ себе в портфолио, присоединяйтесь на обучение к школе WEB PRO. Ниже оставлю несколько полезных ссылочек для ознакомления 🙂
👉 Хотите попробовать начать обучение и получить бесплатно первый урок, тест и дз с проверкой от наставника? Жмём сюда.
🎥 Обзор обучения в школе в формате видео можно посмотреть на YouTube или Вконтакте.
💻 А здесь можно найти описание обучения в текстовом формате.

Notion уходит из России.
Хотел поделиться этой новостью в нашем чате (@webproschool_chat), но показалось, что это более глобальная вещь и захотелось охватить бОльшую аудиторию. Но рекомендую присоединиться к чату школу, чтобы быть в курсе подобных событий.

До 9 сентября есть возможность экспортировать данные. Рекомендую экспортировать всеми способами, чтобы потом можно было импортировать в аналогичный сервис.
Инструкция по экспорту данных

Развивать тему того, что обычный блокнотик заблокировали - не буду. Но аналогов пока не вижу, т.к. очень много где есть ограничение по объёму хранилища. Для себя открыл следующий таск-трекер Weeek. Да, там есть что-то похожее на базу данных Notion, но есть ограничение на количество страниц. Правда можно создавать разные рабочие пространства и для каждого пространства свои ограничения. Вряд ли я буду использовать его как Notion, всё-таки это больше именно таск-трекер. Также пишут про аналог YoNote и подобные, но везде есть ограничения по объёму хранимых данных.

Я же всё-таки буду надеяться, что будет возможность доступа к Notion после блокировки. Но в любом случае экспортирую все данные, дабы не потерять их.

Новая неделя - новые видео по бесплатному курсу HTML и CSS 🔥

📆 Вот график выхода и темы роликов на этой неделе:
Вторник 15:00 - Урок 10. Подключаем шрифты из Google Fonts. Сравниваем два способа подключения через <link> и import.
Четверг 15:00 - Урок 11. Основные свойства для работы со шрифтами. А также применение знаний на практике - вёрстка карточки.
Суббота 15:00 - Урок 12. Разбираемся с внешними и внутренними отступами (margin и padding).

📝 К большинству уроков (начиная с третьего) доступен тест на проверку знаний в описании под видео.

🔔 Ставьте себе напоминание и сохраняйте данный плейлист в удобной для вас соцсети: Youtube и Вконтакте

🍁 Сентябрь - самое время учиться, а школа WEB PRO поможет вам в этом!

📆 График выхода и темы роликов на этой неделе:
Вторник 15:00 - Урок 13. Разбираемся в box-sizing, размерах блоков и создании рамок для них.
Четверг 15:00 - Урок 14. Учимся задавать фоновое изображение на сайт.
Суббота 15:00 - Урок 15. Разбираем все виды позиционирования и практикуем изученные темы, верстая карточку на сайте.

📝 К большинству уроков (начиная с третьего) доступен тест на проверку знаний в описании под видео.

🔔 Ставьте себе напоминание и сохраняйте данный плейлист в удобной для вас соцсети: Youtube и Вконтакте

☀️ Для тех, кто с отпуска и не понимает о чём идёт речь. На канале WEB PRO выходит бесплатный курс по HTML и CSS, в ходе которого у вас есть возможность изучить теорию, решить тест на понимание каждой темы и отточить на практике полученные навыки.

👨‍💻 Если же вы хотите изучить создание сайтов (html, css, js) и стать востребованным верстальщиком в кратчайшие сроки, получать ежедневную обратную связь от наставника, мотивацию и ответы на все ваши вопросы, а также создать индивидуальное портфолио, то всё это возможно в ходе обучения в школе WEB PRO.
Обзор обучения в нашей школе я рассказал в этом видео: YouTube или Вконтакте.
А получить первый урок, тест и дз с проверкой от наставника можно, нажав сюда 👈

🤔 А вы знаете Flexbox? Если нет, то мы вас научим)

📆 График выхода и темы роликов на этой неделе:
Вторник 15:00 - Урок 16. Разбираемся в свойстве display и его значениями inline, inline-block, block.
Четверг 15:00 - Большое видео по Flexbox с теорией и практикой 🔥
Суббота 15:00 - Разберёмся в коротком формате видео как задать иконку сайта на главном экране телефона.

📝 К большинству уроков (начиная с третьего) доступен тест на проверку знаний в описании под видео.

🔔 Ставьте себе напоминание и сохраняйте плейлист с основами html и css в удобной для вас соцсети: Youtube и Вконтакте.

👨‍💻 Если же вы хотите изучить создание сайтов (html, css, js) и стать востребованным верстальщиком в кратчайшие сроки, получать ежедневную обратную связь от наставника, мотивацию и ответы на все ваши вопросы, а также создать индивидуальное портфолио, то всё это возможно в ходе обучения в школе WEB PRO.
Обзор обучения в нашей школе я рассказал в этом видео: YouTube или Вконтакте.
А получить первый урок, тест и дз с проверкой от наставника можно, нажав сюда 👈

С флексбоксами разобрались. А с гридами?
🙌 И с гридами тоже разберёмся!

📆 График выхода и темы роликов на этой неделе:
Вторник 15:00 - Урок 17. Семантические теги на сайте (header, main, footer, article..)
Четверг 15:00 - Большое видео по Grid с теорией и практикой 🔥
Суббота 15:00 - Разбираем в коротком формате видео что такое pixel perfect.

📝 К большинству уроков (начиная с третьего) доступен тест на проверку знаний в описании под видео.

🔔 Ставьте себе напоминание и сохраняйте плейлист с основами html и css в удобной для вас соцсети: Youtube и Вконтакте.

👨‍💻 Если же вы хотите изучить создание сайтов (html, css, js) и стать востребованным верстальщиком в кратчайшие сроки, получать ежедневную обратную связь от наставника, мотивацию и ответы на все ваши вопросы, а также создать индивидуальное портфолио, то всё это возможно в ходе обучения в школе WEB PRO.
Обзор обучения в нашей школе я рассказал в этом видео: YouTube или Вконтакте.
А получить первый урок, тест и дз с проверкой от наставника можно, нажав сюда 👈

🏁 На этой неделе выходят 3 финальных ролика плейлиста "Основы HTML и CSS"

📆 График выхода и темы роликов на этой неделе:
Вторник 15:00 - Урок 18. Figma для верстальщиков.
Четверг 15:00 - Урок 19. Именуй классы правильно, используя методологию БЭМ.
Суббота 15:00 - Урок 20. Закрепляем все знания по пройденным урокам и верстаем сайт-портфолио за 1 час.

📝 К большинству уроков (начиная с третьего) доступен тест на проверку знаний в описании под видео.

🔔 Ставьте себе напоминание и сохраняйте плейлист с основами html и css в удобной для вас соцсети: Youtube и Вконтакте.

👨‍💻 Если же вы хотите изучить создание сайтов (html, css, js) и стать востребованным верстальщиком в кратчайшие сроки, получать ежедневную обратную связь от наставника, мотивацию и ответы на все ваши вопросы, а также создать индивидуальное портфолио, то всё это возможно в ходе обучения в школе WEB PRO.
Обзор обучения в нашей школе я рассказал в этом видео: YouTube или Вконтакте.
А получить первый урок, тест и дз с проверкой от наставника можно, нажав сюда 👈

У нас 2 новости - хорошая и плохая.

😔 Плохая новость: плейлист по основам HTML и CSS завершён, а Станислав ушёл в заслуженный отпуск на пару недель, готовя новый плейлист по продвинутой вёрстки для вас. Поэтому перед изучением продвинутой вёрстки стоит подготовиться и изучить основы, если вы этого ещё не сделали: Youtube и Вконтакте.

😌Хорошая новость: на канале больше года не было от меня видео по вёрстке сайтов, и я решил это исправить) Поэтому простоя не будет, и видео продолжат выходить каждую неделю в четверг в 15:00. Заводим будильники, ставим колокольчики и крепим реакции к посту, кто ждёт вёрстку со мной)

Самый залайканный комментарий под моими видео

Для нового ролика отсматривал все ваши комментарии под моими видео на YouTube и на удивление наткнулся на комментарий про другую школу SkyPro. Но удивление было не в том, что там пишут про другую школу, а в том, что спустя неделю данный комментарий набрал 63 лайка, когда видео набрало всего 170 просмотров. Просто для сравнения самое моё популярное видео на текущий момент набрало 41.000 просмотров и самый популярный комментарий под ним (и на канале в целом) набрал всего 18 лайков. Разницу видите сами.

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

Но в процессе поиска комментариев я был очень счастлив читать ваши слова благодарности, это просто безмерный заряд мотивации от вас. Спасибо 🙏
И я очень рад, что могу приносить пользу своими видео людям.

К сообщениям данного поста я прикрепил накрученный комментарий от школы и свой ответ им на тот момент, когда я ещё не знал, что это спам и накрутка. Я думал. что отвечаю реальному пользователю)
Ну и также я прикрепил вам реальный комментарий, который набрал больше всех лайков на моём канале от пользователя spicyeric9063 (судя по названию канала от Ярослава) под видео с вёрсткой макета Burger Landing.

Большинство ваших комментариев я покажу в начале следующего ролика. Да, он должен был выйти сегодня, но жизнь вносит свои коррективы в планы, поэтому ролик переносится на субботу 16:00.
По вашим реакциям я вижу, что вы его ждёте, осталось ещё немного и мы снова с вами вместе сядем и будем верстать сайт. Большое спасибо всем за вашу поддержку ❤️

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

Пока бот удаляет любые сообщения от людей, которые не проходили проверку ранее. На текущий момент не знаю как возможно модернизировать данную систему. Но и спамеры, честно говоря, в данном чате максимально надоедают, рассылая по 10-20 сообщений с рекламой ежедневно. Кто знает другие способы обхода, напишите мне @mori_glint

🎉 Долгожданное событие! Вёрстка нового сайта от меня.

В этот раз будем верстать сайт-портфолио для новичков с подробными объяснениями. Будут flexbox, мобильная адаптация, javascript и даже возможно grid)
После данного макета хочу взять макет посложнее и показать вам разные фишечки с анимацией. Поэтому всё зависит от вашей активности под новыми видео в виде лайка и комментария. Это поможет и продвинуть ролик, и замотивировать меня на вёрстку новых более сложных макетов для вас!

Смотрите новое видео и сохраняйте плейлист на YouTube и Вконтакте.
Продуктивного вам вечера 👨‍💻

Суббота, 15:00 - продолжим верстать с вами сайт-портфолио 👨‍💻

На часах уже 15. Продолжение вёрстки макета Portfolio Designer уже на канале.
Смотрите новое видео и сохраняйте плейлист на YouTube и Вконтакте.

Для комментариев под постами пройдите антиспам проверку от бота по ссылке.

С этой недели больше роликов 📆

Станислав подготовил для вас новый контент по продвинутой вёрстке. Видео будут выходить по четвергам, начиная с этой недели. Перед просмотром рекомендую ознакомиться с его плейлистом по основам вёрстки: Youtube и Вконтакте.

Ну а я продолжу вас радовать выходом новых роликов по вёрстке сайта-портфолио каждую субботу, поэтому также сохраняйте плейлист на YouTube и Вконтакте.

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

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

👨‍💻 Выбираем удобную площадку и сохраняем плейлист, в котором каждый четверг будет появляться новое видео по продвинутой вёрстке: YouTube и Вконтакте.
Пройти тест на понимание теории после урока можно здесь.

🚀 Начать обучение в школе WEB PRO с личным куратором можно по ссылке: https://webproschool.ru/

💬 Для комментариев под постами нужно пройти антиспам проверку.

Практика по гридам, позиционированию и анимации уже в 3 части видео по вёрстке сайта Portfolio Designer для начинающих 👨‍💻
Оно кстати, уже вышло, поэтому переходите и смотрите новое видео, а также сохраняйте плейлист на YouTube и Вконтакте.

Для комментариев под постами пройдите антиспам проверку от бота по ссылке.

У меня обновилась фигма.
А ещё вчера доверстал десктопную версию сайта Portfolio Design и всё задокументировал для вас. Осталось это смонтировать и новое видео уже выйдет на канале в эту субботу.

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

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

Для комментариев под постами пройдите простую антиспам проверку по ссылке.

А вы поняли, что я имел в виду?)

Для комментариев под постами разово пройдите простую антиспам проверку по ссылке.