Публикации по теме 'frontend'


Пишите код только для внешнего интерфейса для создания полноценных чат-приложений в React 👩‍💻💬
TL;DR Я создал многопользовательское, сквозное, авторитетное для сервера чат-приложение в React, не написав ни единой строчки внутреннего кода. 👩‍💻Интересно как? Давайте начнем! Я выбираю next.js для простоты, но он может работать с приложением create-react-app или любой другой средой реагирования. npx create-next-app Просто нажмите Enter несколько раз, чтобы создать проект. Мне не нужен модный новый маршрутизатор приложений Next.JS, поэтому я буду использовать папку старых..
В чем разница между px, rem и em?
Единицы CSS В CSS вы можете найти различные единицы измерения для всех элементов, составляющих документ ‹html›, наиболее часто используемыми всеми являются px , однако, как объясняется в MDN, существует гораздо больше. На этот раз мы сосредоточимся на основных различиях между абсолютными единицами измерения и относительными единицами em и rem. Абсолютные единицы не изменяются в размере, а относительные единицы изменяются в соответствии с размером шрифта родительского элемента...
React — JS 1O1 — Часть 6 — Подкомпоненты
В последней части мы изучили основы событий JavaScript и функций обратного вызова. В первой части мы изучили основы React, основы функции и что такое компонент. В этой части давайте узнаем, что такое подкомпоненты и как мы можем использовать их для написания более чистого кода. Сценарий Рассмотрим сценарий, в котором владелец магазина хочет иметь другой счетчик для подсчета различных фруктов, которые покупатель кладет в корзину! На данный момент они продают только два фрукта —..
ВСЕ О ВВОДАХ HTML
ВВОД HTML HTML-элемент input используется для создания интерактивных элементов управления для веб-форм, чтобы принимать данные от пользователя; доступно большое разнообразие типов входных данных и виджетов управления, в зависимости от устройства и пользовательского агента. Элемент input — один из самых мощных и сложных во всем HTML из-за огромного количества комбинаций типов ввода и атрибутов. РАЗНЫЕ ТИПЫ ЭЛЕМЕНТОВ ВВОДА 1. Общие входы 2. Медиа-входы 3. Дополнительные входы..
Как работает метод сортировки в JavaScript?
В моей сегодняшней статье я покажу вам, как метод сортировки ( Array.prototype.sort() ) работает в JavaScript, его логику и как вы можете использовать его для сортировки массива. ВВЕДЕНИЕ Прототип массива sort() используется для сортировки элементов в массиве в зависимости от предоставленной логики, а затем возвращает ссылку на тот же массив, теперь уже отсортированный. Порядок по умолчанию метода sort() — восходящий, и он работает путем преобразования элементов массива в..
Проверьте эти 8 обязательных инструментов для веб-разработчиков прямо сейчас
Не только чат-боты и IDE, но и генераторы кода на CSS и HTML и другие инструменты, которые необходимо знать всем фронтенд-разработчикам. Раньше я был программистом, который хотел бы написать все сам. Моя собственная библиотека CSS, библиотека JS, моя собственная среда выполнения. Однажды я даже подумывал написать свою собственную ОС. Но это просто неэффективно и бессмысленно на начальном этапе. Потому что лучший способ писать код — это не писать код (слова глубокой мудрости 😆)...
Загадка для разработчиков, спрятанная в исходниках на главной странице агентства
На www.webfactory.ie скрыта проблема для разработчиков TL;DR; Внимание, разработчики и любопытные! Мы спрятали объявление о вакансии и загадку в исходном коде домашней страницы Webfactory . Предлагаем вам попытаться разгадать загадку и найти последнюю страницу. Надеемся, вам будет так же весело, как и нам. Так зачем же мы придумали загадку, чтобы найти новых разработчиков? При поиске новых талантов компании делают все возможное, чтобы найти квалифицированных кандидатов...