{WEB PRO} - Школа веб-разработки, создание сайтов
{WEB PRO} - Школа веб-разработки, создание сайтов
  • 72
  • 161 028
Весь GRID за 39 минут. Теория и практика по гридам (Основы HTML и CSS)
В этом видео разберёмся с гридами, научимся создавать колонки и ряды, определимся с терминологией гридов, узнаем как грид создает колонки и ряды самостоятельно и как этим управлять. Поймем как растягивать элементы на несколько ячеек и задавать отступы между колонками и рядами. Узнаем о значениях и функциях которые применяются в реальной практике и научимся создавать адаптивные грид-конейнеры. Так же увидим как располагать грид-сетку и грид-элементы.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
t.me/webproschool_bot?start=link_7P0svXUmMT
💙 Мы в VK:
webproschool
💬 Присоединяйся к нашему чату веб-разработчиков:
t.me/webproschool_chat
❤️ Сохрани плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html
Данный курс будет полезен всем начинающим веб-разработчикам, которые хотят узнать как создать сайт и изучить язык разметки HTML и язык стилей CSS. В ходе обучения вы сможете получить тесты и практические задания на закрепление материала.
🔗 Полезные ссылки с урока:
cssgridgarden.com/#ru
Таймкоды:
00:00 О чём это видео.
00:31 Что такое grid
01:01 Свойство display: grid
01:41 Свойство grid-template-columns
02:20 Терминология гридов
03:33 Свойство grid-template-rows
04:50 Неявно созданные колонки и ряды
06:35 Свойство grid-auto-rows
08:02 Свойство grid-auto-flow
08:42 Свойство grid-auto-columns
09:10 Свойство gap
10:17 Значение repeat
11:25 Значения для размеров колонок и рядов
11:45 Что такое фракция
13:24 Значение min-content
15:02 Значения max-content
15:24 Функция minmax()
17:14 Значение fit-content
17:56 auto-fit и auto-fill
20:26 Свойства grid-column, grid-row
22:35 Нумерация грид линий
25:00 Значение span
25:53 Названия для колонок и рядов
26:49 Грид области
29:36 justify-content, align-content
30:02 Шорткат place-content
30:26 justify-items, align-items
31:40 justify-self, align-self
33:10 z-index в грид
34:02 Верстка кейса из начала урока
38:30 Что будет дальше
Переглядів: 135

Відео

