SearcheeBot

Telegram-каналлар оламидаги сизнинг йўлбошчингиз.

TGStat Bot

Telegram'дан чиқмай туриб каналлар статистикасини олиш

Telegram Analytics

TGStat хизмати янгиликларидан бохабар бўлиш учун обуна бўл!

TGAlertsBot

Каналингиз репостлари ва эсловлари ҳақида хабар беради.

Statistika Saralanganlar

CodeBase | Frontend

@codebase_frontend

Kanal geosi va tili: Butun dunyo, Ruscha

Toifa: Texnologiyalar

Все самое интересное и полезное у нас 😎
Контакт: @Filgood777 (реклама, сотрудничество)

Связанные каналы | Похожие каналы

Kanal geosi va tili

Butun dunyo, Ruscha

Toifa

Texnologiyalar

Statistika

Postlar filtri

O‘chirilganlarni yashirish

Repostlarni yashirish

CodeBase | Frontend

17 Dec, 13:39

👩‍💻 Что такое метод filter() в JavaScript и как он используется?

filter() — это метод массивов в JavaScript, который создаёт новый массив, содержащий только те элементы, которые удовлетворяют условию, заданному в функции обратного вызова.

➡️ Пример:

const numbers = [1, 2, 3, 4, 5, 6];

// Оставляем только чётные числа
const evenNumbers = numbers.filter(num => num % 2 === 0);

console.log(evenNumbers); // [2, 4, 6]

🗣️ В этом примере метод filter() возвращает новый массив, содержащий только чётные числа. Это полезно для фильтрации данных на основе определённых условий.

CodeBase | Frontend | #js

250 0 8 10

CodeBase | Frontend

17 Dec, 08:17

🌀 Кто просил английский для IT?

🔷 Подписывайтесь на авторский канал -> English - ITnglish
Читайте закрепы.

307 0 3 1 20

CodeBase | Frontend

16 Dec, 08:26

👩‍💻 Что такое свойство filter в CSS и как оно используется?

filter — это CSS-свойство, которое позволяет применять визуальные эффекты, такие как размытие, изменение яркости или насыщенности, к элементам. Это полезно для стилизации изображений, фона и других элементов без использования графических редакторов.

➡️ Пример:

.filtered {
filter: grayscale(50%) blur(5px); /* Частично чёрно-белое изображение с размытие */
}

🗣️ В этом примере свойство filter делает изображение частично черно-белым и добавляет размытие. Это упрощает создание визуально сложных эффектов средствами CSS.

CodeBase | Frontend | #css

346 0 13 12

CodeBase | Frontend

11 Dec, 22:42

⚙️ Что такое lazy loading и зачем оно используется на Frontend?

Lazy loading — это техника загрузки ресурсов (например, изображений или скриптов) только тогда, когда они становятся необходимыми. Это ускоряет первоначальную загрузку страницы и экономит трафик.

➡️ Пример:

const lazyImages = document.querySelectorAll('img.lazy');
lazyImages.forEach(img => {
img.src = img.dataset.src;
});

🗣️ В этом примере изображение загружается только при необходимости, заменяя placeholder.jpg на image.jpg. Lazy loading улучшает производительность и пользовательский опыт на сайтах с большим количеством медиа-контента.

CodeBase | Frontend | #основы

548 0 18 11

CodeBase | Frontend

11 Dec, 11:01

20 000 рублей Алексей Т. заработал за первый заказ, и со следующих заказов ещё +34 000 руб. пришло на карту.

Привет! Я Fullstack-разработчик Роман Чернов с опытом более 10 лет.

Я помогаю желающим работать в IT с обучением, практикой и выходом на фриланс.

Сейчас стартует мой бесплатный курс по фронтенд-разработке, где за 7 дней ты:

1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

Подходит для всех уровней и не требует опыта в программировании.

👉 Забрать обучение бесплатно

495 0 1 1 2

CodeBase | Frontend

10 Dec, 07:01

👩‍💻 Что такое WeakMap в JavaScript и как он работает?

WeakMap — это коллекция для хранения пар ключ-значение, где ключами могут быть только объекты. В отличие от Map, WeakMap позволяет сборщику мусора удалять записи, если на объект-ключ нет других ссылок.

➡️ Пример:

let obj = { name: 'Alice' };
const weakMap = new WeakMap();

weakMap.set(obj, 'Дополнительные данные');
console.log(weakMap.get(obj)); // 'Дополнительные данные'

obj = null; // Ключ становится недоступен, запись удаляется из WeakMap

🗣️ В этом примере WeakMap хранит дополнительные данные для объекта obj. После обнуления ссылки obj запись автоматически удаляется, освобождая память.

CodeBase | Frontend | #js

469 0 9 9

CodeBase | Frontend

9 Dec, 17:12

👨‍💻 Изучай фронтенд по мини-гайдам!

Канал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript

➡️ Подписывайся на WebTaverna 😮

А также залетай в наш новый канал
🆕 "Фронтенд Заметки", где ты найдешь бесплатные видео-уроки и статьи по HTML, CSS, JS, а также по React.js и Vue.js

438 0 4 1 10

CodeBase | Frontend

8 Dec, 19:19

Ленивый программист dan repost

489 0 0 1 13

CodeBase | Frontend

8 Dec, 09:00

👩‍💻 Что такое :has() в CSS и как он работает?

:has() — это новый CSS-псевдокласс, который позволяет выбирать элемент, если он содержит определённые дочерние элементы. Его часто называют "псевдоклассом родителя".

➡️ Пример:

Текст
Нажми меня

Только текст

.card:has(button) {
border: 2px solid blue; /* Стили для карточек с кнопкой */
}

