Публикации по теме '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 и, в частности, на том, как получить максимальную отдачу от вкладки Элементы .
Отказ от ответственности: это ни в коем случае не полное руководство по инструментам разработки. Мы собираемся упомянуть только то, что обычно использует большинство..