How To WebDev
Kanalga Telegram’da o‘tish
Заявки принимаются моментально! Обучаем фронтентду и бекенду просто и понятно! Сотрудничество: @me_Smith Ссылка на канал: @HowTo_WebDev
Ko'proq ko'rsatish
Tarmoq:3 353
Obunachilar
Ma'lumot yo'q24 soatlar
-157 kunlar
-6130 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Ma'lumot yo'q
Muammo bormi? Iltimos, sahifani yangilang yoki bizning qo'llab-quvvatlash boshqaruvchimizga murojaat qiling>.
Taglar buluti
Ma'lumot yo'q
Muammo bormi? Iltimos, sahifani yangilang yoki bizning qo'llab-quvvatlash boshqaruvchimizga murojaat qiling>.
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Sentabr '24
Sentabr '24
+2
0 kanalda
Avgust '24
+1
0 kanalda
Get PRO
Iyul '240
0 kanalda
Get PRO
Iyun '24
+5
0 kanalda
Get PRO
May '240
0 kanalda
Get PRO
Aprel '24
+1
0 kanalda
Get PRO
Mart '24
+1
0 kanalda
Get PRO
Fevral '24
+3
0 kanalda
Get PRO
Yanvar '24
+3
0 kanalda
Get PRO
Dekabr '23
+1
0 kanalda
Get PRO
Noyabr '23
+12
0 kanalda
Get PRO
Oktabr '23
+6
0 kanalda
Get PRO
Sentabr '23
+3
0 kanalda
Get PRO
Avgust '23
+10
0 kanalda
Get PRO
Iyul '23
+6
0 kanalda
Get PRO
Iyun '23
+6
0 kanalda
Get PRO
May '23
+6
0 kanalda
Get PRO
Aprel '23
+36
0 kanalda
Get PRO
Mart '23
+32
0 kanalda
Get PRO
Fevral '23
+18
0 kanalda
Get PRO
Yanvar '23
+14
0 kanalda
Get PRO
Dekabr '22
+18
0 kanalda
Get PRO
Noyabr '22
+418
0 kanalda
Get PRO
Oktabr '22
+2 265
0 kanalda
Get PRO
Sentabr '22
+1 562
0 kanalda
Get PRO
Avgust '22
+765
0 kanalda
Get PRO
Iyul '22
+1 791
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 14 Sentabr | 0 | |||
| 13 Sentabr | 0 | |||
| 12 Sentabr | 0 | |||
| 11 Sentabr | 0 | |||
| 10 Sentabr | 0 | |||
| 09 Sentabr | 0 | |||
| 08 Sentabr | +1 | |||
| 07 Sentabr | 0 | |||
| 06 Sentabr | 0 | |||
| 05 Sentabr | 0 | |||
| 04 Sentabr | 0 | |||
| 03 Sentabr | 0 | |||
| 02 Sentabr | 0 | |||
| 01 Sentabr | +1 |
Kanal postlari
Цвет границ 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 #Код| 2 |  ⚡️В сети начали находить курсы и книги известных онлайн школ в открытом доступе
Вот отсортированная база с тонной материала(постепенно пополняется):
🔗 БАЗА (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 с доступом по ссылке | 268 |
| 3 | Ширина границ 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 #Код | 445 |
| 4 |  +3Материалы из этого канала дают на платных курсах
Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое
👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити! | 306 |
| 5 | Определенный цвет границ — 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 #Код | 634 |
| 6 | Любишь рисовать или создавать новые проекты – тебе сюда, на бесплатный курс компьютерной графики!
☑️ Узнай, как создавать арт-проекты для игр, кино и рекламы.
☑️ Научись делать уникальный визуал, даже если у тебя нет опыта в компьютерной графике.
Куратор поможет, и ты совсем скоро добавишь в портфолио 20 работ — и сможешь устроиться в студию, работать на фрилансе или стать NFT-художником.
Классная перспектива? Ну да, для тех, кто запишется прямо сейчас, а не отложит все на потом. | 244 |
| 7 | Отдельные стороны — CSS Border
В предыдущих постах на канале вы узнали, что для каждой стороны можно задать разные границы.
В CSS также есть свойства для указания каждой из границ отдельно (верхняя, правая, нижняя и левая):
Пример:
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
📓 #CSS #Код | 493 |
| 8 | 7 дней бесплатного обучения frontend-разработке!
Организовали для тебя бесплатный интенсив по frontend-разработке с практикой и куратором.
Что будет:
1️⃣ Создание веб-сайта на HTML и CSS
Мы научим тебя создавать стильные и функциональные веб-страницы с использованием современных технологий.
2️⃣ Оживление страницы с помощью JavaScript
Узнаешь, как добавить интерактивность и динамичность в свои проекты.
3️⃣ Использование фреймворка Angular
Узнаешь, как использовать этот инструмент для создания масштабируемых и эффективных веб-приложений.
4️⃣ Подключение Backend
Мы научим тебя основам работы с Backend'ом и покажем, как развернуть проект на хостинге.
5️⃣ Советы по доработке проекта
Получишь советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества.
🔥 А главное, ты проведёшь 7 дней в компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Участвуй бесплатно | 230 |
| 9 | Свойство Padding — CSS
CSS свойство padding — определяет отступ (пробел) между текстом и рамкой.
Пример:
Использование свойств CSS border и padding.
{
border: 1px solid powderblue;
padding: 30px;
}
📓 #CSS #Код | 427 |
| 10 | Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно
Начинаем 14 ноября. | 231 |
| 11 | Свойство Border — CSS
CSS свойство border — определяет границы вокруг элемента HTML:
Совет: Вы можете определить границу почти для всех HTML элементов.
Пример:
Использование свойства CSS border.
{
border: 1px solid powderblue;
}
📓 #CSS #Код | 472 |
| 12 | Параграф HTML №5
HTML <pre>
Элемент <pre> — определяет предварительно отформатированный текст.
Текст находящийся внутри элемента <pre> отображается в фиксированной ширине шрифта (обычно курсив), и он сохраняет пробелы и разрывы строк
Пример:
Ссылка на код
📓 #HTML #Код | 439 |
| 13 |  Хотите работать с данными, но еще не слышали про телеграм-канал LEFT JOIN?
Это вы зря! Быть в курсе трендов сферы, лучших инструментов для анализа, познавательных докладов и лекций по архитектуре данных, и даже быть в контексте аналитических мемов — значительный буст для входа в профессию.
Итак, LEFT JOIN —
это канал о технологиях и данных, в котором простым языком рассказывают про:
🔵 всемогущий язык SQL и работу с базами данных,
🔵 статистику, без которой, как говорится, «не жизнь»,
🔵 полезные инструменты, которые заслуживают не меньшее внимание чем ChatGPT,
🔵 то, как нейросети могут облегчить работу аналитика данных.
А еще у авторов сейчас выходит отдельная рубрика «Основы статистики» — серия полезных карточек с теорией и понятными примерами, например, про p-value. Если вы еще не видели первые пять выпусков — наверстывайте упущенное и...
🔜 Подписывайтесь на @leftjoin!
Реклама. О рекламодателе erid:2VtzquhT6kG | 374 |
| 14 | How To WebDev | 511 |
| 15 | Matn yo'q... | 1 |
| 16 | Параграф HTML №4
HTML Разрыв строк
HTML элемент <br> — определяет разрыв строк.
Если вы хотите начать текст с (новой строки), не начиная новый параграф, установите тег <br>:
Пример:
Ссылка на код
📓 #HTML #Код | 406 |
| 17 | ETCD — это простое в использовании, но при этом высоконадёжное распределённое хранилище для пар ключ-значение. И нужно уметь с ним работать.
Первый подход предлагаем сделать на открытом уроке курса «NoSQL» в Отус 28 августа, в 20.00 (мск).
💬На вебинаре «Введение в ETCD-кластер», который проведет Евгений Аристов, вы изучите:
- цели и задачи ETCD;
- отличия ETCD от прочих аналогичных решений;
- алгоритм Raft;
- основные моменты установки и настройки кластера ETCD.
👉Регистрируйтесь и ставьте событие в календарь: https://otus.pw/wyj0/
🔥Продолжить изучение тонкостей NoSQL вы сможете на самом курсе, который стартует уже в сентябре.
Нативная интеграция. Подробная информация на сайте otus.ru | 279 |
| 18 | Параграф HTML №3
HTML Горизонтальная линия
Тег <hr> определяет тематический разрыв на HTML странице и чаще всего отображается в виде горизонтального линии.
Элемент <hr> используется для разделения содержимого (или определения изменения) на HTML странице:
Пример:
Ссылка на код
Тег <hr> - это пустой тег, что означает, что у него нет конечного тега.
📓 #HTML #Код | 433 |
| 19 | БЕСПЛАТНАЯ НЕДЕЛЯ подготовки к ЕГЭ-2024 прямо сейчас вместе с онлайн-школой "Школково"!
Не пропусти! Тебя ждет полезный контент, секреты эффективной подготовки на 💯 баллов и розыгрыш 10 БЕСПЛАТНЫХ мест на курс подготовки к ЕГЭ-2024 на любой предмет!
24 августа в 16:00 приходина открытый вебинар "Как УНИЗИТЬ ЕГЭ по информатике? "+Розыгрыш и узнай всю правду об ЕГЭ по информатике
Все условия здесь
☝Еще больше пользы в канале "Информатик БУ - Подготовка к ЕГЭ"
Подпишись по ▶️ ссылке и начни готовиться к ЕГЭ прямо сейчас | 289 |
| 20 | Параграф HTML №2
HTML Отображение
Вы не можете быть уверены, как будет отображаться HTML.
Большие или маленькие экраны, а также измененные размеры окон будут создавать различные результаты.
С помощью HTML вы не можете изменить отображение, добавив дополнительные пробелы или дополнительные строки в свой HTML код.
Браузер автоматически удалит все лишние пробелы и строки при отображении страницы:
Пример:
Ссылка на код
📓 #HTML #Код | 470 |
