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

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

Администратор React: Введение

" Фронтенд-фреймворк для создания приложений администрирования, работающих в браузере, поверх REST/GraphQL API, с использованием ES6, React и Material Design . » По сути, это упрощает создание приложения React, сокращая усилия по созданию сложных веб-компонентов. Это позволяет вам взаимодействовать с вашим бэкэндом стандартным способом через пользовательских поставщиков данных. Почему React Admin? Если нам нужно создать внутреннее административное приложение, которое..

Как использовать GraphQL в Vue3 с клиентом Apollo

Интегрируйте GrapghQL с Vue3 с помощью библиотеки Vue-apollo (Composition API). План: 1. Что такое клиент GraphQL или Apollo? 2. Практическая часть. 2.1. Настроить Apollo-клиент (composition API). 2.2. Ознакомьтесь с бесплатным API GraphQL. 2.3. Как получить данные с сервера GraphQL (запросы). 2.4. Как отправлять данные на сервер GraphQL (мутации). 2.5. Политика выборки. 2.6. Как открыть канал между клиентом и сервером (подписки). 3. Полезные ссылки и пример на GitHub. 1. Что..

Основы JavaScript: руководство для начинающих по созданию интерактивных веб-сайтов

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

Как превратить div в доступную кнопку в React

Создание доступных кнопок В React принято создавать кнопку, добавляя событие onClick к элементу, который не является <button> . Срезание углов при создании кнопки вредит пользовательскому опыту, особенно в отношении доступности. Кто-то, использующий сайт со своей клавиатурой, программой чтения с экрана или другими вспомогательными технологиями, может не иметь возможности взаимодействовать с кнопкой. В этой статье мы разберем проблемы, которые создают несемантические..

Nuxt 3 Следующие шаги.

Пару месяцев назад я написал эту статью о трех первых шагах Nuxt . Это была даже не RC-версия (релиз-кандидат), но ее принятие было очень впечатляющим. В связи с ажиотажем и общим интересом к этой новой технологии было возложено много ожиданий. Что еще более увлекательно, статья, которую я написал, набрала более 25 тысяч просмотров (и продолжает расти), поэтому было чертовски ясно, что в воздухе витает что-то горячее, и все сообщество не может дождаться стабильного релиза. Итак,..

Как я использую CSS Grid для создания одностраничного веб-сайта

Кодирование Как я использую CSS Grid для создания одностраничного веб-сайта Начните с визуализации макета и спланируйте сетку перед написанием кода. Хотя есть и другие способы достижения той же разметки, например flexbox , я использую только CSS Grid, поскольку это является предметом внимания данной статьи. Шаг 1. Спланируйте перед написанием кода Планирование перед написанием кода заставляет меня принимать решение заранее элементы, которые будут стилизованы как..

Как создать массив месяцев, лет или дней в JavaScript

Использование лучшей библиотеки дат в мире Есть простой способ делать что-то, а есть трудный способ. Я из тех людей, которые предпочитают легкий путь. Обычно меньше кода для меня означает, что это легкий путь. Если вы новичок в moment.js , то рекомендую его немного почитать ». Кроме того, вам нужно будет установить или импортировать в рабочее пространство moment.js. Мы собираемся воспользоваться преимуществами двух простых функций, которые дает нам moment.js. Это функции..