Публикации по теме 'frontend'
10 фронтенд-проектов, которые поднимут ваши навыки программирования на новый уровень
Вы фронтенд-разработчик и хотите поднять свои навыки на новый уровень? Один из лучших способов сделать это — работать над реальными проектами, которые выталкивают вас из зоны комфорта и заставляют изучать новые методы и технологии.
В этом блоге я собрал список интерфейсных проектов от FrontendPro.dev , которые могут помочь вам улучшить свои навыки в HTML, CSS, JavaScript, ReactJs и других фронтенд-технологиях.
Эти интерфейсные проекты предназначены для разработчиков всех уровней..
Анатомия хука useReducer в React
За рамками useState()
Введение
Конечно! Хук useReducer — это фундаментальная часть системы управления состоянием React, которая позволяет вам управлять более сложной логикой состояний в ваших компонентах. Давайте разберем анатомию крючка useReducer для новичка.
Импорт хука:
Чтобы использовать крючок useReducer , вам сначала необходимо импортировать его из библиотеки React в верхней части вашего файла JavaScript или TypeScript:
import React, { useReducer } from..
Основы JavaScript: асинхронность и отсрочка
Всякий раз, когда вы загружаете JavaScript со страницы HTML, важно помнить о производительности загрузки страницы. Время загрузки страницы во многом зависит от того, где и как вы добавляете скрипты на свою HTML-страницу.
В этой статье мы рассмотрим, как мы можем использовать async и defer для управления порядком выполнения наших скриптов и оптимизации скорости загрузки нашей страницы!
Начало работы с React — создание интерактивных интерфейсов
Здравствуйте, коллеги-ученики! Сегодня мы отправляемся в путешествие в мир React, фантастического инструмента для создания динамических и интерактивных пользовательских интерфейсов. Это похоже на добавление волшебства к вашим навыкам веб-разработки. Давайте приступим и начнем вместе создавать потрясающие пользовательские интерфейсы!
Что такое Реакт?
Представьте, что вы собираете виртуальный набор Lego. Каждый кубик Lego представляет собой часть вашего пользовательского интерфейса..
Сборка пакета для встряхивания дерева с помощью rollup.
Сборка пакета для встряхивания дерева с помощью rollup.
rollup-esm-шаблон
Сборка пакета для встряхивания дерева с помощью rollup.
Требования
Установите флаг slideEffect: false в package.json
"sideEffects": false,
Сделать весь экспорт на ввод Настройка вывода на esm
export default {
input: ["src/*.ts"],
output: {
dir: pkg.module,
format: "esm",
},
plugins: [commonjs(), typescript(), resolve(), multiInput()],
};..
Как создать инструмент Voc Flashcards, который поможет вам изучать язык с помощью HTML/CSS/JavaScript?
В этой серии статей мы покажем вам, как создать собственный инструмент для языковой практики и словарные карточки с помощью HTML/CSS/JS. Вы можете создать свою словарную базу данных в Google Sheet, получить к ней доступ через API Google и повторно просмотреть эти словари (например, пары англо-китайских или английских изображений и т. д.).
Шаг 0. Вы можете проверить этот пост , чтобы понять, как настроить Google API для доступа к данным, хранящимся в Google Sheet, в формате JSON...
Что такое Frontend Mentor и почему вы должны о нем знать?
Frontend Mentor: платформа для начинающих веб-разработчиков и дизайнеров
Frontend Mentor — это инновационная платформа, созданная с целью помочь начинающим веб-разработчикам и дизайнерам улучшить свои навыки и создавать реальные проекты. Frontend Mentor призван преодолеть разрыв между теорией и практическим применением и предлагает обширную коллекцию задач по кодированию и краткое описание проекта.
Frontend Mentor, возглавляемый командой опытных профессионалов в области..