⚙️ CDN (Content Delivery Network) помогает ускорить загрузку HTML-страниц за счет распределения статических ресурсов (CSS, JavaScript, изображения) по серверам, расположенным ближе к пользователю.

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

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

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

CodeBase | Frontend | #Основы

🦥Ленивый программист ©

👩‍💻 Метод 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

🖥 Прощай, Zone.js: ускоряем Angular с Signal API и Zoneless-подходом

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

🔗 Ссылка

CodeBase | Frontend | #article

🔎 Навигация по каналу

Здесь собраны все основные материалы: лучшие курсы и книги по 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

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

↗️ Основной канал
📦 Архив

⚡️Collapsible Timeline — Таймлайн с возможностью раскрывать пункты

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

🔗 Ссылка

CodeBase | Frontend | #animate

удалёнщик вышел в офис…🤭

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

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

🦥Ленивый программист ©

#учёный #джун #junior

🦥Ленивый программист ©

⚙️ Что такое атрибут multiple в HTML и зачем он используется?

Атрибут multiple позволяет выбирать сразу несколько значений в элементах <select>, а также прикреплять несколько файлов в <input type="file">.

➡️ Пример:

<form>
  <label>
    Выберите теги:
    <select multiple>
      <option>Python</option>
      <option>JavaScript</option>
      <option>HTML</option>
    </select>
  </label>

  <label>
    Загрузите файлы:
    <input type="file" multiple>
  </label>
</form>

🗣️ Почему полезно:

• Дает пользователю больше гибкости при выборе
• Экономит время при загрузке нескольких файлов
• Удобно в фильтрах, тегах, списках

multiple — простой способ сделать выбор и загрузку многозначными без сложного JS.

CodeBase | Frontend | #Основы

🖥 Как я полюбил LESS и с его помощью избавился от копипасты в своём CSS-коде, а разметку сделал семантической

Разбираем, как собрать несколько внешних поисков (люди, ссылки, исходники), скелетоны и обработку ошибок, подключать новые источники без правок UI. Операторы, профит.

🔗 Ссылка

CodeBase | Frontend | #article