front_end_dev | Technologies

Telegram-канал front_end_dev - FrontEndDev

29695

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu № 4850240725

Subscribe to a channel

FrontEndDev

Открытый курс по JavaScript запустила команда AvitoTech (а это уже гарантия качественного контента).

• Для всех уровней разработки (но с базой в программировании будет попроще)
• Доступным языком
• Про JavaScript / HTML / CSS

Первый выпуск посвящён базовым понятиям: технология веба, браузер, клиент, сервер. Лекция уже доступна на канале AvitoTech.

Смотрите, это бесплатно!

Читать полностью…

FrontEndDev

Создаем Rest API c NextJS 14

Короткий практический курс по NextJS для начинающих.

https://www.youtube.com/watch?v=aEFkWxUNAVc

Читать полностью…

FrontEndDev

Утечки памяти в React

Особенности работы замыканий в функциональных компонентах при использовании React Query.

https://schiener.io/2024-05-29/react-query-leaks

Читать полностью…

FrontEndDev

Фича ECMAScript 2024: Promise.withResolvers()

Один из способов создания Promise с возможностью использования resolve/reject извне.

https://2ality.com/2024/05/proposal-promise-with-resolvers.html

Читать полностью…

FrontEndDev

ESLint Configuration Migrator

Инструмент, позволяющий правильно сконвертировать существующий eslint конфиг для перехода на 9 версию.

https://eslint.org/blog/2024/05/eslint-configuration-migrator/

Читать полностью…

FrontEndDev

Сравниваем 5 менеджеров версий для NodeJS

И выбираем лучший для своих потребностей.
nvm vs n vs volta vs fnm vs pnpm.

https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you

Читать полностью…

FrontEndDev

Итоги React Conf 2024

Короткая сводка по итогам прошедшей конференции (+ видео с докладами за 2 дня).

https://react.dev/blog/2024/05/22/react-conf-2024-recap

Читать полностью…

FrontEndDev

Firestore как альтернатива WebSockets

Как использовать Firestore для прослушивания событий в реальном времени.

https://canopas.com/websocket-alternative-how-to-use-firestore-to-listen-to-realtime-events-141e634d04bc

Читать полностью…

FrontEndDev

🎉 Результаты розыгрыша:

Победитель:
1. Ваня (@bombabazuka2005)

Проверить результаты

Читать полностью…

FrontEndDev

Друзья!

Команда Podlodka стартует первый сезон Podlodka React Crew с самой живой темой «архитектура». Ведь планирование архитектуры для React требует специфичных знаний и умений.

Podlodka — это отличная возможность послушать классные доклады, позадавать каверзные вопросы экспертам, разобрать свои кейсы на открытом микрофоне и поучаствовать в публичном интервью (если вы конечно любите стресс 😁)!

С опытными экспертами научимся:
🟣 Решать архитектурные вопросы в разрезе React.
🟣 Применять архитектурный линтер для Feature-Sliced Design.
🟣 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое.
🟣 Выбирать стейт-менеджер (похоливарим).

В общем, иду сам и зову вас с собой!

Билеты уже ждут вас на сайте

🎁 Бонусом мы разыгрываем бесплатную проходку! Результаты розыгрыша объявим 25 мая!

Всем удачи! ✌️

Читать полностью…

FrontEndDev

View Transitions для многостраничных приложений

Плавная анимация при переходе по страницам многостраничных приложений. Новые возможности браузеров и СSS, которые скоро станут стандартом.

https://youtube.com/watch?v=eY6C_-aDdTo

Читать полностью…

FrontEndDev

React Compiler

Как работает экспериментальный React Compiler под капотом в сравнении с классическим React Transpiler.

https://www.youtube.com/watch?v=PYHBHK37xlE

Читать полностью…

FrontEndDev

Реализуем функцию глубокого сравнения объектов

Алгоритм сравнения объектов, использующий метод Object.is.

https://webdeveloper.beehiiv.com/p/get-perfect-deep-equal-javascript

Читать полностью…

FrontEndDev

🚀 Регистрация на хакатон «Ясная Система: сделай сложное понятным» от МТС стартовала! У тебя будет неделя, чтобы попрактиковаться в машинном обучении и сделать финтех инклюзивнее.

Призовой фонд – 375 000 руб. Оставляй заявку до 24 мая и участвуй в соревновании онлайн из любого города России: https://cnrlink.com/fedevtomskmts

🤖 Задача – создать сервис, который сможет перевести сложные банковские тексты из датасета в ясные формулировки, подходящие для людей с ментальными особенностями, пожилых людей и иностранцев, плохо владеющих русским языком.

Церемония открытия соревнования пройдет 25 мая на фестивале «Система Fest» в Томском государственном университете. Посетители смогут поучаствовать в насыщенной программе мероприятия.

Для онлайн-участников МТС проведет два митапа с экспертами. 2 июня авторы 10 лучших проектов выступят с питчингами на церемонии награждения победителей.

➡️ Регистрируйся прямо сейчас, чтобы ничего не пропустить: https://cnrlink.com/fedevtomskmts

Реклама. ООО "ГЛЭМ". Маркер:LjN8KDUg5

Читать полностью…

FrontEndDev

Target=_blank теперь автоматически используется с атрибутом rel=noopener

Небольшая заметка о том, какие проблемы были Target=_blank и почему нужен был аттрибут rel.

https://www.stefanjudis.com/today-i-learned/target-blank-implies-rel-noopener/

