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


От уличного торговца продуктами до получения работы застройщиком за 10 месяцев (в условиях пандемии).
Мне 33 года, я живу в чужой стране, и у меня нет ученой степени, но я все же нашел работу во время кризиса пандемии COVID-19. Прежде чем продолжить, я хотел бы, чтобы вы знали, что я не опытный писатель и не являюсь носителем английского языка. Я пишу это, чтобы, надеюсь, вдохновить некоторых и показать, что многого можно достичь с помощью упорного труда и планирования. Я читал много подобных историй, когда только начинал учиться программированию. Это очень помогло. Я надеюсь, что с..

Redux и Redux Toolkit, в чем разница?
Казалось бы, за одну ночь Redux Toolkit стал стандартом де-факто при развертывании Redux в приложении React. В этом сообщении блога я собираюсь разобрать основные различия между ними, чтобы вы могли быстро и эффективно понять преимущества, которые предоставляет этот новый пакет NPM. В основе Redux Toolkit лежит функция createSlice. Эта функция называется срезом, поскольку она связана с одной частью дерева состояний. В приведенном ниже примере это состояние «расходы». В то время как..

Как правильно использовать Vue 3.0 Composition API с TypeScript (Часть 2: Использование)
В октябре 2019 года наконец-то была выпущена пре-альфа Vue 3.0. Так что использовать Vue 3.0 в рабочей среде - вопрос времени. Чтобы подготовиться к этому, я хотел бы рассказать, как перейти с Vue 2.0 на Vue 3.0. Поскольку в наши дни большое количество пользователей Vue уже представили TypeScript, в этой статье также используется TypeScript. Есть 3 шага по миграции, как показано ниже. Внедрение Vue 3.0 в Vue 2.0 Заменить коды Vue 2.0 на Vue 3.0 Создайте глобальный магазин..

Webpack — устранение длинного импорта — Часть 2
Webpack — устранение длинных импортов — Часть 2 Это вторая часть серии. Если вас интересует настройка Webpack, чтобы избавиться от запутанно длинных инструкций в начале файлов, рекомендую прочитать предыдущую статью . В этом разделе мы рассмотрим конкретные настройки, связанные с Jest и ESlint . Это единственные библиотеки, с которыми я столкнулся на своем пути с функцией Webpack. Давайте погрузимся! Шутка Вполне естественно писать модульные тесты для нужных компонентов..

Минимальные переходы между страницами с помощью jQuery и CSS
Минимальные переходы между страницами с помощью jQuery и CSS Внезапные изменения в интерфейсе трудно обработать пользователям. Лучший способ облегчить пользователю переход с текущей страницы на новую страницу, на которую он собирается перейти, - это использовать переход, и в этом руководстве я покажу вам, как именно это сделать. CSS Настройте всю нашу страницу так, чтобы она начиналась с пустого состояния и переходила через keyFrames . Имейте fadeSiteOut класс, который мы..

От кулинарии к программированию
От кулинарии к программированию Как я прошел путь от линейного повара до инженера-программиста менее чем за год. Введение Я очень счастлив. На Medium и других сайтах есть множество статей, предлагающих хитрости, истории успеха и советы начинающим программистам. Они классные. Я прочитал большинство из них и нашел смысл и руководство в их путешествии, которые я мог бы применить к своему. Но сейчас, спустя год после моей первой работы на полную ставку, я вместо этого хочу..

Наблюдаемые против обещаний - что лучше использовать?
Сравнение ключевых характеристик Observables и Promises JavaScript - это однопоточный, неблокирующий и асинхронный параллельный язык. Это означает, что движок JavaScript не сидит и не ждет завершения операторов. Вместо этого он переходит к следующему оператору. Как мы можем полагаться на результаты асинхронных функций? На ранних стадиях обратные вызовы были единственным доступным подходом. Однако они сделали код трудным для чтения, что привело к известному аду обратных вызовов...