Логические свойства 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
Пара трюков в DevTools, которые немного упростят вашу отладку
Выбираем элементы через
https://gomakethings.com/a-few-developer-console-tricks/
Выбираем элементы через
$ и $$
и получаем текущий элемент через $0
.https://gomakethings.com/a-few-developer-console-tricks/
🔥16👎2🌚2
Склеиваем коммиты в git при помощи squash и fixup
Статья о том, как и зачем использовать склеивание коммитов.
https://htmlacademy.ru/blog/git/how-to-squash-commits-and-why-it-is-needed
Статья о том, как и зачем использовать склеивание коммитов.
https://htmlacademy.ru/blog/git/how-to-squash-commits-and-why-it-is-needed
🔥15👍4❤1
Как и когда использовать debounce и throttle в React
Что такое debouncing и throttling и примеры их использования.
https://soshace.com/how-and-when-to-debounce-and-throttle-in-react/
Что такое debouncing и throttling и примеры их использования.
https://soshace.com/how-and-when-to-debounce-and-throttle-in-react/
👍8
JavaScript Security Vulnerabilities Tutorial
Топ 10 JS уязвимостей и как с ними бороться.
https://www.youtube.com/watch?v=ypNKKYUJE5o&ab_channel=freeCodeCamp.org
Топ 10 JS уязвимостей и как с ними бороться.
https://www.youtube.com/watch?v=ypNKKYUJE5o&ab_channel=freeCodeCamp.org
YouTube
JavaScript Security Vulnerabilities Tutorial – With Code Examples
Learn about 10 security vulnerabilities every JavaScript developer should know. First try to find the vulnerabilities in the different code examples. Then learn how to fix the issues.
✏️ Brandon from Semgrep developed this course.
🔗 Learn more about Semgrep:…
✏️ Brandon from Semgrep developed this course.
🔗 Learn more about Semgrep:…
⚡8👍3🔥2❤1
Из localhost в облако - большой туториал по деплою сайтов
Оборачиваем в Docker, создаем Kubernetes кластер, конфигурируем dns, настраиваем Github Actions.
https://dev.to/chetanam/from-localhost-to-cloud-nextjs-django-ssl-github-actions-dns-ultimate-website-deployment-tutorial-34hp
Оборачиваем в Docker, создаем Kubernetes кластер, конфигурируем dns, настраиваем Github Actions.
https://dev.to/chetanam/from-localhost-to-cloud-nextjs-django-ssl-github-actions-dns-ultimate-website-deployment-tutorial-34hp
👍28👎3
Глубокое погружение в N-th Element селекторы в CSS
https://blog.bitsrc.io/understanding-css-selectors-for-the-n-th-element-a-deep-dive-7bb73e2cf72c
https://blog.bitsrc.io/understanding-css-selectors-for-the-n-th-element-a-deep-dive-7bb73e2cf72c
👍20🔥2😁1
Оформляем свой профиль на GitHub
Добавляем красивый
https://habr.com/ru/articles/649363/
Добавляем красивый
Readme.md
для всего профиля.https://habr.com/ru/articles/649363/
👍16❤7🤮4
Новые методы работы с массивами в ES2023
https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/
https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/
👍25❤2🤔2😱1
Как выбрать правильный шрифт для сайта
Классификация шрифтов, а также советы по выбору и комбинации нескольких шрифтов.
https://www.codica.com/blog/how-to-choose-fonts-for-your-website-guide/
Классификация шрифтов, а также советы по выбору и комбинации нескольких шрифтов.
https://www.codica.com/blog/how-to-choose-fonts-for-your-website-guide/
👍8❤4❤🔥1
Media is too big
VIEW IN TELEGRAM
Получите работу в Яндексе всего за два дня
27–28 мая мы проводим Weekend Offer Frontend. Ищем разработчиков на JavaScript и TypeScript с опытом работы от 4 лет. За один день вы пройдёте две технические секции и, если всё сложится, на следующий день получите офер в крутую команду.
Нанимаем в самые разные продукты — выбирайте из 13 сервисов. Вы сможете работать из любого офиса в России и Беларуси, а некоторые команды приглашают разработчиков в Армению, Казахстан и Сербию.
Регистрация на мероприятие продлится до 22 мая, подробнее здесь
27–28 мая мы проводим Weekend Offer Frontend. Ищем разработчиков на JavaScript и TypeScript с опытом работы от 4 лет. За один день вы пройдёте две технические секции и, если всё сложится, на следующий день получите офер в крутую команду.
Нанимаем в самые разные продукты — выбирайте из 13 сервисов. Вы сможете работать из любого офиса в России и Беларуси, а некоторые команды приглашают разработчиков в Армению, Казахстан и Сербию.
Регистрация на мероприятие продлится до 22 мая, подробнее здесь
🤡26💩15👍9🤮2👎1😢1😐1
Знакомьтесь, tRPC
Разрабатываем простое типобезопасное клиент-серверное приложение с tRPC, React и Express. tRPC позволяет создавать типобезопасные API без схем или кодогенерации.
https://my-js.org/blog/trpc-intro/
Разрабатываем простое типобезопасное клиент-серверное приложение с tRPC, React и Express. tRPC позволяет создавать типобезопасные API без схем или кодогенерации.
https://my-js.org/blog/trpc-intro/
🔥11👎1
Возможности JS и TS, о которых многие не знают
▫️Теггированые шаблонные литералы,
▫️
▫️globalThis,
▫️WeakRef,
▫️явное определение неиспользуемых переменных и многое другое.
https://my-js.org/blog/js-ts-features
▫️Теггированые шаблонные литералы,
▫️
Promise.allSettled
, ▫️globalThis,
▫️WeakRef,
▫️явное определение неиспользуемых переменных и многое другое.
https://my-js.org/blog/js-ts-features
🔥12👍2👎1
Адаптивный Dark mode, основанный на теме ОС
Простой пошаговый туториал по темизации сайта.
https://1stwebdesigner.com/implementing-adaptive-dark-mode-based-on-users-os-settings-a-step-by-step-guide/
Простой пошаговый туториал по темизации сайта.
https://1stwebdesigner.com/implementing-adaptive-dark-mode-based-on-users-os-settings-a-step-by-step-guide/
👍11👎1🤯1🌚1
Создаём кастомный слайдер на CSS
Примеры стилизации слайдеров.
https://www.sitepoint.com/css-custom-range-slider/
Примеры стилизации слайдеров.
https://www.sitepoint.com/css-custom-range-slider/
❤8👍1
Грант до 500 000 ₽ на облачные сервисы #CloudMTS
Можно применить на:
– Готовые мощности в публичном облаке и простое управление виртуальными машинами
– Сервисы для управления кластерами K8s и брокером сообщений Apache Kafka в облаке
– Хранение данных нужного объема и формата с доступом через интернет
– Сервисы управления сетью в облаке
Воплощайте крутые цифровые проекты в облаке #CloudMTS 💥
Подробнее об условиях Акции и о сервисах, доступных в рамках Акции, — на сайте: https://bit.ly/3V9qYWZ
Оставляйте заявку, получите подтверждение, и команда #CloudMTS рассчитает Грант под ваш проект.
Реклама. Рекламодатель ПАО «МТС», ИНН 7740000076
Можно применить на:
– Готовые мощности в публичном облаке и простое управление виртуальными машинами
– Сервисы для управления кластерами K8s и брокером сообщений Apache Kafka в облаке
– Хранение данных нужного объема и формата с доступом через интернет
– Сервисы управления сетью в облаке
Воплощайте крутые цифровые проекты в облаке #CloudMTS 💥
Подробнее об условиях Акции и о сервисах, доступных в рамках Акции, — на сайте: https://bit.ly/3V9qYWZ
Оставляйте заявку, получите подтверждение, и команда #CloudMTS рассчитает Грант под ваш проект.
Реклама. Рекламодатель ПАО «МТС», ИНН 7740000076
👍5❤1
WebRTC - что это такое и как это работает
Обзорная статья о принципах работы WebRTC.
https://www.sitepen.com/blog/getting-started-with-webrtc
Обзорная статья о принципах работы WebRTC.
https://www.sitepen.com/blog/getting-started-with-webrtc
👍11❤2