Made in HTML/CSS
1.5K subscribers
732 photos
39 videos
2 files
657 links
Научись классно верстать и создавать сайты благодаря Made in HTML/CSS.
По рекламе - https://t.me/ZilantTG
Download Telegram
Talend API Tester — это мощное инструментальное решение для тестирования, документации и мониторинга API. Это расширение доступно в виде отдельного приложения или как браузерное расширение (например, для Chrome), что делает его удобным для разработчиков и тестировщиков. Talend API Tester позволяет выполнять широкий спектр задач, связанных с тестированием RESTful, SOAP и GraphQL API.

Made in HTML/CSS
👍4🔥2
Перечислите общие методы оптимизации производительности веб-приложений

Основными методами оптимизации производительности могут быть:

- Сокращение HTTP-запросов за счет объединения файлов, использования спрайтов, встраивания CSS и JavaScript.
- Минимизация размеров файлов за счет минификации, gzip-сжатия и оптимизации изображений.
- Кеширование ресурсов на стороне клиента и сервера.
- Использование CDN для уменьшения задержек.
- Улучшение времени ответа сервера.

Made in HTML/CSS
👍6
Разработчики Sublime Text характеризуют свой продукт как усовершенствованный редактор текста, кода и разметки.

Это платное кроссплатформенное приложение для написания кода с множеством различных функций и особенностей.


🌐Подробнее

Made in HTML/CSS
👍7
Сокращенное вычисление (short-circuit evaluation) в JavaScript позволяет использовать логические операторы && (логическое И) и || (логическое ИЛИ) для упрощения условных выражений.

Это делает код более лаконичным и читабельным.


Made in HTML/CSS
🔥4👍2
Что такое событийная модель в JS?

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

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

Made in HTML/CSS
👍5🔥3
Что такое распространение событий в JavaScript?

Распространение событий (англ. Event propagation) — это процесс передачи событий через древовидную структуру DOM (Document Object Model). Является важным аспектом событийной модели. Этот процесс состоит из трех этапов:

- Захват (capturing): событие движется от вершины дерева к целевому элементу.
- Цель (target): Событие достигает целевого элемента.
- Всплытие (bubbling): После того как событие было обработано на целевом элементе, оно событие движется обратно.
Разработчики могут контролировать эту передачу с помощью команд ’stopPropagation()’ и ‘preventDefault()’.

Made in HTML/CSS
👍6🔥2
Yarn – менеджер пакетов, с помощью которого можно не только устанавливать различные модули и пакеты, но и делиться кодом. Его также используют в качестве менеджера проектов.

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

Made in HTML/CSS
👍6🔥1
Синтаксис Rest параметров (Rest parameters) в JavaScript позволяет функции принимать неограниченное количество аргументов и обрабатывать их как массив.

Это упрощает работу с функциями, которые должны принимать переменное количество входных данных.

Made in HTML/CSS
👍5🔥2
Данный репозиторий — это всеобъемлющий список всех элементов, которые необходимо иметь и протестировать перед запуском веб-сайта или HTML-страницы в продакшн. Этот чеклист основан на многолетнем опыте фронтенд-разработчиков и дополнен другими открытыми источниками

Made in HTML/CSS
🔥3👍2
Parcel представляет собой максимально производительный бандлер веб-приложений с нулевой конфигурацией.

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


🌐Подробнее

Made in HTML/CSS
👍6
Оператор распространения (spread operator) в JavaScript, обозначаемый троеточием (...), позволяет легко объединять массивы и объекты, а также передавать элементы массива в качестве отдельных аргументов функции. Это делает код более чистым и удобочитаемым.

Made in HTML/CSS
👍6
Frontend Mentor — это платформа, предназначенная для улучшения навыков фронтенд-разработки через создание реальных проектов. Она предоставляет профессионально разработанные задачи, которые помогают разработчикам получить практический опыт в написании HTML, CSS и JavaScript. Платформа устраняет необходимость поиска дизайнов, позволяя сосредоточиться исключительно на разработке.

Made in HTML/CSS
👍5
В чем разница между атрибутами id и class в HTML?

Атрибут id используется для уникальной идентификации элемента на странице, а атрибут class используется для группировки элементов в целях стилизации.

Made in HTML/CSS
👍5🔥2
Этот бесплатный онлайн-сервис демонстрирует то, как отображается контент веб-приложения или сайта на дисплеях различных устройств. Перечень поддерживаемых функций:

Возможность проверки сайта через онлайн-приложение с использованием букмарклета «Am I Responsive»;
Поддержка http://localhost/;
👍6
Стрелочные функции в JavaScript были введены в ES6 и предоставляют более краткий синтаксис для определения функций, а также решают проблему с контекстом this.

Made in HTML/CSS
👍7
VisuAlgo — это интерактивная образовательная платформа, разработанная для визуализации структур данных и алгоритмов через анимацию. Она была создана в 2011 году доктором Стивеном Халимом и его студентами из Национального университета Сингапура (NUS) для улучшения понимания этих концепций среди студентов.

Made in HTML/CSS
👍6
Как мы можем асинхронно подключать скрипты?

Для этого можем использовать атрибуты async & defer

Атрибут defer , скрипт будет загружен параллельно с другими ресурсами страницы, но выполнение скрипта должно быть отложено до тех пор, пока не завершится загрузка и парсинг всего HTML документа. Это позволяет ускорить загрузку страницы, сохраняя при этом порядок выполнения скриптов.

Атрибут async, будет грузиться асинхронно, также параллельно с другими ресурсами, но скрипт не будет ожидать загрузки HTML документа перед выполнением.

Made in HTML/CSS
👍7
Сниппеты представляют собой сокращения для часто используемых частей кода, которые нужно сначала запомнить, но после этого работа значительно ускоряется.

Например, вам больше не нужно каждый раз писать const packageName = require('packageName'); — достаточно ввести req и нажать клавишу Tab. Таких примеров множество.


Made in HTML/CSS
👍5
Деструктурирующее присваивание в JavaScript позволяет извлекать свойства из объектов или элементы из массивов и присваивать их отдельным переменным в более лаконичной и читабельной форме.

Это упрощает работу с данными и делает код более выразительным.


Made in HTML/CSS
👍5🔥2
SmallDevTools — это бесплатная онлайн-платформа, предлагающая более 20 инструментов для разработчиков, которые помогают в выполнении различных задач, таких как кодирование/декодирование, минификация кода, форматирование HTML/CSS/JavaScript и генерация тестовых данных.

Made in HTML/CSS
👍6🔥1