Публикации по теме 'front-end-development'


10 практических сокращений кода в JavaScript, которые сделают ваш код более кратким
Вот некоторые мои часто используемые методы сокращений JavaScript. Теперь я поделюсь с вами, чтобы сделать ваш код более кратким и элегантным. 1. Упростите If-Else с помощью || или ?? Операторы Вы можете упростить операторы if-else, используя логические операторы ИЛИ (||) или нулевые операторы объединения (??). Эти операторы возвращают правое значение, если левое значение ложно. const a = obj || {}; // Equivalent to: const a = obj === 0 || obj === “” || obj === false || obj..

Toggle  — лучший друг разработчика
Toggle — лучший друг разработчика Я много раз использовал метод переключения при создании новой веб-функции. Часто кнопка на веб-странице, которая использует функцию скрытия/отображения, также известная как переключатель, является обычной частью взаимодействия с пользователем. Вот где в дело вступает переключатель! Думайте о переключателе как о переключателе для вкл и выкл . Он скрывает или показывает элемент поочередно. Узнайте больше о переключении на Веб-документы MDN ...

Как использовать веб-компоненты с React
Отказ от JSX в пользу нового веб-стандарта. Использование веб-компонентов с React и FastUI Каждый разработчик React знает, что такое JSX и какие преимущества он предоставляет. Однако, хотя это очень распространенная технология, это не стандарт, выбранный сетью. Когда дело доходит до создания пользовательских компонентов, веб-компоненты являются стандартом, который принимают все браузеры, и вам, как фронтенд-разработчику, следует начать изучать (если вы еще этого не сделали)...

4 различия между посредственными и великими разработчиками программного обеспечения
Существует огромная пропасть между хорошим и великим Вы когда-нибудь работали с блестящим разработчиком? Я сделал. И я не мог не заметить, что он делал иначе, чем другие, которых я встречал. Вот четыре черты выдающихся разработчиков, которые имеют значение. Они все время учатся Быть разработчиком программного обеспечения — значит учиться всю жизнь. Когда я начинал, а это было всего семь лет назад, jQuery все еще был королем. Я помню бесконечные дискуссии о том, что должен..

Глава 11: Цвета CSS в RGB и HSL
Полный учебник Frontend-разработчика для начинающих (издание 2023 г.) Это учебная версия Урока 11 из 100 из видеокурса Udemy: Полный курс разработчиков интерфейсов для начинающих ← Глава 10. Позиционирование элементов ← Оглавление Обзор

Как создать таблицы цен на веб-сайте с помощью HTML/CSS/JS? Часть 3
В этой серии статей мы покажем вам, как создавать динамические таблицы цен при разработке внешнего интерфейса веб-сайта с помощью HTML, CSS и JavaScript. Мы собираемся показать вам несколько различных способов представления таблиц цен в зависимости от ваших тарифных планов, макета веб-сайта, устройства целевой аудитории и т. д. Таблица цен 1, ссылка Таблица цен 2, ссылка Третья таблица цен позволяет пользователям включать кнопки плана и детализации, чтобы получить..

Отладка Javascript - Часть 2: DOM
Отладка Javascript - Часть 2: DOM Это вторая часть серии статей, посвященных отладке интерфейсного Javascript-приложения. В предыдущей части мы говорили о точках останова в исходном коде, а в этой статье мы сосредоточимся на модели DOM и, в частности, на том, как получить максимальную отдачу от вкладки Элементы . Отказ от ответственности: это ни в коем случае не полное руководство по инструментам разработки. Мы собираемся упомянуть только то, что обычно использует большинство..