FrontEndDev
28.8K subscribers
2.21K photos
23 videos
7.41K links
🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Логические свойства CSS и их использование

Чем логические свойства отличаются от физических и как они помогают при разработке приложений.

https://blog.logrocket.com/css-logical-properties-guide
👍16🔥3
Погружаемся в Redux Toolkit

На примере разработки проекта для трекинга багов рассмотрим работу с Redux Toolkit.

https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/
👍16🤮32
50 запросов для ChatGPT, которые могут быть полезны для разработчиков

От генерации кода до его документирования и тестирования.

https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al
🔥13👍51🤣1😈1
Пара трюков в DevTools, которые немного упростят вашу отладку

Выбираем элементы через $ и $$ и получаем текущий элемент через $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
🔥15👍41
Как и когда использовать debounce и throttle в React

Что такое debouncing и throttling и примеры их использования.

https://soshace.com/how-and-when-to-debounce-and-throttle-in-react/
👍8
👍121🤣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
👍28👎3
Глубокое погружение в N-th Element селекторы в CSS

https://blog.bitsrc.io/understanding-css-selectors-for-the-n-th-element-a-deep-dive-7bb73e2cf72c
👍20🔥2😁1
Оформляем свой профиль на GitHub

Добавляем красивый Readme.md для всего профиля.

https://habr.com/ru/articles/649363/
👍167🤮4
Новые методы работы с массивами в ES2023

https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/
👍252🤔2😱1
Как выбрать правильный шрифт для сайта

Классификация шрифтов, а также советы по выбору и комбинации нескольких шрифтов.

https://www.codica.com/blog/how-to-choose-fonts-for-your-website-guide/
👍84❤‍🔥1
Media is too big
VIEW IN TELEGRAM
Получите работу в Яндексе всего за два дня

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/
🔥11👎1
Возможности JS и TS, о которых многие не знают

▫️Теггированые шаблонные литералы,
▫️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/
👍11👎1🤯1🌚1
Создаём кастомный слайдер на CSS

Примеры стилизации слайдеров.

https://www.sitepoint.com/css-custom-range-slider/
8👍1
Грант до 500 000 ₽ на облачные сервисы #CloudMTS

Можно применить на:
– Готовые мощности в публичном облаке и простое управление виртуальными машинами
– Сервисы для управления кластерами K8s и брокером сообщений Apache Kafka в облаке
– Хранение данных нужного объема и формата с доступом через интернет
– Сервисы управления сетью в облаке

Воплощайте крутые цифровые проекты в облаке #CloudMTS 💥

Подробнее об условиях Акции и о сервисах, доступных в рамках Акции, — на сайте: https://bit.ly/3V9qYWZ
Оставляйте заявку, получите подтверждение, и команда #CloudMTS рассчитает Грант под ваш проект.

Реклама. Рекламодатель ПАО «МТС», ИНН 7740000076
👍51
WebRTC - что это такое и как это работает

Обзорная статья о принципах работы WebRTC.

https://www.sitepen.com/blog/getting-started-with-webrtc
👍112