ProWeb Hub
ProWeb Hub
  • Видео 24
  • Просмотров 2 215
HTML5 + CSS3. Применение технологии FLEXBOX (часть 1. Введение)| С нуля до первого макета 1.3.1.
Привет начинающие фронтенд-разработчики!
В этом видео мы переходим к важной теме - использованию Flexbox для создания адаптивных макетов.
Считаю что это очень интересная и важная тема, советую ознакомиться с ней максимально подробно т.к. в дальнейшем при верстке макетов вы ее будете очень часто использовать.
В данном видео я расскажу как при помощи простых свойств flexbox легко можно позиционировать элементы как вам угодно.
Вы узнаете:
- Как располагать элементы по горизонтали и вертикали
- Как изменять порядок элементов
- Как выравнивать и центрировать контент
Flexbox - удобный инструмент для современной адаптивной верстки.
Присоединяйтесь, будет интересно!
📌 Ссылки
✔ Презентация к видео: clck...
Просмотров: 38

Видео

HTML5 + CSS3. Что такое валидатор кода?! | С нуля до первого макета 1.2.7.
Просмотров 45День назад
Привет начинающие фронтенд-разработчики! В этом коротком видео я расскажу что такое валидатор кода, на примере покажу как его правильно использовать и для чего в принципе он нужен. Присоединяйтесь, как и всегда только полезный контент! Будет интересно! 📌 Ссылки ✔ Карта канала: clck.ru/3FW4oq ✔ Мой Telegram : t.me/ProWebHub ✔ Недорогой, стабильный VPN: t.me/simple_vpn_probot?start=948671689 ⏱ Бл...
HTML5 + CSS3. Свойство для выравнивания текста: text-align. | С нуля до первого макета 1.2.6.
Просмотров 5014 дней назад
Привет начинающим фронтенд-разработчикам! В этом коротком видео я познакомлю вас со свойством выравнивания текста по горизонтали, которое называется text-align. Научимся его применять на практике и узнаем какие есть значения у данного свойства. Присоединяйтесь, будет интересно! 📌 Ссылки ✔ Презентация к видео: clck.ru/3FW4oK ✔ Карта канала: clck.ru/3FW4oq ✔ Мой Telegram : t.me/ProWebHub ✔ Недоро...
HTML5 + CSS3. Строчный и блочный тип элементов. Свойство display. | С нуля до первого макета 1.2.5.
Просмотров 4821 день назад
Привет начинающим фронтенд-разработчикам! Блочные и строчные элементы - это два основных типа элементов HTML. Они определяют, как элементы Google на веб-странице. В этом видео мы подробно разберём, что такое блочные и строчные элементы в HTML и как их использовать на вёрстке сайтов. Вы узнаете: - Что такое блоки и строчные элементы и в чем их отличие - Как работает отображение свойств в CSS и з...
HTML5 + CSS3. Свойство box-sizing. Ширина и высота элемента. | С нуля до первого макета 1.2.4.
Просмотров 5628 дней назад
Привет начинающие фронтенд-разработчики! В данном ролике поговорим про элементы на HTML странице. Что из себя представляют элементы. Научимся рассчитывать ширину и высоту элемента. Познакомимся с понятием размер элемента и размер бокса элемента. Разберем свойство box-sizing и его значения, content-box и border-box. Присоединяйтесь, будет интересно! 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3...
HTML5 + CSS3. Структурные или семантические теги в HTML5. | С нуля до первого макета 1.2.3.
Просмотров 107Месяц назад
Привет начинающие фронтенд-разработчики! В данном ролике разберем тему со структурными или как их еще называют семантически тегами которые появились в HTML5. Поговорим для чего они нужны, как правильно их применять. На примере сайта определим как на нем используются семантические теги. Создадим свою собственную структуру HTML страницы с использование данных тегов. Присоединяйтесь, будет интерес...
HTML5 + CSS3. Группировка HTML элементов в блоке. | С нуля до первого макета 1.2.2.
Просмотров 119Месяц назад
Привет начинающие фронтенд-разработчики! В данном видео мы продолжаем работать с блоками, а именно научимся группировать элементы в блоках и присваивать правильное название для классов. Будет интересно, присоединяйтесь! 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3EwHHm ✔ Карта канала: clck.ru/3EwHJU ✔ Мой Telegram: t.me/ProWebHub ✔ Недорогой, стабильный VPN: clck.ru/3E3EEQ ⏱ Блок с тайм-кодам...
HTML5 + CSS3. Деление макета на блоки. | С нуля до первого макета! 1.2.1.
Просмотров 53Месяц назад
Привет начинающие фронтенд-разработчики! В данном видео научимся разделять макет на подходящие блоки. Создавать простую структуру HTML страницы. Добавлять классы и правильно называть их. Будет интересно, присоединяйтесь! 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3EnYAH ✔ Карта канала: clck.ru/3EnYCX ✔ Мой Telegram: t.me/ProWebHub ✔ Недорогой, стабильный VPN: clck.ru/3E3EEQ ⏱ Блок с тайм-кода...
HTML5 + CSS3. Тег span. Селекторы элементов. Что такое БЭМ? | С нуля до первого макета! 1.1.7
Просмотров 33Месяц назад
Привет начинающие фронтенд-разработчики! В данном видео мы разберём 3 коротких но важных темы: 1. Познакомимся с тегом span. 2. Узнаем что такое селекторы элементов и для чего они нужны. 3. Коротко затронем методологию БЭМ. Будет интересно, присоединяйтесь! 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3EejHH ✔ Карта канала: clck.ru/3EejJ2 ✔ Мой Telegram: t.me/ProWebHub ✔ Недорогой, стабильный V...
HTML5 + CSS3. Создание рамки (border) отступов (padding и margin) | С нуля до первого макета! 1.1.6.
Просмотров 142 месяца назад
Привет начинающие фронтенд-разработчики! В данном видео разберём очень важную и интересную тему. Научимся создавать рамки (border) и задавать внутренние отступы (padding) и внешние отступы (margin). Будет интересно, присоединяйтесь! 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3EWaK2 ✔ Карта канала: clck.ru/3EWaLe ✔ Мой Telegram: t.me/ProWebHub ✔ Недорогой, стабильный VPN: clck.ru/3E3EEQ ⏱ Блок...
HTML5 + CSS3. Создание списков, добавление изображений на странице. |С нуля до первого макета! 1.1.5
Просмотров 182 месяца назад
Привет начинающие фронтенд-разработчики! В этом видео я расскажу что такое как добавлять списки на HTML странице при помощи тегом li, ol, ul. Для чего нужны списки на странице? Где их используют? Научимся добавлять изображения и пользоваться свойством для обтекания float. Успехов в изучении! Присоединяйтесь к ITшечке 😉 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3ENttD ✔ Карта канала: clck.ru/...
HTML5 + CSS3 Заголовки страниц, параграфы, свойство line-height. С нуля до первого макета 1.1.4.
Просмотров 82 месяца назад
Привет начинающие фронтенд-разработчики! В данном видео поговорим про заголовки страниц, параграфы и свойство line-height. На примерах разберем как это назначить тег заголовку, присвоить ему нужный уровень. Как разместить обычный текст в параграфы и задать интерлиньяж при помощи line-height. Успехов в изучении! Присоединяйтесь к ITшечке ;) 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3EJBfm ✔ К...
HTML5 + CSS3. CSS (каскадные таблицы стилей) - что это и для чего они нужны?
Просмотров 82 месяца назад
Привет начинающие фронтенд-разработчики! В данном видео поговорим про CSS (Cascading Style Sheets «каскадные таблицы стилей»), для чего он нужен и какой у него синтаксис. Затронем понятие "селектор", поговорим про шрифты и их основные свойства. Узнаем что такое HEX и сделаем первую ссылку на веб странице. В общем будет интересно! Присоединяйтесь к ITшечке ;) Успехов в обучении! 📌 Блок ссылок ✔ ...
HTML5 + CSS3. Редакторы кода. Создание первой HTML страницы. С нуля до первого макета!
Просмотров 92 месяца назад
Привет начинающие фронтенд-разработчики! В данном видео мы разберем что такое редакторы кода, какие бывают редакторы кода. Мы вместе создадим первую HTML страницу выведем в окно браузера надпись "Привет Мир!". Познакомимся с сервисами CodePen и JSBin. Будет интересно и полезно, присоединяйтесь к ITшечке)) Успехов в обучении! 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3E3FDF ✔ Карта канала: cl...
HTML5 + CSS3. Структура HTML страницы, DEVTOOLS-инструменты разработчика. С нуля до первого макета!
Просмотров 92 месяца назад
Привет начинающие фронтенд-разработчики! Вводное видео по разделу №1 HTML5 CSS3 С нуля до первого макета. Кратко поговорим из чего состоит HTML страница и разберем что такое инструменты разработчика (devtools) и как с ними взаимодействовать. Успехов в обучении! 📌 Блок ссылок ✔ Презентация к видео: clck.ru/3E3EFF ✔ Карта канала: clck.ru/3E3E7E ✔ Мой Telegram: t.me/ProWebHub ✔ Недорогой, стабильн...
HTML5 + CSS3. С нуля до первого макета! Изучаем Frontend-разработку Карта канала.
Просмотров 312 месяца назад
HTML5 CSS3. С нуля до первого макета! Изучаем Frontend-разработку Карта канала.
Генерируй изображения бесплатно с Imagen 2 от Google AI Новый конкурент Midjourney
Просмотров 392 месяца назад
Генерируй изображения бесплатно с Imagen 2 от Google AI Новый конкурент Midjourney
Как пользоваться нейросетью Gemini PRO от Google
Просмотров 1 тыс.2 месяца назад
Как пользоваться нейросетью Gemini PRO от Google
Устанавливаем ОФИЦИАЛЬНОЕ приложение ChatGPT на Android
Просмотров 482 месяца назад
Устанавливаем ОФИЦИАЛЬНОЕ приложение ChatGPT на Android
POE платформа. Все нейросети в одном месте!
Просмотров 992 месяца назад
POE платформа. Все нейросети в одном месте!
Используй GPT-4, DALLE 3 и Copilot через Bing Chat! Бесплатно!
Просмотров 1172 месяца назад
Используй GPT-4, DALLE 3 и Copilot через Bing Chat! Бесплатно!
DALLE (Open AI) Как получить бесплатные кредиты на генерацию изображений?!
Просмотров 592 месяца назад
DALLE (Open AI) Как получить бесплатные кредиты на генерацию изображений?!
GPT-3.5, Bard, Claude и Yandex GPT vs тест по программированию!
Просмотров 222 месяца назад
GPT-3.5, Bard, Claude и Yandex GPT vs тест по программированию!
Новая нейросеть Claude AI. Что в ней особенного?
Просмотров 1882 месяца назад
Новая нейросеть Claude AI. Что в ней особенного?

