Объединяем объекты в JS
Используем Object.assign и spread operator, чтобы совместить несколько объектов в один: подводные камни, аспекты и отличие от deep copy.
https://www.sitepoint.com/merging-objects-javascript/?utm_source=rss
Используем Object.assign и spread operator, чтобы совместить несколько объектов в один: подводные камни, аспекты и отличие от deep copy.
https://www.sitepoint.com/merging-objects-javascript/?utm_source=rss
👍10🍌4❤2
Создаем простое NodeJS приложение и оборачиваем его в Docker контейнер
Пошаговый туториал по созданию приложения и Docker контейнера + деплой на Kinsta хостинг.
https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/
Пошаговый туториал по созданию приложения и Docker контейнера + деплой на Kinsta хостинг.
https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/
👍17
Делаем авторизацию для приложений на Vue с помощью SuperTokens
https://blog.openreplay.com/using-supertokens-in-vue/
https://blog.openreplay.com/using-supertokens-in-vue/
👍13
Что нового в NodeJS v20
От встроенного тест раннера до компиляции в единый исполняемый файл.
https://www.sitepoint.com/node-js-20-new
От встроенного тест раннера до компиляции в единый исполняемый файл.
https://www.sitepoint.com/node-js-20-new
🔥13⚡2❤1
Шпаргалки и материалы для IT собеседований
Dev Questions - бесплатный сервис для подготовки к собеседованиям. Проект активно развивается - каждый день добавляется новый контент и функционал!
Dev Questions - бесплатный сервис для подготовки к собеседованиям. Проект активно развивается - каждый день добавляется новый контент и функционал!
👍35🔥5🍌2
Используем экспериментальное свойство CSS color-mix
Создаем различные варианты наложения цветов с
Создаем различные варианты наложения цветов с
color-mix
https://una.im/color-mix-opacity/👌6❤2
Чит лист по доступности интерактивных элементов
Какого размера должны быть иконки и кнопки, чтобы сайтом или приложением было удобно пользоваться?
https://www.smashingmagazine.com/2023/04/accessible-tap-target-sizes-rage-taps-clicks/
Какого размера должны быть иконки и кнопки, чтобы сайтом или приложением было удобно пользоваться?
https://www.smashingmagazine.com/2023/04/accessible-tap-target-sizes-rage-taps-clicks/
👍16
Работаем с формами в React
Используем интеграцию React Hook Form с валидатором Zod для создания формы.
https://my-js.org/blog/rhf-zod/
Используем интеграцию React Hook Form с валидатором Zod для создания формы.
https://my-js.org/blog/rhf-zod/
👍16👎1
ChatGPT - курс по работе с OpenAI API
Создаем несколько простых приложений использующих OpenAI API.
https://www.youtube.com/watch?v=uRQH2CFvedY
Создаем несколько простых приложений использующих OpenAI API.
https://www.youtube.com/watch?v=uRQH2CFvedY
🤣25👍10👎8🤡6❤2
CSS Blend Modes
Режимы смешивания цветов и эффекты, которых можно добиться с помощью них.
https://garden.bradwoods.io/notes/css/blend-modes
Режимы смешивания цветов и эффекты, которых можно добиться с помощью них.
https://garden.bradwoods.io/notes/css/blend-modes
👍18🔥2❤1🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Идеи для анимации перехода из сетки к слайдеру фото
Демо
Github
https://tympanus.net/codrops/2023/05/04/ideas-for-grid-to-slideshow-switch-animations/
Демо
Github
https://tympanus.net/codrops/2023/05/04/ideas-for-grid-to-slideshow-switch-animations/
👍21🔥5🌭2⚡1👌1
Храним API ключи правильно
Убираем хардкод и используем
https://www.smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/
Убираем хардкод и используем
dotenv для работы с переменными окружения на примере React приложения.https://www.smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/
👍13❤1
10 простых консольных команд Git для быстрой разработки
https://levelup.gitconnected.com/10-essential-git-command-tricks-for-faster-development-9e9b64a82c02
https://levelup.gitconnected.com/10-essential-git-command-tricks-for-faster-development-9e9b64a82c02
👍14
Руководство по использованию обработчиков роутов в Next.JS
https://blog.logrocket.com/using-next-js-route-handlers/
https://blog.logrocket.com/using-next-js-route-handlers/
👌6👍3
Логические свойства CSS и их использование
Чем логические свойства отличаются от физических и как они помогают при разработке приложений.
https://blog.logrocket.com/css-logical-properties-guide
Чем логические свойства отличаются от физических и как они помогают при разработке приложений.
https://blog.logrocket.com/css-logical-properties-guide
👍16🔥3
Погружаемся в Redux Toolkit
На примере разработки проекта для трекинга багов рассмотрим работу с Redux Toolkit.
https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/
На примере разработки проекта для трекинга багов рассмотрим работу с Redux Toolkit.
https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/
👍16🤮3❤2
50 запросов для ChatGPT, которые могут быть полезны для разработчиков
От генерации кода до его документирования и тестирования.
https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al
От генерации кода до его документирования и тестирования.
https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al
🔥13👍5❤1🤣1😈1