Публикации по теме 'front-end-development'
Стрелочная функция и функция — разница между областью действия
JavaScript — это мощный и универсальный язык программирования, используемый для веб-разработки. Одной из самых мощных возможностей JavaScript является возможность создавать функции. Два распространенных способа создания функций в JavaScript — это традиционный синтаксис функций и более новый синтаксис стрелочных функций. В этой статье мы рассмотрим разницу между стрелочными функциями и традиционными функциями с точки зрения области действия.
Традиционный синтаксис функций
В..
Почему веб-сокеты такие сложные?
WebSockets — классная и впечатляющая часть современных приложений, но их может быть сложно реализовать.
Пару лет назад я работал над проектом по внедрению уведомлений в реальном времени в свое веб-приложение. Я был в восторге от идеи «в реальном времени» и сразу понял, что у меня будет шанс реализовать WebSockets.
Я знал, что WebSockets делает , но я не знал, что они были — то есть я знал, что вы можете отправлять сообщения с сервера в браузер, но понятия не имел как. Я не знал..
Создайте свои первые простые веб-компоненты (часть 1)
Как фронтенд-программисты, мы, конечно, испытывали проблемы при разработке нашего приложения. Один из них - добавлять каждый раз одну и ту же строку кода для одного и того же дизайна. Представьте, что в вашем приложении есть раздел со сложным дизайном и длинными именами классов, который также должен создавать дополнительные уникальные атрибуты (например, id, class и т. Д.) Для каждой из этих частей для обработки различных событий в Javascript. Конечно, это утомительная работа, которая..
Развертывание реагирующего приложения с использованием pm2 и подача
Да, вы изучили React и теперь можете разработать полноценное клиентское приложение. create-react-app помогает настроить и запустить проект React, включая транспиляцию кода, базовый линтинг, тестирование и сборку систем. Короче говоря, вы можете начать писать код React с минимальной подготовкой. Но как только ваше приложение будет готово, пришло время развернуть его на сервере, вы застряли и будете искать помощи у своих товарищей по бэкэнду или DevOps.
Ждать!! Быть специалистом по..
Как React на самом деле осуществляет рендеринг?
Компоненты, экземпляры и элементы
Компоненты — это часть пользовательского интерфейса — план или шаблон. Это функции, которые возвращают реагирующие элементы в формате JSX. Рассмотрим этот простой компонент:
export default const Button = () => {
return (
<button>Submit</button>
)
}
React вызывает компонент <Button/> внутри себя всякий раз, когда мы используем его в нашем приложении.
Экземпляры состоят из компонентов со своим собственным..
3 распространенные ошибки, которые допускают фронтенд-интервьюеры
вступление
Отказ от ответственности: все, что вы здесь прочтете, основано на моем опыте разработчика и интервьюируемого. Я никогда не сталкивался с проблемой создания сильной и эффективной команды ни на одном из своих рабочих мест… И я не считаю себя хорошим фронтенд-разработчиком… Тем не менее, я думаю, что должен поделиться здесь некоторыми мыслями и впечатлениями, которые я узнал о процессах собеседований, которые я видел на некоторых своих рабочих местах и в период поиска работы…..
Селекторы и свойства CSS: элементы стиля
Здравствуйте, коллеги-ученики! Добро пожаловать обратно в наше 100-дневное технологическое путешествие. Сегодня мы погружаемся в увлекательный мир селекторов и свойств CSS, важных инструментов для создания визуально привлекательных веб-страниц.
Селекторы – элементы таргетинга:
Селекторы CSS — это ваш путь к применению стилей к определенным элементам HTML. Давайте рассмотрим некоторые распространенные селекторы:
- Селектор элементов: `p` нацелен на все элементы `‹p›`. - Селектор..
