How To WebDev

​Цвет границ CSS — border-color Свойство border-color используется для установки цвета четырех границ. Примечание: Если border-color не устанавливается, у него отсутствует элемент цвета. Пример: Демонстрация различных цветных границ: p.one { border-style: solid; border-color: red; } p.two { border-style: solid; border-color: green; } p.three { border-style: dotted; border-color: blue; } 📓 #CSS #Код

⚡️В сети начали находить курсы и книги известных онлайн школ в открытом доступе Вот отсортированная база с тонной материала(постепенно пополняется): 🔗 БАЗА (3385 видео): (343 видео, 87 книги) — Java (176 видео, 32 книги) — Git (293 видео, 63 книги) — C# (352 видео, 89 книги) — С++ (167 видео, 53 книги) — PHP (227 видео, 83 книги) — SQL (163 видео, 29 книги) — Linux (363 видео, 122 книги) — Python (415 видео, 168 книги) — Frontend (143 видео, 33 книги) — Flask (167 видео, 43 книги) — Django (197 видео, 49 книги) — Разработка ботов (137 видео, 93 книги) — Data Science (113 видео, 82 книги) — GameDev (129 видео, 73 книги) — QA Скачивать ничего не нужно — все выложили в Telegram и на YouTube с доступом по ссылке

​Ширина границ CSS — border-width Свойство border-width задает ширину всех четырех границ. – Ширина может быть установлена размером в ( px, pt, cm, em, т.п.) или с помощью одного из трех предопределенных значений:thin (тонкий), medium (средний), или thick (толстый). Пример Демонстрация различной ширины границ: p.one { border-style: solid; border-width: 5px; } p.two { border-style: solid; border-width: medium; } p.three { border-style: dotted; border-width: 2px; } p.four { border-style: dotted; border-width: thick; } 📓 #CSS #Код

Материалы из этого канала дают на платных курсах Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое 👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