Читать полностью…

FrontEndDev

Coding Cheatsheets

Набор шпаргалок по frontend технологиям и инструментам.

https://cheatsheets.shecodes.io/

Читать полностью…

FrontEndDev

Вебинар «Как повысить скорость и качество обслуживания клиентов с помощью цифровых решений и AI» 11 июня 2024

Узнайте лучшие практики по повышению эффективности отделов технической поддержки:

– Как организовать распределение запросов, чтобы сократить срок выполнения обращения.
– Как увеличить долю обращений, которые решаются без помощи специалиста технической поддержки.
– Как повысить удовлетворенность пользователей с помощью цифровых решений и AI.

В программе:
– Расскажем, как теория моделирования массового обслуживания помогает формировать департамент службы поддержки на основе данных.
– Обсудим, как искусственный интеллект помогает обрабатывать клиентские запросы. Покажем кейсы применения AI в службе технической поддержки.
– Продемонстрируем социальную сеть для администраторов и менеджеров службы поддержки. Узнаете, как отказаться от множества различных систем и замкнуть работу технической поддержки на одной платформе.

Кому полезно мероприятие:
– Собственникам B2B-компаний,
– топ-менеджменту компаний с партнёрской сетью,
– ИТ-директорам,
– руководителям службы поддержки, службы клиентского сервиса,
– DevOps-инженерам.

11 июня в 10:00
Регистрация: https://www.softlab.ru/events/solutions-for-support/

Реклама. АО "ЭР-СТАЙЛ СОФТЛАБ". ИНН 7719198440. Erid:2VSb5yeBMrx

Читать полностью…

FrontEndDev

ToDo App без использования клиентского JS

Пример реализации простого React приложения с использованием react server actions.

https://dev.to/lazarv/todo-app-with-no-client-side-javascript-using-lazarvreact-server-23ig

Читать полностью…

FrontEndDev

Таймер на CSS

Интересный подход к реализации таймера обратного отсчета без использования JS

https://frontendmasters.com/blog/how-to-make-a-css-timer/

Читать полностью…

FrontEndDev

Gap

Какие проблемы стилизации решает свойство gap и в каких случаях оно сильно упрощает разработку. Интерактивный гайд от Ахмада Шадида.

https://ishadeed.com/article/the-gap/

Читать полностью…

FrontEndDev

🔥 Это база 1400 вопросов с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏

Читать полностью…

FrontEndDev

Новые методы итераторов

О методах map, filter, reduce, flatMap и других, которые работают на бесконечных коллекциях и могут лениво вычислять результат.

https://v8.dev/features/iterator-helpers

Читать полностью…

FrontEndDev

Переключаем с помощью нового HTML контрола

Об использовании checkbox c новым атрибутом switch: работа, стилизация, детектирование возможности использования.

https://www.smashingmagazine.com/2024/05/switching-it-up-html-latest-control/

Читать полностью…

FrontEndDev

Vuejs Amsterdam 2024

Плейлист из 29 докладов с прошедшей конференции.

https://www.youtube.com/playlist?list=PLCxzy-hmQq9GZGS5AJos92SAlq4KALQp2

Читать полностью…

FrontEndDev

Как документировать вашу JS библиотеку

О том, зачем нужно писать документацию и как это можно сделать с помощью JSDoc.

https://deno.com/blog/document-javascript-package

Читать полностью…

FrontEndDev

Используем WebRTC для создания P2P видео стриминга

Немного о концеции работы WebRTC и простой пример реализации стриминга.

https://blog.logrocket.com/webrtc-video-streaming/

Читать полностью…

FrontEndDev

Узнайте современные подходы к разработке программного обеспечения и использование PaaS-систем для разработки продуктов, тестирования, развертывания, управления и обновления.

Что интересного ждет на мероприятии:

– Проанализируем возможности использования платформы как сервиса (PaaS) для быстрого создания и масштабирования корпоративных решений
– Рассмотрим высокоуровневую Java-платформу с открытым исходным кодом, которая позволяет создавать сложные информационные системы в рекордно короткие сроки.
– Опыт Россельхозбанка в применении PaaS для создания ИТ-систем банка. Кейс по сокращению сроков разработки с 1 года до 4 месяцев на примере модуля ДБО для работы с самозанятыми.

Для кого: техническим директорам, архитекторам, разработчикам и ИТ-специалистам. Будем рады видеть вас и ваших коллег!

Когда: 21 мая, вторник в 10:00
Регистрация: https://www.softlab.ru/events/paas-software-development/?utm_source=front_end_dev&utm_medium=tg&utm_campaign=sftwr-dvlpmnt&erid=2VSb5yYBi4G

Читать полностью…

FrontEndDev

Новые альтернативы innerHTML

Об использовании уже доступного setHTMLUnsafe и находящегося в процессе стандартизации setHTML.

https://fullystacked.net/innerhtml-alternatives/

Читать полностью…

FrontEndDev

Готовим NextJs к offline работе

Аспекты разработки веб приложений с учетом возможности offline работы на примере приложения на NextJs.

https://www.youtube.com/watch?v=oOV5uk-ajPE

Читать полностью…

FrontEndDev

Интерактивное руководство по CSS Container Queries

Удобный гайд с возможностью потыкать фичу в режиме онлайн.

https://ishadeed.com/article/css-container-query-guide/

Читать полностью…
Subscribe to a channel