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

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
👩‍💻 Метод 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
👩‍💻 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