CodeBase | Frontend
Kanalga Telegram’da o‘tish
Все самое интересное и полезное у нас 😎 Контакт: @Filgood777 (реклама, сотрудничество)
Ko'proq ko'rsatish2 013
Obunachilar
Ma'lumot yo'q24 soatlar
+17 kunlar
-1030 kunlar
Postlar arxiv
2 013
2 013
Repost from Видеоуроки IT
🎬 Docker
🔴Видеоуроки
1- Основы. Принцип работы. Почему docker. Сравнение с виртульной машиной. Применение.
2- Установка Docker в Linux и Windows.
3- Основные команды. Управление портами. Port Mapping.
4- Переменные. Environment Variables.
5- Volumes. Постоянные данные. Persisting Data.
6- Сети в докер. Network: bridge, host, none, macvlan, ipvlan
7- Dockerfile. Создаем СВОИ контейнеры.
8- Docker-COMPOSE. Простой запуск контейнеров.
9- Portainer. Управлять Docker ПРОСТО. Обзор, установка, настройка.
10- Watchtower. Автоматизация: обновление Docker контейнеров.
▶️ Плейлист YouTube ©
🔻Канал: RomNero
🔴#devops #девопс #docker
2 013
⚡️ Псевдокласс ::first-letter ⚡️
🔥 Этот псевдокласс позволяет стилизовать первую букву текстового элемента. Он часто используется для создания инициалов или других типографических эффектов.
➡️ Принятые свойства:
🔵 color — цвет первой буквы
🔵 background-color — цвет фона
🔵 font-family — шрифт первой буквы
🔵 font-size — размер шрифта
🔵 font-weight – насыщенность шрифта
🔵 line-height — высота строки
🔵 text-decoration — текстовое оформление (подчеркивание, зачеркивание)
🔵 text-transform — преобразование текста (в верхний регистр, в нижний регистр)
🔵 margin - внешние отступы
🔵 padding - внутренние отступы
🔵 border — граница первой буквы
🔵 float — выравнивание (например, слева, справа).
🔵 text-shadow — тень текста
CodeBase | Frontend
2 013
Repost from Linux Club
📗 Изучаем Kali Linux. Проверка защиты, тестирование на проникновение, этичный хакинг [2025] Рик Мессье
📘 Learning Kali Linux: security testing, penetration testing and ethical hacking [2024] Ric Messier
Дистрибутив Kali Linux, включающий сотни встроенных утилит, позволяет быстро приступить к тестированию безопасности. Однако наличие такого количества инструментов в арсенале Kali Linux может ошеломить. Во втором издании описываются обновленные возможности утилит и подробно рассматриваются цифровая криминалистика и реверс-инжиниринг.
Автор не ограничивается рамками тестирования безопасности и дополнительно рассказывает о криминалистическом анализе, в том числе анализе дисков и памяти, а также базовом анализе вредоносных программ.
▪️Во втором издании описываются обновленные возможности утилит и подробно рассматриваются цифровая криминалистика и реверс-инжиниринг.
▪️Познакомитесь с широким спектром инструментов, доступных в Kali Linux.
▪️Изучите основы тестирования на проникновение на протяжении всего жизненного цикла атаки.
▪️Познакомитесь с расширенными инструментами Kali для применения передовых методов атак.
▪️Автор не ограничивается рамками тестирования безопасности и дополнительно рассказывает о криминалистическом анализе, в том числе анализе дисков и памяти, а также базовом анализе вредоносных программ.
#python #cpp #kali #kalilinux #linux #хакинг #безопасность #программирование #разработка #IT
🐧 Linux Club ©
2 013
🟢 Stylus — плюсы и минусы 🟢
⚡️ Stylus запустили в 2010 году как универсальный CSS-препроцессор с гибкой синтаксической структурой.
➕Плюсы
🟢Гибкий синтаксис. Позволяет опускать двоеточия, точки с запятой и фигурные скобки. Код получается более лаконичным и читаемым.
🟢Использование отступов для организации кода. Отступы для блоков улучшают структуру и визуальное восприятие кода.
🟢Расширенный функционал. Переменные, миксины и вложенные селекторы.
➖Минусы
🟠Отличается от традиционного CSS. Его уникальный синтаксис может потребовать дополнительного времени на обучение, особенно для тех, кто привык к стандартному CSS.
🟠Нестандартный синтаксис может привести к путанице. Особенно в командной работе, где участники проекта используют разные стили написания кода.
CodeBase | Frontend | #Stylus
2 013
Следишь за новыми приложениями, но упускаешь главное — как на них зарабатывают?
Технологии меняют всё: от общения до денег. И те, кто в теме, уже создают дополнительный доход через крипту — без сложных терминов и ненужных рисков.
💡 Крипта — это не про трейдинг, а про современный способ приумножать капитал, пока другие просто обновляют софт.
👉 На @NestorCryptoNews показывают, как специалисты из digital и IT диверсифицируют доход с помощью крипты.
🎯 Бесплатное обучение:
• инвест-стратегии
• мемкоины и NFT
• стейкинг и фарминг
• DeFi для пассивного дохода
⚡Разберись в технологиях, которые зарабатывают сами.
2 013
Bootstrap и CSS-препроцессор Sass. Самое необходимое
Год: 2023
Автор: Никсон Робин
Язык: Русский
Новое издание бестселлера описывает как клиентские, так и серверные аспекты веб-разработки. Книга, наполненная ценными практическими советами и подробным теоретическим материалом, поможет вам освоить динамическое веб-программирование с применением самых современных технологий. Для закрепления усвоенных знаний автор расскажет, как создать полнофункциональный сайт, работающий по принципу социальной сети.#Bootstrap #CSS #Sass CodeBase | Frontend | #Book
2 013
Repost from Вайб-программирование
🖥 Основы SQL за час - бесплатно и проще некуда
Содержание:
00:00 - подготавливаем базу
04:36 - выбираем данные SELECT
08:30 - указываем текущую базу данных
09:58 - чувствительность к регистру
12:14 - выбор определенных колонок
15:28 - фильтрация с помощью WHERE
20:59 - фильтрация с И и ИЛИ
26:38 - поиск строки по шаблону
29:18 - свой среди чужих
31:26 - NULL когда данные отсутствуют
34:27 - сортировка данных в SQL
38:37 - добавление записей с помощью SQL запроса
45:36 - обновление данных с помощью SQL
52:32 - удаляем данные из базы с помощью SQL
#SQL
✅Программирование ©
2 013
👩💻 Что такое тег <section>
Тег
<section> создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.
<section>
<h1>Заголовок первого блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей чаю.</p>
</section>
<section>
<h1>Заголовок второго блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей же чаю.</p>
</section>
• Тег <section> всегда закрывается при помощи парного тега </section>.
• Внутри <section> обязательно должен быть заголовок <h1>...<h6>.
• Контейнеры <section> можно вкладывать друг в друга, как матрёшку.
💡 Если вы хотите просто объединить и стилизовать второстепенные элементы, которые не так важны для поисковика, лучше использовать <div>.
Некоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.
Тегом <section> стоит оборачивать большие логические блоки на странице.
🛠 По спецификации допустимо размещать в каждом <section> заголовок первого уровня (<h1>). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.CodeBase | Frontend | #html
2 013
Repost from Библиотека Geek_book_Hub 💾
Познавательно, может быть и вам пригодится :
➡️ Библиотека Geek_book_hub
2 013
Repost from Видеоуроки IT
🎬Практика применения C++ в играх и игровых движках
Пожалуй, игры известны тем, что они всегда на переднем краю как современного железа, так и программных возможностей. Как же обстоят дела с C++ в этой области?
На примере трех сравнительно легких для восприятия сюжетов посмотрим, как так складывается, что стиль имеет тенденцию к C99 с классами. Сюжеты: взаимодействие с другими языками (interop w/scripts), многоплатформенность (compiler zoo, determinism, float) и многопоточность (pthread into OOP vs DOD, ECS, etc.)
▶️ Плейлист YouTube ©
🔻Канал: CppRussiaConf
🔴#cpp
2 013
HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера
Год: 2015
Авторы: Владимир Дронов, Николай Прохоренок
Язык: Русский
Рассмотрены вопросы создания интерактивных Web-сайтов с помощью HTML, JavaScript, PHP и MySQL, форматирования Web-страниц при помощи CSS. Даны основы PHP и примеры написания типичных сценариев. Описаны приемы работы и администрирования баз данных MySQL при помощи PHP и программы phpMyAdmin. Особое внимание уделено созданию программной среды на компьютере разработчика и настройке Web-сервера Apache. Приведено описание текстового редактора Notepad++, шаблонизатора Smarty и прочих программ (Aptana Studio, NetBeans и HeidiSQL), необходимых Web-разработчику.#HTML #JS #PHP #SQL #Web #MySQL CodeBase | Frontend | #book
2 013
👩💻 Proxy в JavaScript
Proxy — это мощный инструмент, который позволяет перехватывать операции над объектами. С его помощью можно контролировать доступ к свойствам, их изменение или даже добавлять кастомное поведение для объектов.
🔍 Как это работает? Proxy создаёт «обёртку» вокруг объекта, которая перехватывает любые обращения к нему через специальные «ловушки» (traps). Это позволяет реализовывать различные сценарии: от валидации данных до логирования.
➡️ Пример:
let target = {};
let proxy = new Proxy(target, {
set(obj, prop, value) {
if (typeof value === 'number') {
obj[prop] = value;
} else {
console.log(`Значение ${prop} должно быть числом!`);
}
}
});
proxy.age = 30; // работает
proxy.age = "не число"; // ошибка
Здесь мы создали прокси для объекта target, который разрешает устанавливать только числовые значения. В случае ошибки выводится сообщение.⚙️ Примеры использования Proxy:
• Валидация данных в объектах.
• Логирование действий.
• Защита от случайного изменения данных.
CodeBase | Frontend | #js2 013
Repost from Ali_Radio_Top🛠
Паяльная станция Kaisi K-8512P 700 Вт 2 в 1
https://alii.pub/7akiz2?erid=2SDnjbtPisH
ООО "АЛИБАБА.КОМ (РУ)" ИНН 7703380158
Подпишись на наш ТГ https://t.me/club_arduino
Библиотека с книгами https://t.me/Geek_book_hub
Канал по Али https://t.me/Ali_radio_top
Андроид софт премиум https://t.me/Pirate_Gram
Endi mavjud! Telegram Tadqiqoti 2025 — yilning asosiy insaytlari 
