Made in HTML/CSS
1.5K subscribers
728 photos
39 videos
2 files
653 links
Научись классно верстать и создавать сайты благодаря Made in HTML/CSS.
По рекламе - https://t.me/ZilantTG
Download Telegram
Метод copyWithin копирует элементы массива из одного диапазона в другой, не изменяя длину массива.

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


Made in HTML/CSS
👍4🔥2
Что такое Long Polling?

Long Polling
был одним из первых методов для обновления контента на странице в реальном времени до появления более современных технологий, таких как WebSocket и Server-Sent Events. Его использование стало популярным в середине 2000-х годов как способ обхода ограничений традиционного веб-протокола HTTP, который не поддерживает двустороннюю связь. Принцип работы следующий: клиент отправляет на сервер HTTP запрос, сервер выполняет запрос и может отправлять несколько порций данных перед отправкой финального результата и закрытием соединения.
Преимущества: Простота в понимании и реализации, асинхронная передача данных со стороны сервера.

Недостатки:
Задержки в передаче данных из-за ожиданий и таймаутов, может приводить к высокой нагрузке на сервер из-за большого количества открытых соединений, может потребоваться настройка сервера. Подход неэффективен при постоянном потоке данных.


Made in HTML/CSS
🔥6
Метод with создает новый массив с измененным элементом по указанному индексу, не изменяя исходный массив. Это делает код более читаемым и функциональным, особенно при работе с иммутабельными данными.

Метод полезен в современных фреймворках, таких как React, где требуется избегать мутаций состояния.


Made in HTML/CSS
🔥4👨‍💻1
Опишите роль DNS в веб-разработке.

DNS, или система доменных имен, часто упоминается как «телефонная книга Интернета». Он играет ключевую роль в веб-разработке, переводя удобочитаемые доменные имена (например, www.example.com) в машиночитаемые IP-адреса (например, 192.0.2.1). Этот процесс, известный как разрешение DNS, позволяет пользователям получать доступ к веб- сайтам, используя легко запоминающиеся имена, а не числовые IP-адреса. Когда пользователь вводит веб-адрес в своем браузере, система DNS запрашивает соответствующий IP-адрес для этого доменного имени.

Made in HTML/CSS
🔥5
Оператор ?. предотвращает ошибки при доступе к свойствам несуществующих объектов, возвращая undefined вместо сбоя.

Made in HTML/CSS
👍5🔥2
Что такое MVC?

MVC (Model-View-Controller) — это архитектурный шаблон программирования, который разделяет приложение на три компонента: модель, представление и контроллер.
Компоненты MVC
Модель (Model) — отвечает за управление данными и бизнес-логикой приложения. Взаимодействует с базой данных, выполняет операции с данными и возвращает результаты контроллеру.
Представление (View) — отвечает за отображение данных пользователю. Получает данные от модели и формирует пользовательский интерфейс.
Контроллер (Controller) — служит посредником между моделью и представлением. Обрабатывает входящие запросы от пользователя, взаимодействует с моделью для получения данных и передаёт их в представление.

Примеры MVC
Приложение для создания задач. Модель определяет, что такое «задача» и «список», представление — как они выглядят на экране и как с ними взаимодействовать, контроллер — как добавлять новые задачи или отмечать выполненные.


Made in HTML/CSS
🔥8
Оператор ?? возвращает правый операнд только если левый равен null или undefined. Это безопаснее, чем ||.

Made in HTML/CSS
🔥4👨‍💻2
Open in Browser — это удобное расширение для Visual Studio Code, которое позволяет быстро открывать HTML-файлы (или другие файлы, такие как PHP, JS и т.д.) в веб-браузере прямо из редактора. Это особенно полезно для веб-разработчиков, которые хотят быстро проверить свои HTML-страницы или протестировать изменения без необходимости вручную находить файл в файловой системе.

Made in HTML/CSS
🔥8
Set автоматически удаляет дубликаты, упрощая работу с уникальными данными.

Made in HTML/CSS
👍4🔥2
Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать

Статья представляет собой подробный чек-лист для проверки качества HTML/CSS вёрстки. Основная цель этого чек-листа — создание формальных критериев оценки вёрстки, которые гарантируют надёжность и удобство поддержки кода. Для базовой приемки клиенту достаточно выполнения первых пяти пунктов: соответствие макету, кроссбраузерность, валидность кода, независимость CSS-блоков и корректное отображение на разных разрешениях. Также представлены пункты для продакшена.

🌐 Читать статью

Made in HTML/CSS
🔥6
Метод flat упрощает работу с многомерными массивами, выравнивая их до указанной глубины.

Made in HTML/CSS
👍4🔥2
Оптимизируй фронтенд: 24 проверенных способа

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

🌐 Читать статью

Made in HTML/CSS
👍4🔥2
Текст, который «вау»: 28 CSS-хаков для создания залипательных эффектов

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

🌐 Читать статью

Made in HTML/CSS
🔥5👍3
Intl.DateTimeFormat упрощает форматирование дат с учетом региональных особенностей.

Made in HTML/CSS
🔥7
ТОП-38 Hover-эффектов для современного веб-дизайна в 2025 году

В этой статье представлена подборка крутых CSS hover-эффектов, которые превратят ваш сайт из скучного в увлекательный интерактивный опыт. Голографические карточки, плавные морфинговые переходы и динамичные 3D-кубы — всё это заставит пользователей не только задержаться на сайте, но и захотеть вернуться снова!

🌐 Читать статью

Made in HTML/CSS
👍6🔥2
Promise.allSettled возвращает результаты всех промисов, независимо от их состояния.

Made in HTML/CSS
🔥7
Пиши на JavaScript правильно: лучшие практики разработки

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

🌐 Читать статью

Made in HTML/CSS
🔥4
replaceAll упрощает замену всех вхождений подстроки без регулярных выражений.

Made in HTML/CSS
👍6
Можете ли вы объяснить, что такое CSS-спрайты?

CSS-спрайты — это технология, которую разработчики применяют для оптимизации веб-страниц. Она предполагает объединение нескольких небольших изображений с одинаковым разрешением в одно большое изображение.
Спрайты используются, когда нужно показывать пользователям отдельные элементы, которые являются частью большого изображения. Обычно в таблицу спрайтов включают логотипы, навигационные стрелки, кнопки и так далее.
Цель использования CSS-спрайтов — сократить количество отдельных изображений и уменьшить количество HTTP-запросов, необходимых для загрузки. Это приводит к улучшению производительности веб-страниц


Made in HTML/CSS
👍3🔥2
Метод at упрощает доступ к элементам массива, включая поддержку отрицательных индексов.

Made in HTML/CSS
👍5🔥1