[Основы HTML и CSS] Урок 17. Семантические теги header, main, footer, article, section, aside
Переглядів 1099 годин тому
Разберём семантические и структурные теги, узнаем какой тег отвечает за шапку сайта, основной контент и подвал сайта. Так же поговорим про теги секций, боковых колонок, тег навигации и карточки. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-р...
Весь FLEXBOX за 42 минуты. Теория и практика по флексбокс (Основы HTML и CSS)
Переглядів 38621 годину тому
Изучаем свойства флексбокс модели и оттачиваем их на практике. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💙 Мы в VK: webproschool 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤️ Сохрани плейлист с уроками по HTML и CSS, тестами и практикой...
[Основы HTML и CSS] Урок 16. Display и его значения inline, block, inline-block, none.
Переглядів 128День тому
Разберём свойство display и его значения: none, inline, block, inline-block. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤️ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com...
[Основы HTML и CSS] Урок 15. Все виды позиционирования. Поток документа. Z-index. Теория и практика.
Переглядів 8214 днів тому
Разберём поток документа, узнаем как позиционировать элементы на странице и какие значения существуют для свойства position. Разберемся с наложением слоёв и свойством z-index, применим изученные свойства в реальном кейсе. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присое...
[Основы HTML и CSS] Урок 14. Как задать картинку на фон. Настройки фонового изображения на сайте.
Переглядів 7014 днів тому
Разберём как задавать фоновое изображение, а так же менять его расположение и размеры. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤️ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ...
[Основы HTML и CSS] Урок 13. Как задать рамку элементу на сайте. Что такое box-sizing.
Переглядів 6914 днів тому
Разберёмся что такое блочная модель элемента, как задавать элементам видимую границу, как сбрасывать стандартные отступы и размеры для элементов. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 🔗 Полезные ссылки: codepen.io/kozlovskiiy/pen/MWMErLd 💬 Присоединяйся к нашему чату ...
[Основы HTML и CSS] Урок 12. Всё об отступах. Внешние и внутренние отступы. Margin и Padding.
Переглядів 7921 день тому
Разберём внешние и внутренние отступы (margin и padding), как задавать их для определенных сторон, а также где использовать внешний, а где внутренний отступы. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat...
[Основы HTML и CSS] Урок 11. Шрифты. Теория и практика.
Переглядів 4321 день тому
Разберём свойства для текста и применим их на примере реального кейса. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤️ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/...
[Основы HTML и CSS] Урок 10. Всё о подключении шрифтов на сайт из Google Fonts. Свойства шрифтов.
Переглядів 6621 день тому
Сегодня мы разберемся как подключать шрифты из Google Fonts на страницу через link и import, а также как управлять свойствами текста: font-family, font-size, font-weight. 🔗 Полезные ссылки: fonts.google.com/ 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к наше...
[Основы HTML и CSS] Урок 9. Размеры элементов на сайте. Как задать цвет текста и фона в RGBA и HEX.
Переглядів 6628 днів тому
Сегодня мы разберемся какие свойства отвечают за размеры элементов, узнаем про размеры элементов по умолчанию, научимся ими управлять и разберемся как задавать размеры в процентах. Так же познакомимся со свойствами которые перекрашивают цвет и задний фон, после чего сверстаем небольшую карточку. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бес...
[Основы HTML и CSS] Урок 8. Селекторы и наследование. Каскад страницы. Предки и потомки.
Переглядів 9128 днів тому
Сегодня мы разберемся как задавать стили в файле style.css, какие селекторы существуют, из чего состоит CSS правила. Научимся создавать классы и идентификаторы и в чем их отличие, поговорим какие названия лучше выбирать для классов, применим несколько стилей для одного элемента, зададим несколько классов одному тегу, узнаем что такое каскад и поговорим про специфичность. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛ...
[Основы HTML и CSS] Урок 7. Создание кнопки. Теги span и div. Подключение на сайт стилевого файла.
Переглядів 90Місяць тому
Сегодня мы изучим тег span и поменяем стили для отдельных слов в тексте. Узнаем какой тег отвечает за кнопку и какие атрибуты он может иметь. На примере реального сайта разберемся как применяется тег div, рассмотрим тег link и создадим отдельный файл для стилей. 🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webpro...
[Основы HTML и CSS] Урок 6. Нумерованный и ненумерованный тег списка. Вложенные списки. Пункт списка
Переглядів 82Місяць тому
[Основы HTML и CSS] Урок 6. Нумерованный и ненумерованный тег списка. Вложенные списки. Пункт списка
[Основы HTML и CSS] Урок 5. Как добавить на сайт карту, аудио, видео и картинки. Тег iframe, video.
Переглядів 102Місяць тому
[Основы HTML и CSS] Урок 5. Как добавить на сайт карту, аудио, видео и картинки. Тег iframe, video.
[Основы HTML и CSS] Урок 4. Ссылки. Заголовки и абзацы. Вложенность.
Переглядів 109Місяць тому
[Основы HTML и CSS] Урок 4. Ссылки. Заголовки и абзацы. Вложенность.
[Основы HTML и CSS] Урок 3. Теги и атрибуты. Стартовая структура страницы. Метатеги.
Переглядів 174Місяць тому
[Основы HTML и CSS] Урок 3. Теги и атрибуты. Стартовая структура страницы. Метатеги.
[Основы HTML и CSS] Урок 2. Инструменты разработчика в браузере Google Chrome (DevTools)
Переглядів 228Місяць тому
[Основы HTML и CSS] Урок 2. Инструменты разработчика в браузере Google Chrome (DevTools)
[Основы HTML и CSS] Урок 1. Установка редактора кода Visual Studio Code
Переглядів 1,3 тис.Місяць тому
[Основы HTML и CSS] Урок 1. Установка редактора кода Visual Studio Code
Как бы я начал изучать создание сайтов сейчас (делюсь полезными ссылками)
Переглядів 1,3 тис.10 місяців тому
Как бы я начал изучать создание сайтов сейчас (делюсь полезными ссылками)
Обзор обучения в школе WEB PRO. Обзор курса по созданию сайтов. Профессия веб-разработчик.
Переглядів 54710 місяців тому
Обзор обучения в школе WEB PRO. Обзор курса по созданию сайтов. Профессия веб-разработчик.
Burger Landing 6 - Адаптация сайта под телефон (адаптив, html, css, desktop first, медиазапросы)
Переглядів 2,5 тис.Рік тому
Burger Landing 6 - Адаптация сайта под телефон (адаптив, html, css, desktop first, медиазапросы)
Burger Landing 5 - Адаптация сайта под планшет (адаптив, html, css, desktop first, медиазапросы)
Переглядів 2,7 тис.Рік тому
Burger Landing 5 - Адаптация сайта под планшет (адаптив, html, css, desktop first, медиазапросы)
Burger Landing 4 - Верстка сайта: секция с цитатой, скачивание файла, подвал (css, flexbox, grid)
Переглядів 4,2 тис.Рік тому
Burger Landing 4 - Верстка сайта: секция с цитатой, скачивание файла, подвал (css, flexbox, grid)
Burger Landing 3 - Верстка сетки на flexbox, секция с картинкой и кнопкой (БЭМ, html, css, vs code)
Переглядів 5 тис.Рік тому
Burger Landing 3 - Верстка сетки на flexbox, секция с картинкой и кнопкой (БЭМ, html, css, vs code)
Burger Landing 2 - Верстка приветственной секции с фоновой картинкой и секции с карточками (Flexbox)
Переглядів 10 тис.Рік тому
Burger Landing 2 - Верстка приветственной секции с фоновой картинкой и секции с карточками (Flexbox)
Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS
Переглядів 39 тис.Рік тому
Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS
Верстка сайта из тестового задания. Макет NoTab. Часть 8. Мобильная адаптация сайта. Адаптив макета.
Переглядів 522Рік тому
Верстка сайта из тестового задания. Макет NoTab. Часть 8. Мобильная адаптация сайта. Адаптив макета.
Верстка сайта из тестового задания. Макет NoTab. Часть 7. Адаптив сайта под планшет. Адаптация сайта
Переглядів 468Рік тому
Верстка сайта из тестового задания. Макет NoTab. Часть 7. Адаптив сайта под планшет. Адаптация сайта
Верстка сайта из тестового задания. Макет NoTab. Часть 6. Вёрстка подвала. Завершаем вёрстку десктоп
Переглядів 569Рік тому
Верстка сайта из тестового задания. Макет NoTab. Часть 6. Вёрстка подвала. Завершаем вёрстку десктоп

