CodeBase | Frontend
2.16K subscribers
454 photos
190 videos
2 files
724 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
🖥 Странные CSS-свойства, но, возможно, полезные

Рассказываю о свойствах, смысл которых до сих пор вызывает у меня вопросы. Понимаю, как они работают — не понимаю, зачем. Может, вы поможете мне разобраться.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍2🔥1
Ребята, ищу единомышленников! 🚀

Создаю фриланс-биржу FreelanceHab и веду канал с полным процессом разработки. Показываю все — от кода до дизайна, делюсь успехами и провалами.

Если интересна тема стартапов и фриланса — буду рад видеть в подписчиках. Особенно ценна обратная связь от таких же разработчиков!

https://t.me/freelancehab_dev

Здесь не реклама, а искреннее приглашение в комьюнити
🤝3
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Menu Hover Html/SCSS — Эффект наведения на пункты меню с постепенным закрашиванием текста по горизонтали.

Технологии: SCSS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Ogletree-Practical_Firewalls.RUS@bzd_channel.pdf
25.1 MB
Firewalls. Практическое применение межсетевых экранов

Год:
2001
Автор:
Терри Вильям Оглтри
Язык:
Русский

Книга подробно раскрывает устройство межсетевых экранов и методы их настройки для обеспечения безопасности сети. В ней рассматриваются теоретические основы работы с протоколами TCP/IP и моделью OSI, а также принципы шифрования и создания виртуальных частных сетей. Автор описывает все этапы работы с межсетевыми экранами — от планирования до тестирования и настройки. В книге представлены схемы конструкций экранов, а также бесплатные и коммерческие программные средства для их установки и конфигурации.
Этот справочник будет полезен сетевым администраторам и пользователям, работающим с межсетевыми экранами. Книга также даст системным администраторам детальные знания для эффективной защиты своей сети и понимания, как на практике организовать безопасность с помощью межсетевых экранов.


Программирование ©
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Forwarded from Видеоуроки IT
🎬 HTML для начинающих

🔴Видеоуроки

1. Введение
2. Теги
3. Атрибуты
4. Таблицы
5. Ссылки
6. Фреймы
7. Списки. Маркированный список. Нумерованный список. Список определений
8. Отображение изображений в HTML
9. Как подключать стили CSS и JavaScript к HTML
10. ТОП 10 нужных вам HTML элементов, о которых вы не знали

▶️ Плейлист YouTube

🔻Канал: ART PROGRAMS
🔴#html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
👩‍💻 Метод slice() в JavaScript и как он используется

Метод slice() создаёт новый массив, копируя часть существующего без изменения оригинала.

Идеален для извлечения диапазонов, создания копий и работы с неизменяемыми структурами


➡️ Пример:

const numbers = [10, 20, 30, 40, 50];

const part = numbers.slice(1, 4);
console.log(part); // [20, 30, 40]
console.log(numbers); // [10, 20, 30, 40, 50]


🗣️ В этом примере:

slice(1, 4) возвращает элементы с индекса 1 до 3
• исходный массив остаётся неизменным
slice() без аргументов делает полную копию массива

slice() — простой способ писать безопасный и чистый код без побочных эффектов


CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
🤬ДА БЛ**ТЬ🤬

Да-да, именно такая реакция у создателей курсов, когда они увидели этот канал с бесплатными курсами по:

>Python (64гб видео)
>C# (27гб курсов)
>Java (45гб видео)
>PHP (34гб видео)
>Go (23гб видео)
>Rust (37гб видео)
>SQL (41гб видео)
>MySQL (21гб видео)
>Другое (114гб видео)


ВСЕ БЕСПЛАТНО❤️
🖥 Как я создал клон Pinterest с использованием Vue 3 и FastAPI

Автор делится историей создания собственного Pinterest-клона с нуля: полный real-time, современный стек и UX почти как у оригинала. Всё в одиночку за 4 месяца. Почти production, но pet-проект

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍1
Я фрилансер и я устал от безумных комиссий и непонятных правил на фриланс-биржах.

Решил создать свою — где всё по-честному.

FreelanceHab — это:
• Минимальные комиссии (чтобы вы больше зарабатывали)
• Умный ИИ-помощник для подбора проектов
• Прозрачная система работы
• Простой и понятный интерфейс

Создаю всё на своем стеке: React, Node.js, PostgreSQL, WebSockets.

Я не корпорация — я обычный разработчик, который устал от несправедливости. В комментариях всегда помогу советом по коду и не только.

Присоединяйтесь — вместе построим биржу, где ценят и заказчиков, и исполнителей 💫

t.me/freelancehab_dev
👍3
⚙️ Что такое свойство opacity в CSS и зачем оно используется?

opacity — это CSS-свойство, которое задаёт степень прозрачности элемента. Значение opacity может быть от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Это полезно для создания визуальных эффектов, таких как затемнение или появление элементов.

➡️ Пример:
<div class="opaque-box">Прозрачный текст</div>

<style>
.opaque-box {
background-color: lightblue;
opacity: 0.5; /* Устанавливаем 50% прозрачности */
padding: 20px;
text-align: center;
}
</style>


🗣 В этом примере свойство opacity делает элемент .opaque-box полупрозрачным, что особенно полезно для наложений и визуального выделения интерфейсов.

CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
CodeBase | Frontend | #meme
🤣9
Forwarded from Ali_Radio_Top🛠
This media is not supported in your browser
VIEW IN TELEGRAM
Паяльная станция 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
👩‍💻 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 | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
HTML,_JavaScript,_PHP_и_MySQL_Джентльменский_набор_Web_мастера.pdf
8.9 MB
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
👍21