Главная » Архив меток: JavaScript

Архив меток: JavaScript

Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1)

Перевод статьи Improve Your Debugging Skills with Chrome DevTools с сайта telerik.com для css-live.ru, автор — Питер Милчев В этой статье мы рассмотрим полезные приёмы и советы по использованию отладчика Chrome, которые помогут легче разобраться с любыми загвоздками в разработке веб-приложений. Бывали ли у вас неприятности с неверной работой JavaScript? Доводилось ли вам биться с подгонкой стилей элементов на своей ...

Читать далее »

7 уроков по архитектуре Front-end из Nuxt.js

От автора: архитектура front end — это горячая тема, и не зря. Поскольку все больше логики переходит через JavaScript на front-end, приложения становятся громоздкими. Это, в свою очередь, привело к развитию фреймворков и шаблонов приложений для управления этой сложностью. Хотя единого правильного выбора архитектуры просто не существует, есть ряд моделей, которые выделяются многими. Они часто инкапсулируются в стартовые шаблоны или ...

Читать далее »

Меньше кода, больше приложений: Vulcan.js

От автора: кто не мечтал иметь возможность, используя передовые технологии, создавать веб- и мобильные приложения с нуля за нескольких дней? При наличии подходящих шаблонов программирования и хорошо подобранного фреймворка, в роли которого сегодня будет выступать Vulcan js, эта мечта не так нереальна, как кажется …. Используем пакеты Если все сделать правильно, структурирование приложений в пакетах дает огромные преимущества от возможности ...

Читать далее »

5 советов по написанию лучших выражений с условными операторами в JavaScript

От автора: когда мы применяем в JavaScript условные операторы, хочется сделать код как можно чище. Вот 5 советов относительно того, как писать лучшие / более чистые условные выражения. 1. Используйте Array.includes для множественных критериев. Давайте рассмотрим приведенный ниже пример: // condition function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } } На первый взгляд, этот ...

Читать далее »

Пиксели или относительные единицы измерения Em: пользователи действительно меняют размер шрифта CSS

От автора: веб-разработчики любят хорошую святую войну, будь то над нашими любимыми фреймворками или принципами JavaScript, такими как разделение проблем. Меня всегда интересовало, как борются в CSS единицы измерения, а именно — война между пикселями и относительными единицами, такими как rems и ems. В течение многих лет большинство веб-дизайнеров и разработчиков измеряли вещи в пикселях. Их довольно легко понять — ...

Читать далее »

Как мы делали веб-интерфейс для Google Photos: заглядываем под капот

Перевод статьи Building the Google Photos Web UI с сайта medium.com для CSS-live.ru, автор — Антин Харасимив Несколько лет назад мне посчастливилось стать инженером в команде Google Photos и поучаствовать в их первом запуске в 2015-м. Множество людей вложило силы в этот продукт — дизайнеры, продукт-менеджеры, исследователи и бесчисленные инженеры (в области Android, iOS, веба и серверной части), если упомянуть лишь ...

Читать далее »

CSS: новый вид JavaScript

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

Читать далее »

Введение в API MutationObserver из JavaScript

Перевод статьи An introduction to the JavaScript MutationObserver API с сайта benfrain.com, автор — Бен Фрейн. Недавно мне довелось немного поиграть с JavaScript-овым API MutationObserver и я был приятно шокирован. Я уже наметил те места, где я, наверное, мог бы сделать код чище с помощью него. Если не слышали о нём раньше, вот небольшой пример MDN описывает интерфейс MutationObserver так: С помощью интерфейса MutationObserver ...

Читать далее »

Как создавать Vue-компоненты, словно профи

Перевод статьи How To Build Vue Components Like A Pro 😎 с сайта blog.bitsrc.io для css-live.ru, автор — Rajat S Vue — один из самых быстро растущих фреймворков в современном мире. Представленный как «интуитивный, быстрый и компонентный» инструмент на базе паттерна MVVM для построения интерактивных интерфейсов, Vue стал любимым JavaScript-фреймворком для разработки интерактивных веб-приложений и интерфейсов для каждого разработчика. Его ...

Читать далее »

Сможет ли WASM потеснить JavaScript и изменить будущее веб-разработки

От автора: этот вопрос на устах у многих разработчиков с тех пор, как WebAssembly (WASM) начал выглядеть так, как будто это может стать реальностью. Хотя многие предположили, что грядет замена JavaScript WASM, те, кто участвует в создании последнего, отрицают такое намерение. В официальном FAQ на webassembly.org этот вопрос значится одним из первых — и ответ на него: «WebAssembly предназначен для ...

Читать далее »