КОМЕНТАРІ

  • @WebProSchool
    @WebProSchool 6 годин тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat 💙 Мы в VK: vk.com/webproschool

  • @zartanas4177
    @zartanas4177 День тому

    Восхитительный урок! Браво! Максимально доходчиво для новичка! Все по порядку, по делу и без воды. Спасибо огромное!!!

    • @WebProSchool
      @WebProSchool День тому

      @@zartanas4177 благодарю 🙏

  • @WebProSchool
    @WebProSchool 2 дні тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @king--rat
    @king--rat 4 дні тому

    Спасибо за урок! Уже не первый год самостоятельно обучаюсь веб-разработке, постоянно попадаю в тупик при обучении и требуется некоторое время, чтобы из него выйти. Искал макет, чтобы пополнить портфолио на github и наткнулся на этот урок. Дошёл до конца и решил немного усложнить этот макет.

  • @АбангуТендэй
    @АбангуТендэй 4 дні тому

    Добрый день. Спасибо за шикарный урок! Дошла до конца. Только по JS много непонятного, надо с этим мне что-то делать.

    • @WebProSchool
      @WebProSchool 4 дні тому

      @@АбангуТендэй отлично. Приходите к нам на обучение, подтянем знания js)

    • @АбангуТендэй
      @АбангуТендэй 4 дні тому

      @@WebProSchool Ну давайте это всё закончится, а то не понятно, что будет завтра. Много чего хотелось бы освоить.

  • @WebProSchool
    @WebProSchool 4 дні тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @User_5576-o6n
    @User_5576-o6n 4 дні тому

    Никит а у меня вот такой вот вопрос а как я понимаю main мы ничего не задаем в стилях правильно ну там высоту ширину 🤔 ? Это как большая КОРОБКА 📦 просто так иными словами говоря 😅 куда вставляем section правильно я понимаю ?

    • @WebProSchool
      @WebProSchool 4 дні тому

      Да, конкретно в этом макете никаких стилей на main не висит. Мы просто подсказываем поисковым системам и программам скринридерам, что в этой области у нас идёт основное содержимое сайта.

    • @User_5576-o6n
      @User_5576-o6n 4 дні тому

      @@WebProSchool так и думал что вот это скажешь 😀✌️✌️ ну я думаю это наверное просто у нас в html документе так говоря заголовок общий для main просто main container правильно я понимаю ? 😀

  • @ZulyaAll
    @ZulyaAll 5 днів тому

    полезное видео) спасибо, но надо еще раза три пересмотреть))

    • @WebProSchool
      @WebProSchool 5 днів тому

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

  • @User_5576-o6n
    @User_5576-o6n 6 днів тому

    Никита красава просто очень прошу сделай еще один на подобии такого же сайта обзор на верстку другого сайта очень полезно 😀🔥🔥👋👋👋👋👋 Так держать сам ч начинающий фронтендер 😊😅

  • @АбангуТендэй
    @АбангуТендэй 6 днів тому

    Спасибо за понятные, полезные и познавательные уроки! Обидно, что всякая развлекательная ерунда набирает миллионы подписчиков, а такие полезные и актуальные видео, только несколько тысяч.

    • @WebProSchool
      @WebProSchool 6 днів тому

      @@АбангуТендэй Благодарю! 🙏

  • @WebProSchool
    @WebProSchool 7 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat 💙 Мы в VK: vk.com/webproschool

  • @Wolity
    @Wolity 7 днів тому

    53:00 не сработало с text wrap все как у вас написано

  • @Пробзикрутой
    @Пробзикрутой 8 днів тому

    Спасибо

  • @WebProSchool
    @WebProSchool 9 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @ZulyaAll
    @ZulyaAll 10 днів тому

    спасибо за наглядные примеры😺как раз то, что искала

  • @ZulyaAll
    @ZulyaAll 10 днів тому

    спасибо за видео)

  • @ИвановВасилий-г5б
    @ИвановВасилий-г5б 10 днів тому

    Чел, ты крутой! Доходчиво, информативно, динамично. 10 из 10!

  • @WebProSchool
    @WebProSchool 11 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @Neptune595amused
    @Neptune595amused 11 днів тому

    Большое спасибо! Очень понравился курс

  • @User_5576-o6n
    @User_5576-o6n 13 днів тому

    У меня вот такой вопрос а какой темой ты пользуешься в vs code ? Вижу у тебя цвета кодов яркие 🤔

    • @WebProSchool
      @WebProSchool 13 днів тому

      @@User_5576-o6n ayu mirage

    • @User_5576-o6n
      @User_5576-o6n 13 днів тому

      @@WebProSchool огромное спасибо 😊 ждем свежих и супер активных контентов с верстками сайтов 👍

  • @User_5576-o6n
    @User_5576-o6n 13 днів тому

    Бро отлично просто продолжай в том же духе очень много искал таких видео по поводу верстки наконец-то нашел что ждал 😀😀🔥🔥🔥 Я тоже верстаю но пока пока я начинающий в сфере фронтенд но твои видео полезны для дальнейшего опыта. Хорошо все объясняешь побольше таких видео ждем!!!!

  • @endyboybs
    @endyboybs 14 днів тому

    Спасибо за эти уроки, довольно познавательно

  • @ВикторКузнецов-о1ь

    Спасибо!

  • @WebProSchool
    @WebProSchool 14 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @BABKUSMG-mt9xl
    @BABKUSMG-mt9xl 14 днів тому

    иван золо??

  • @vss1288
    @vss1288 15 днів тому

    Подскажите пож-ста, а это нормально что псведоэлементы before (которые сделали подчеркиваниями ) в footer, когда меняешь масштаб в браузере (например 110%-120% становятся какие-то толще, а какие-то остаются нормальными как при 100% :) Именно визуально, если навести на них , то также 1px показана высота

  • @WebProSchool
    @WebProSchool 16 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @alialiev4667
    @alialiev4667 17 днів тому

    Хотел бы попробовать такой макет, где можно найти ? Спасибо

  • @alialiev4667
    @alialiev4667 17 днів тому

    Успехов тебе 💪🤝

  • @WebProSchool
    @WebProSchool 18 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @WebProSchool
    @WebProSchool 18 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @pandorum9129
    @pandorum9129 22 дні тому

    У меня padding 20-0 в header сначала каким-то образом сдавливал лого и навигацию, что они друг под другом встали, потом применил padding к header__container, всё заработало, а потом попробовал переместить padding обратно в header и всё заработало тоже, будто до этого ничего и не ломалось вовсе... Что за бред у меня происходит? 🤣🤣

  • @WebProSchool
    @WebProSchool 23 дні тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @WebProSchool
    @WebProSchool 25 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @AntonSchmidt-ik7qq
    @AntonSchmidt-ik7qq 27 днів тому

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

  • @RAST3IK
    @RAST3IK 28 днів тому

    Здравствуйте если не сложно запишите видео создание формы регистрации и авторизации буду благодарен

    • @WebProSchool
      @WebProSchool 27 днів тому

      Хорошо, эта тема есть в планах)

  • @WebProSchool
    @WebProSchool 28 днів тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @Agata25255
    @Agata25255 29 днів тому

    Доброго времени суток, Никита! Посоветуйте пожалуйста с чего начать чайнику, если хочется поменять жизнь и уйти в айти. Какие предварительные знания надо изучить, чтобы можно было взять ваш курс Web - разработчиков? И есть ли возможность во время обучения присоединиться к чату айти специалистов, чтобы находить себе потом работу? Цель уйти на фриланс, но не знаю с чего начать.

    • @WebProSchool
      @WebProSchool 29 днів тому

      @@Agata25255 добрый день. Напишите мне в соц сети, там будет удобнее вести диалог. Телеграм: t.me/Mori_glint Вконтакте: vk.com/webproschool

  • @КириллМухаметзянов-п3ж

    Плохо продвигаются ролики у вас из-за замедления😢

  • @DarveshovKhusraw
    @DarveshovKhusraw Місяць тому

    прекрасно парни продолжайте в том же духе уверен вы добьетесь своих успехов

  • @WebProSchool
    @WebProSchool Місяць тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @АртурКа-ц1я
    @АртурКа-ц1я Місяць тому

    Отличная серия видеоуроков получилась. Все очень доступно и понятно, хотя начинал почти с полного нуля) В основном трудности были из-за невнимательности, где то что то не уследит, не проставил и тд JS - это дремучий лес, вот там вообще ничего непонятно, просто так без знаний не зайти огромное спасибо за проделанную работу)

  • @WebProSchool
    @WebProSchool Місяць тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @takinnn
    @takinnn Місяць тому

    Супер, огромное спасибо. Иду дальше

  • @WebProSchool
    @WebProSchool Місяць тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @WebProSchool
    @WebProSchool Місяць тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @WebProSchool
    @WebProSchool Місяць тому

    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 📝 Пройди тест на понимание данной темы: t.me/webproschool_bot?start=link_tLbIjGkejN 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat ❤ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: ua-cam.com/play/PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6.html 💙 Мы в VK: vk.com/webproschool

  • @K4RAS1K
    @K4RAS1K Місяць тому

    с футером чета чайник мой вскипел

  • @АннаНеизвестная-т9е

    Спасибо , всё очень подробно и с объяснениями . Мне как новичку такой подробный формат очень удобен. Многие непонятные моменты вы прекрасно разъяснили на примерах .

    • @JiDream
      @JiDream Місяць тому

      Привет, не подскажешь в фигме убрали область для верстальшика, там еще написаны стили, атрибуты, ссылки и так далее, эту проблему решить можно с помощью плагина, но даже в плагине нету ссылки на изображение, там фон и так далее