🗣️ В этом примере :has(button) выбирает .card, если внутри неё есть кнопка. Это позволяет применять стили на основе содержимого элемента, улучшая контроль над структурой.

CodeBase | Frontend | #css

563 0 18 15

CodeBase | Frontend

5 Dec, 17:02

Привет! Увлекаешься IT?

Приглашаем Вас в наш Telegram-канал Берлога программиста — место, где айтишники отдыхают, как настоящие медведи в своей берлоге.

'https://t.me/+XW_GpE71JjVkNmMy?erid=LjN8KBkcr' rel='nofollow'>Залезть в берлогу

Реклама. Магомедов Р.М. ИНН 057105866786.

590 0 1 6

CodeBase | Frontend

5 Dec, 13:31

Весомые аргументы есть у обеих сторон 😊
©

CodeBase | Frontend | #мем

597 0 1 10

CodeBase | Frontend

5 Dec, 11:02

😱 Вот и всё! Теперь вам не нужно сливать деньги на дорогие курсы по фронтенд-разработке — всё необходимое для обучения доступно совершенно бесплатно!

Всё, что нужно для изучения фронтенда: полное руководство по HTML, CSS, а также практические гайды — @made_in_html_css.

Детальный анализ материалов по FRONTEND-разработке. При этом информация представлена в лёгком и доступном формате, который делает процесс обучения увлекательным и ненадоедливым!

Не упустите шанс подписаться на этот уникальный канал — Made in HTML/CSS

533 0 1 3

CodeBase | Frontend

5 Dec, 09:00

👩‍💻 Что такое Set в JavaScript и как он работает?

Set — это встроенный объект JavaScript, который хранит уникальные значения любого типа. Он полезен для удаления дубликатов из массивов или проверки принадлежности элементов.

➡️ Пример:

const set = new Set([1, 2, 2, 3, 4]);

set.add(5); // Добавление элемента
console.log(set.has(3)); // true (проверка наличия)
set.delete(2); // Удаление элемента
console.log([...set]); // [1, 3, 4, 5] (преобразование в массив)

🗣️ В этом примере Set хранит только уникальные значения и позволяет легко управлять коллекцией. Это полезно для оптимизации работы с массивами и устранения дублирования данных.

CodeBase | Frontend | #js

526 0 10 9

CodeBase | Frontend

4 Dec, 10:46

Здесь препод из ИТМО и Вышки делится актуальными материалами по программированию, языкам и технологиям.

Основы программирования — ключевые статьи, инсайды индустрии и авторские комментарии помогут тебе понять, как устроен мир IT — всё просто и по делу.

Подписывайся, чтобы быть в теме и разбираться в программировании на уровне: @progcore 👩‍💻

563 0 4 4

CodeBase | Frontend

4 Dec, 08:18

React: современные шаблоны для разработки приложений

Автор: Бэнкс Алекс, Порселло Ева

Авторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.

#book#react

Книга

CodeBase | Frontend | #react

549 0 18 1 6

CodeBase | Frontend

3 Dec, 21:57

👩‍💻 Что такое тег

Тег создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.

Заголовок первого блока
Съешь ещё этих мягких французских булок, да выпей чаю.

Заголовок второго блока
Съешь ещё этих мягких французских булок, да выпей же чаю.

• Тег всегда закрывается при помощи парного тега .
• Внутри обязательно должен быть заголовок ....
• Контейнеры можно вкладывать друг в друга, как матрёшку.

💡 Если вы хотите просто объединить и стилизовать второстепенные элементы, которые не так важны для поисковика, лучше использовать .

Некоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.

Тегом стоит оборачивать большие логические блоки на странице.

🛠 По спецификации допустимо размещать в каждом заголовок первого уровня (). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.

CodeBase | Frontend | #html

553 0 15 14

CodeBase | Frontend

3 Dec, 19:35

00:22

Video oldindan ko‘rish uchun mavjud emas

Telegram'da ko‘rish

Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.

Хороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.

Пригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.

Посмотрите на досуге, это очень затягивает: @concertzaal

469 0 2 3

CodeBase | Frontend

3 Dec, 18:52

492 0 2 6 13

CodeBase | Frontend

3 Dec, 10:07

Всем привет! 👋
С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google.
Наверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?

https://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.
https://seseo.ru/ - сайт
https://t.me/allianceseo?erid=LjN8K93vq - написать мне лично

Готов помочь с развитием и продвижением ваших сайтов на любом этапе.

В общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝
Проконсультирую и направлю - бесплатно!
Все мы немного IT'шники 😀

Что могу предложить:
⚙ Seo - поисковое продвижение.
⚙ Проведение аудитов сайтов.
⚙ Составление стратегии развития.
⚙ Контекстная реклама.
⚙ Создание оптимизированных сайтов.
⚙ Seo прототипирование на этапе создания сайта.
⚙ Услуги настройки и ведения контекстной рекламы.

#реклама
О рекламодателе

480 0 1 1 9

CodeBase | Frontend

3 Dec, 07:52

Вкатываешься такой в веб, а там эти

526 0 4 2 18

20 ta oxirgi post ko‘rsatilgan.

2 442

obunachilar

Kanal statistikasi

Kanalda mashhur

👩‍💻 Что такое clip-path в CSS и как оно работает? clip-path — это свойство CSS, которое позволяе...

👩‍💻 Что такое Map в JavaScript и как он работает? Map — это структура данных в JavaScript, котор...

👩‍💻 Что такое Promise.all в JavaScript и как он работает? Promise.all позволяет запускать нескол...

⚡️Dropdown Menu Effects — Анимированное выпадающее меню с эффектами при нажатии. Технологии: Svg...

⚡️Button with tooltip hover timing feedback — Плеер с анимированным нажатием при наведении. Техн...