Комментарии

  • @ElizabethMoser-k7p
    @ElizabethMoser-k7p 2 дня назад

    Благодарю за ваши старания! Нужен совет: У меня есть кошелёк OKX с USDT, и у меня есть seed фраза. (air carpet target dish off jeans toilet sweet piano spoil fruit essay). Как правильно перевести их на Binance?

    • @ProWebHub
      @ProWebHub 2 дня назад

      не совсем мой профиль, но постараюсь помочь... Чтобы перевести USDT с кошелька OKX на Binance, войдите в свой аккаунт OKX, выберите кошелёк с USDT, затем выберите опцию 'Вывод средств'. Вставьте адрес кошелька Binance, который можно найти в разделе 'Депозит' на Binance, и укажите сумму для перевода. Подтвердите транзакцию и дождитесь её завершения.

  • @sashaabram8462
    @sashaabram8462 2 дня назад

    Всё как то сложно,хочется взял смартфон и всё уже есть как приложения ,открыл иконку и всё есть и работает как надо.

    • @ProWebHub
      @ProWebHub 2 дня назад

      на данный момент видео уже устарело, в данный момент уже обновили его, все намного проще стало, как вы и хотите) открыли работаешь. Единственное если в вашем регионе он доступен, если нет нужен впн, ссылка на впн есть в описании к этому видео

  • @Андрей-у9р7з
    @Андрей-у9р7з 26 дней назад

    Gemini несет бред, простой бредогенератор, Google обос*ался

    • @ProWebHub
      @ProWebHub 24 дня назад

      последнее обновление очень даже неплохое

  • @user-ew3qc3ig7m
    @user-ew3qc3ig7m Месяц назад

    Лайк, продолжай в том же духе, сам начал изучать

  • @user-deniskarpov
    @user-deniskarpov 2 месяца назад

    Ну теперь ты звезда)