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


Семь уроков, которые я усвоил за первый год работы разработчиком
В этом месяце у меня первая годовщина работы фронтенд-разработчиком после перехода с дизайна. Есть так много вещей, которые я узнал на этом пути. Вещи с технической точки зрения, профессиональной точки зрения и с личной точки зрения. В этом посте я хочу поделиться семью вещами, которые я усвоил за первый год работы разработчиком. 1. Google — ваш лучший друг Ладно, ты меня понял. Это немного легкий удар. Как бы банально это ни звучало, но это правда! Вы будете много гуглить, и..

Frontend Insights — Апрель
Сборник полезных ресурсов со всего интернета. Нажмите меню на помощь Устранение неоднозначности навигационного меню — (6 мин чтения) Скорее всего, вы уже видели сотни навигаций в Интернете. Как и во всем, что связано с UX, когда они работают, мы не задумываемся о них дважды, но когда они ведут себя неожиданно, они становятся одним из самых раздражающих элементов веб-сайта для навигации. 🤬 Марк Рут-Уайли выделяет некоторые болевые точки, с которыми пользователи сталкиваются..

Введение в разработку, управляемую конфигурацией (CDD)
Этот пост был написан Эндрю Эвансом и Рамом Рамкумаром как продолжение виртуальной презентации их встречи RVA.JS, которую можно увидеть здесь . Создание программного обеспечения сегодня - непростая задача. Команды часто работают в сжатые сроки и меняют требования. Даже после завершения проекта вы можете обнаружить, что следуете за длинным хвостом жизненного цикла разработки программного обеспечения (SDLC), который обычно включает производственную поддержку и сложные обновления...

Необработанное отклонение (TypeError): this.setState не является функцией
Используйте функцию стрелки До : class App extends React.Component { state = { images: []} ... async onSearchSubmit(term) { const response = await axios .get('https://api.unsplash.com/search/photos', { params: { query: term }, headers: { Authorization: 'Client-ID } }) this.setState({ images: response.data.results }); console.log('onSearchSubmit this : ', this) } ... После : class App extends React.Component { state = { images: []} .....

Использование Gulp.js для вашего проекта Mendix
Создание вашего проекта в Mendix может быть намного более эффективным с использованием Gulp.js. В этой статье я пошагово объясню, как автоматизировать рабочий процесс интерфейса Mendix. К концу этой статьи у вас будет рабочий процесс, который: Компилирует Sass в CSS Раскручивает браузер Автоматически обновляет браузер всякий раз, когда вы сохраняете файл Автоматически копируйте изменения стиля в теме из корневой папки в папку стилей при развертывании. Установка Gulp.js и его..

Vue 3 и API композиции
Vue 3 не за горами, давайте посмотрим, как нам помогает недавно представленный Composition API. Недавно я посетил конференцию Vue в Торонто, которая включала темы от Vue 3, чего ожидать от Vue в будущем, до общего тестирования E2E с Cypress и лучшей трассировки стека ошибок при обнаружении ошибок. Что больше всего привлекло мое внимание и, возможно, ваше, так это Vue 3 и Composition API! Вью 3 Команда Vue проделала огромную работу над следующей версией Vue, которая, как ожидается,..

Практика практического разработчика (часть 1)
Я собираюсь поделиться со всеми вами методами, которым я стараюсь следовать, когда пишу код и проверяю код. Я думаю, что они обеспечивают удобочитаемость и делают код более удобным для сопровождения. Это будут быстрые посты Перенесите параметры по умолчанию на следующий уровень Я всегда был большим поклонником Guard Clauses , потому что они: Замените сложные условные предложения Уменьшите количество отступов в вашем коде Сделайте поток вашего приложения более удобным для..