- 72
- 161 028
{WEB PRO} - Школа веб-разработки, создание сайтов
Russia
Приєднався 18 бер 2013
Покажу как верстать сайты с самого нуля по семантике, как сделать адаптив на сайте, как пользоваться фигмой, редактором кода Visual Studio Code (vs code).
На канале WEB PRO выходят:
- Обучающие видео уроки html, css, js
- Обучающие плейлисты по фронтенд разработке (frontend)
- Марафоны по верстке и созданию сайтов с нуля
- Вебинары и прямые эфиры, разбор кода верстальщиков
- Верстка сайта по макету в формате psd, fig в средах Adobe Photoshop и Figma
- Мастер классы по разработке сайтов
- Основы веб дизайна, адаптивная верстка сайтов html5, css3
Меня зовут Никита Щегольков. Я преподаватель по веб-разработке, учу людей верстать и программировать сайты с самого нуля до очень крутых скриптов.
Видео на канале веб про выходят каждую неделю в 17:00 по Мск.
Подписывайся, чтобы не пропустить новые видео.
Освой профессию верстальщика и javascript разработчика с школой Веб про и начни зарабатывать на фрилансе или трудоустройся веб-разработчиком в IT компанию.
Ссылки на другие соц.сети ниже.
На канале WEB PRO выходят:
- Обучающие видео уроки html, css, js
- Обучающие плейлисты по фронтенд разработке (frontend)
- Марафоны по верстке и созданию сайтов с нуля
- Вебинары и прямые эфиры, разбор кода верстальщиков
- Верстка сайта по макету в формате psd, fig в средах Adobe Photoshop и Figma
- Мастер классы по разработке сайтов
- Основы веб дизайна, адаптивная верстка сайтов html5, css3
Меня зовут Никита Щегольков. Я преподаватель по веб-разработке, учу людей верстать и программировать сайты с самого нуля до очень крутых скриптов.
Видео на канале веб про выходят каждую неделю в 17:00 по Мск.
Подписывайся, чтобы не пропустить новые видео.
Освой профессию верстальщика и javascript разработчика с школой Веб про и начни зарабатывать на фрилансе или трудоустройся веб-разработчиком в IT компанию.
Ссылки на другие соц.сети ниже.
Весь 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 Что будет дальше
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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. Вёрстка подвала. Завершаем вёрстку десктоп
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat 💙 Мы в VK: vk.com/webproschool
Восхитительный урок! Браво! Максимально доходчиво для новичка! Все по порядку, по делу и без воды. Спасибо огромное!!!
@@zartanas4177 благодарю 🙏
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
Спасибо за урок! Уже не первый год самостоятельно обучаюсь веб-разработке, постоянно попадаю в тупик при обучении и требуется некоторое время, чтобы из него выйти. Искал макет, чтобы пополнить портфолио на github и наткнулся на этот урок. Дошёл до конца и решил немного усложнить этот макет.
Добрый день. Спасибо за шикарный урок! Дошла до конца. Только по JS много непонятного, надо с этим мне что-то делать.
@@АбангуТендэй отлично. Приходите к нам на обучение, подтянем знания js)
@@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
Никит а у меня вот такой вот вопрос а как я понимаю main мы ничего не задаем в стилях правильно ну там высоту ширину 🤔 ? Это как большая КОРОБКА 📦 просто так иными словами говоря 😅 куда вставляем section правильно я понимаю ?
Да, конкретно в этом макете никаких стилей на main не висит. Мы просто подсказываем поисковым системам и программам скринридерам, что в этой области у нас идёт основное содержимое сайта.
@@WebProSchool так и думал что вот это скажешь 😀✌️✌️ ну я думаю это наверное просто у нас в html документе так говоря заголовок общий для main просто main container правильно я понимаю ? 😀
полезное видео) спасибо, но надо еще раза три пересмотреть))
Да, флексбоксы они такие. Но если понять, можно сверстать практически любой сайт) Поэтому данная тема требует трепетного изучения в начале, зато потом всё это окупится сполна)
Никита красава просто очень прошу сделай еще один на подобии такого же сайта обзор на верстку другого сайта очень полезно 😀🔥🔥👋👋👋👋👋 Так держать сам ч начинающий фронтендер 😊😅
Спасибо за понятные, полезные и познавательные уроки! Обидно, что всякая развлекательная ерунда набирает миллионы подписчиков, а такие полезные и актуальные видео, только несколько тысяч.
@@АбангуТендэй Благодарю! 🙏
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT 💬 Присоединяйся к нашему чату веб-разработчиков: t.me/webproschool_chat 💙 Мы в VK: vk.com/webproschool
53:00 не сработало с text wrap все как у вас написано
Спасибо
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
спасибо за наглядные примеры😺как раз то, что искала
спасибо за видео)
Чел, ты крутой! Доходчиво, информативно, динамично. 10 из 10!
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
Большое спасибо! Очень понравился курс
У меня вот такой вопрос а какой темой ты пользуешься в vs code ? Вижу у тебя цвета кодов яркие 🤔
@@User_5576-o6n ayu mirage
@@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
иван золо??
Подскажите пож-ста, а это нормально что псведоэлементы before (которые сделали подчеркиваниями ) в footer, когда меняешь масштаб в браузере (например 110%-120% становятся какие-то толще, а какие-то остаются нормальными как при 100% :) Именно визуально, если навести на них , то также 1px показана высота
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
Хотел бы попробовать такой макет, где можно найти ? Спасибо
Успехов тебе 💪🤝
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
У меня padding 20-0 в header сначала каким-то образом сдавливал лого и навигацию, что они друг под другом встали, потом применил padding к header__container, всё заработало, а потом попробовал переместить padding обратно в header и всё заработало тоже, будто до этого ничего и не ломалось вовсе... Что за бред у меня происходит? 🤣🤣
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
Спасибо большое за контент , первый макет который доделал до конца ..
Здравствуйте если не сложно запишите видео создание формы регистрации и авторизации буду благодарен
Хорошо, эта тема есть в планах)
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
Доброго времени суток, Никита! Посоветуйте пожалуйста с чего начать чайнику, если хочется поменять жизнь и уйти в айти. Какие предварительные знания надо изучить, чтобы можно было взять ваш курс Web - разработчиков? И есть ли возможность во время обучения присоединиться к чату айти специалистов, чтобы находить себе потом работу? Цель уйти на фриланс, но не знаю с чего начать.
@@Agata25255 добрый день. Напишите мне в соц сети, там будет удобнее вести диалог. Телеграм: t.me/Mori_glint Вконтакте: vk.com/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
Отличная серия видеоуроков получилась. Все очень доступно и понятно, хотя начинал почти с полного нуля) В основном трудности были из-за невнимательности, где то что то не уследит, не проставил и тд JS - это дремучий лес, вот там вообще ничего непонятно, просто так без знаний не зайти огромное спасибо за проделанную работу)
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
Супер, огромное спасибо. Иду дальше
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ 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
с футером чета чайник мой вскипел
Спасибо , всё очень подробно и с объяснениями . Мне как новичку такой подробный формат очень удобен. Многие непонятные моменты вы прекрасно разъяснили на примерах .
Привет, не подскажешь в фигме убрали область для верстальшика, там еще написаны стили, атрибуты, ссылки и так далее, эту проблему решить можно с помощью плагина, но даже в плагине нету ссылки на изображение, там фон и так далее