​Определенный цвет границ — CSS Свойство border-color может иметь от одного до четырех значений (для верхней границы, правой границы, нижней границы и левой границы): Пример: p.one { border-style: solid; border-color: red green blue yellow; /* красный сверху, зеленый справа, синий снизу и желтый слева */ } Цвет HEX Цвет границы также можно задать с помощью шестнадцатеричного значения (HEX): Пример: p.one { border-style: solid; border-color: #ff0000; /* красный */ } 📓 #CSS #Код

Любишь рисовать или создавать новые проекты – тебе сюда, на бесплатный курс компьютерной графики! ☑️ Узнай, как создавать арт-проекты для игр, кино и рекламы. ☑️ Научись делать уникальный визуал, даже если у тебя нет опыта в компьютерной графике. Куратор поможет, и ты совсем скоро добавишь в портфолио 20 работ — и сможешь устроиться в студию, работать на фрилансе или стать NFT-художником. Классная перспектива? Ну да, для тех, кто запишется прямо сейчас, а не отложит все на потом.

​Отдельные стороны — CSS Border В предыдущих постах на канале вы узнали, что для каждой стороны можно задать разные границы. В CSS также есть свойства для указания каждой из границ отдельно (верхняя, правая, нижняя и левая): Пример: p { border-top-style: dotted; border-right-style: solid; border-bottom-style: dotted; border-left-style: solid; } 📓 #CSS #Код

7 дней бесплатного обучения frontend-разработке! Организовали для тебя бесплатный интенсив по frontend-разработке с практикой и куратором. Что будет: 1️⃣ Создание веб-сайта на HTML и CSS Мы научим тебя создавать стильные и функциональные веб-страницы с использованием современных технологий. 2️⃣ Оживление страницы с помощью JavaScript Узнаешь, как добавить интерактивность и динамичность в свои проекты. 3️⃣ Использование фреймворка Angular Узнаешь, как использовать этот инструмент для создания масштабируемых и эффективных веб-приложений. 4️⃣ Подключение Backend Мы научим тебя основам работы с Backend'ом и покажем, как развернуть проект на хостинге. 5️⃣ Советы по доработке проекта Получишь советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества. 🔥 А главное, ты проведёшь 7 дней в компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Участвуй бесплатно

​Свойство Padding — CSS CSS свойство padding — определяет отступ (пробел) между текстом и рамкой. Пример: Использование свойств CSS border и padding.

 {
    border: 1px solid powderblue;
    padding: 30px;
}

📓 #CSS #Код

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 14 ноября.

​Свойство Border — CSS CSS свойство border — определяет границы вокруг элемента HTML: Совет: Вы можете определить границу почти для всех HTML элементов. Пример: Использование свойства CSS border.

 {
    border: 1px solid powderblue;
}

📓 #CSS #Код

​Параграф HTML №5 HTML <pre> Элемент <pre> — определяет предварительно отформатированный текст. Текст находящийся внутри элемента <pre> отображается в фиксированной ширине шрифта (обычно курсив), и он сохраняет пробелы и разрывы строк Пример: Ссылка на код 📓 #HTML #Код

Хотите работать с данными, но еще не слышали про телеграм-канал LEFT JOIN? Это вы зря! Быть в курсе трендов сферы, лучших инструментов для анализа, познавательных докладов и лекций по архитектуре данных, и даже быть в контексте аналитических мемов — значительный буст для входа в профессию. Итак, LEFT JOIN — это канал о технологиях и данных, в котором простым языком рассказывают про: 🔵 всемогущий язык SQL и работу с базами данных, 🔵 статистику, без которой, как говорится, «не жизнь», 🔵 полезные инструменты, которые заслуживают не меньшее внимание чем ChatGPT, 🔵 то, как нейросети могут облегчить работу аналитика данных. А еще у авторов сейчас выходит отдельная рубрика «Основы статистики» — серия полезных карточек с теорией и понятными примерами, например, про p-value. Если вы еще не видели первые пять выпусков — наверстывайте упущенное и... 🔜 Подписывайтесь на @leftjoin! Реклама. О рекламодателе erid:2VtzquhT6kG

​Параграф HTML №4 HTML Разрыв строк HTML элемент <br> — определяет разрыв строк. Если вы хотите начать текст с (новой строки), не начиная новый параграф, установите тег <br>: Пример: Ссылка на код 📓 #HTML #Код

ETCD — это простое в использовании, но при этом высоконадёжное распределённое хранилище для пар ключ-значение. И нужно уметь с ним работать. Первый подход предлагаем сделать на открытом уроке курса «NoSQL» в Отус 28 августа, в 20.00 (мск). 💬На вебинаре «Введение в ETCD-кластер», который проведет Евгений Аристов, вы изучите: - цели и задачи ETCD; - отличия ETCD от прочих аналогичных решений; - алгоритм Raft; - основные моменты установки и настройки кластера ETCD. 👉Регистрируйтесь и ставьте событие в календарь: https://otus.pw/wyj0/ 🔥Продолжить изучение тонкостей NoSQL вы сможете на самом курсе, который стартует уже в сентябре.  Нативная интеграция. Подробная информация на сайте otus.ru

​Параграф HTML №3 HTML Горизонтальная линия Тег <hr> определяет тематический разрыв на HTML странице и чаще всего отображается в виде горизонтального линии. Элемент <hr> используется для разделения содержимого (или определения изменения) на HTML странице: Пример: Ссылка на код Тег <hr> - это пустой тег, что означает, что у него нет конечного тега. 📓 #HTML #Код

БЕСПЛАТНАЯ НЕДЕЛЯ подготовки к ЕГЭ-2024 прямо сейчас вместе с онлайн-школой "Школково"! Не пропусти! Тебя ждет полезный контент, секреты эффективной подготовки на 💯 баллов и розыгрыш 10 БЕСПЛАТНЫХ мест на курс подготовки к ЕГЭ-2024 на любой предмет! 24 августа в 16:00 приходина открытый вебинар "Как УНИЗИТЬ ЕГЭ по информатике? "+Розыгрыш и узнай всю правду об ЕГЭ по информатике Все условия здесь ☝Еще больше пользы в канале "Информатик БУ - Подготовка к ЕГЭ" Подпишись по ▶️ ссылке и начни готовиться к ЕГЭ прямо сейчас

​Параграф HTML №2 HTML Отображение Вы не можете быть уверены, как будет отображаться HTML. Большие или маленькие экраны, а также измененные размеры окон будут создавать различные результаты. С помощью HTML вы не можете изменить отображение, добавив дополнительные пробелы или дополнительные строки в свой HTML код. Браузер автоматически удалит все лишние пробелы и строки при отображении страницы: Пример: Ссылка на код 📓 #HTML #Код