Публикации по теме 'front-end-development'
10 полезных советов для фронтенд-разработчиков
Станьте лучшим разработчиком интерфейса с помощью этих советов.
Я предполагаю, что вы фронтенд-разработчик, который хочет улучшить свои навыки. Я надеюсь, что смогу вам помочь, хоть немного.
Ниже вы найдете несколько советов, которым я хотел бы следовать на протяжении всей моей работы фронтенд-разработчиком.
Совет 1: Начните с изучения основ
Я видел многих разработчиков, пытающихся начать работу с такими фреймворками, как React, но им очень трудно научиться этому. В основном это..
День 5: Формы и отправка форм с функциональными компонентами:
В предыдущих статьях мы рассмотрели различные аспекты React, такие как настройка среды разработки, работа с JSX и компонентами, обработка событий и побочных эффектов, а также маршрутизация. В этой статье мы углубимся в тему форм в React, создав формы и обработав отправку форм с помощью функциональных компонентов.
Функциональные компоненты — это способ определить компоненты React как функции JavaScript. Они просты, их легко понять и протестировать, и они занимают меньше места по..
Освоение методов стенографии JS: тернарные операторы, методы массивов и свойства объектов
Раскройте потенциал JavaScript с помощью тернарных операторов, методов массивов и свойств объектов. Овладейте искусством лаконичного кода. Узнайте сейчас!
Этот блог изначально опубликован на сайте моего блога, где вы можете найти полную версию с подробными сведениями и примерами. Нажмите на ссылку ниже, чтобы прочитать статью полностью и узнать больше о технологиях! 👉 Нажмите здесь
Введение
В мире JavaScript высоко ценятся простота и удобочитаемость. К счастью, JavaScript..
Обнаружение автозаполненных полей в Javascript
Один из моих коллег переходит во фронтенд-команду, частью которой я раньше был. Чтобы мысленно подготовить его к путешествию во фронтенд-разработку, я отправил ему информационный бюллетень, который назвал Front-End Hack of the Day. Сейчас я отправляю их на Medium, чтобы мир мог ими насладиться.
Когда браузер автоматически заполняет поле формы, он добавляет стиль, чтобы выделить поля, которые он редактировал. В Chrome, как вы можете видеть выше, он добавляет красивый желтый цвет..
FocusEvent.relatedTarget — когда и зачем вам это может понадобиться.
На прошлой неделе я работал над небольшим приложением со списком дел в качестве еженедельного проекта для BootCamp для веб-разработчиков, в котором я зарегистрирован. Приложение построено с использованием ванильного JavaScript, HTML/CSS для пользовательского интерфейса. Хотя приложение со списком дел обязательно должно быть в портфолио разработчиков интерфейса, я никогда не делал этого до этого проекта, и теперь я понимаю, почему люди говорят, насколько важно это для применения ваших..
Большое спасибо за эту фантастическую статью, благодаря вам мне удалось успешно визуализировать…
Большое спасибо за эту фантастическую статью, благодаря вам мне удалось успешно преобразовать приложение React CRA (create-react-app) и его стили в Shadow DOM!
Для тех из вас, кто после выброса из CRA немного запутался, куда именно вставить оператор для отрисовки стилей в ShadowDOM, вот как это делается (по крайней мере, в текущей версии CRA — v2.1.8) :
React 18 - Что нового!
Все новое в React 18
React 17 был утомительным для разработчиков. На самом деле добавлено не так много, но это определенно не относится к response 18. В этой статье я расскажу вам о некоторых из главных обновлений и покажу, как начать использовать React 18 alpha сегодня. Ссылки на все упомянутое будут ниже.
В React 18 появился новый Root API. Вот что вы привыкли видеть. Мы передаем ReactDom.render наш компонент приложения, а затем document.getElementById и наш корневой..
