CodeBase | Frontend
2.16K subscribers
408 photos
172 videos
6 files
642 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
😱 Доказано. Нейросети снижают твою продуктивность. Как так? Узнаешь в моём канале про Python и IT. Публикую мемы о dev-кошмарах, свежие новости AI, советы по кодингу, разбор актуальных инструментов. Не мучайся в одиночку — подписывайся за ежедневной дозой пользы! 🚀
➡️ Цикл for...of используется для итерации по элементам итерируемых объектов, таких как массивы, строки, Map, Set и другие. В отличие от for...in, который перебирает ключи, for...of работает непосредственно со значениями.

Синтаксис:


const arr = [1, 2, 3];
for (const item of arr) {
console.log(item); // Выводит 1, 2, 3
}


Цикл for...of упрощает работу с коллекциями, исключая необходимость вручную управлять индексами. Он поддерживает break и continue для управления потоком выполнения. Подходит для работы с массивами и другими итерируемыми структурами, где важны значения элементов.

CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
🤩Хотите, чтобы ваши React-приложения не просто работали, а вызывали вау-эффект?

Присоединяйтесь к открытому уроку «Анимируем React: от нуля до вау-эффекта» 12 августа в 20:00 МСК. Мы покажем, как создать живые, отзывчивые интерфейсы с помощью библиотеки анимаций Framer Motion и API Intersection Observer. Разберём, как добавить современный UX без перегрузки сторонними библиотеками, чтобы каждый элемент интерфейса был динамичным и запоминающимся.

Освойте практические подходы и техники, которые используют профессионалы для создания визуально выразительных интерфейсов. Получите знания, которые значительно улучшат ваш опыт в React.

⚡️Присоединяйтесь к открытому вебинару и получите скидку на курс «React.js Developer»: https://otus.pw/DxU9/?erid=2W5zFJN7hVi

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
1👍1
🟢Подборка каналов для технарей от наших друзей:

📱https://t.iss.one/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти.

📱https://t.iss.one/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика.

📱https://t.iss.one/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати.

📱 https://t.iss.one/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс.

📱 https://t.iss.one/Pirate_Gram - Бесплатные андроид премиум приложения.
Please open Telegram to view this post
VIEW IN TELEGRAM
⚙️ CDN (Content Delivery Network) помогает ускорить загрузку HTML-страниц за счет распределения статических ресурсов (CSS, JavaScript, изображения) по серверам, расположенным ближе к пользователю.

Для подключения CDN достаточно заменить локальные ссылки на файлы на URL-адреса, предоставляемые CDN. Например, для Bootstrap:


<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>


Использование CDN уменьшает нагрузку на сервер и ускоряет доставку контента, так как файлы кэшируются и загружаются с ближайшего сервера сети.

CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
📚 Physics.Math.Code — лучший канал для физиков, математиков, инженеров и разработчиков:

@physics_lib 👨🏻‍💻

▪️ Актуальная и самая свежая литература по техническим предметам, программированию и IT
▪️ Видеоуроки по физике, математике и программированию
▪️ Обсуждения и разборы интересных задач

💡 Что почитать по статистике, чтобы начать её понимать?

📚 Подборка по математике для поступающих в ВУЗы

⚡️
Подборка по физике для поступающих в ВУЗы

🌀 Подборка: 20 книг по алгоритмам и структурам данных

🐧 Подборка по Linux: 40 книг
🔥2👍1😍1
Банят домены? Есть решение!

FastAnalyze выявит угрозы, устранение которых позволит избежать блокировки сайта.

Типы проверок:
— Анализ на вредоносность
— Анализ SEO
— Рекламное соответствие
— Технический анализ
— Анализ удобства
— AI анализ

🔎 Проверить сайт - @FastAnalyzeBot
👩‍💻 Метод flat() в JavaScript и как он используется

Метод flat() "разворачивает" вложенные массивы в один уровень.

По умолчанию — на один уровень, но можно задать глубину вручную.

➡️ Пример:

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

console.log(nested.flat()); // [1, 2, 3, 4, [5, 6]]
console.log(nested.flat(2)); // [1, 2, 3, 4, 5, 6]


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

• Очистке вложенных структур
• Объединении данных с API
• Упрощении перебора и фильтрации

flat() работает только с массивами. Для удаления пустых значений можно сочетать с .filter(Boolean)


CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
🖥 Прощай, Zone.js: ускоряем Angular с Signal API и Zoneless-подходом

Рассказываю, как Angular перешёл от Zone.js к Signal API, и как Zoneless-подход помогает писать чище, рендерить быстрее и не страдать от лишних перерисовок.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🤝1
🔎 Навигация по каналу

Здесь собраны все основные материалы: лучшие курсы и книги по IT, языкам программирования, DevOps и разработке. Используй хэштеги для удобного поиска:


📚 Книги по программированию и IT

➡️ #Книга #DevBooks #Python #ООП #DataScience #MachineLearning #AI #Delphi #SQL #CSharp #Linux #Алгоритмы #Backend #Frontend

💻 Курсы по языкам и разработке

➡️ #Курс #Python #JavaScript #CSharp #C++ #Java #HTML #CSS #SQL #Dart #Flutter #Lua #Golang #Ruby #Delphi #TypeScript

🛠 DevOps, инструменты и практика
➡️ #Docker #Ansible #Git #Linux #CI_CD #Swarm #Kubernetes #MRSK #GitHub #Инфраструктура #Автоматизация #Тестирование #Postman #Selenium #Jira



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

↗️ Основной канал
📦 Архив
Please open Telegram to view this post
VIEW IN TELEGRAM
2
Forwarded from Песья работа
Одна ошибка и ты ошибся
🤣6💯32
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Collapsible Timeline — Таймлайн с возможностью раскрывать пункты

Технологии: SVG, CSS, JS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Media is too big
VIEW IN TELEGRAM
удалёнщик вышел в офис🤭

сражение с реальным корпоративным миром 🤡

#удалёнка #удалёночка

🦥Ленивый программист ©
Please open Telegram to view this post
VIEW IN TELEGRAM
😁4🤪21