29396
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Firestore как альтернатива WebSockets
Как использовать Firestore для прослушивания событий в реальном времени.
https://canopas.com/websocket-alternative-how-to-use-firestore-to-listen-to-realtime-events-141e634d04bc
🎉 Результаты розыгрыша:
Победитель:
1. Ваня (@bombabazuka2005)
Проверить результаты
Друзья!
Команда Podlodka стартует первый сезон Podlodka React Crew с самой живой темой «архитектура». Ведь планирование архитектуры для React требует специфичных знаний и умений.
Podlodka — это отличная возможность послушать классные доклады, позадавать каверзные вопросы экспертам, разобрать свои кейсы на открытом микрофоне и поучаствовать в публичном интервью (если вы конечно любите стресс 😁)!
С опытными экспертами научимся:
🟣 Решать архитектурные вопросы в разрезе React.
🟣 Применять архитектурный линтер для Feature-Sliced Design.
🟣 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое.
🟣 Выбирать стейт-менеджер (похоливарим).
В общем, иду сам и зову вас с собой!
Билеты уже ждут вас на сайте
🎁 Бонусом мы разыгрываем бесплатную проходку! Результаты розыгрыша объявим 25 мая!
Всем удачи! ✌️
View Transitions для многостраничных приложений
Плавная анимация при переходе по страницам многостраничных приложений. Новые возможности браузеров и СSS, которые скоро станут стандартом.
https://youtube.com/watch?v=eY6C_-aDdTo
React Compiler
Как работает экспериментальный React Compiler под капотом в сравнении с классическим React Transpiler.
https://www.youtube.com/watch?v=PYHBHK37xlE
Реализуем функцию глубокого сравнения объектов
Алгоритм сравнения объектов, использующий метод Object.is.
https://webdeveloper.beehiiv.com/p/get-perfect-deep-equal-javascript
🚀 Регистрация на хакатон «Ясная Система: сделай сложное понятным» от МТС стартовала! У тебя будет неделя, чтобы попрактиковаться в машинном обучении и сделать финтех инклюзивнее.
Призовой фонд – 375 000 руб. Оставляй заявку до 24 мая и участвуй в соревновании онлайн из любого города России: https://cnrlink.com/fedevtomskmts
🤖 Задача – создать сервис, который сможет перевести сложные банковские тексты из датасета в ясные формулировки, подходящие для людей с ментальными особенностями, пожилых людей и иностранцев, плохо владеющих русским языком.
Церемония открытия соревнования пройдет 25 мая на фестивале «Система Fest» в Томском государственном университете. Посетители смогут поучаствовать в насыщенной программе мероприятия.
Для онлайн-участников МТС проведет два митапа с экспертами. 2 июня авторы 10 лучших проектов выступят с питчингами на церемонии награждения победителей.
➡️ Регистрируйся прямо сейчас, чтобы ничего не пропустить: https://cnrlink.com/fedevtomskmtsРеклама. ООО "ГЛЭМ". Маркер:LjN8KDUg5
Target=_blank теперь автоматически используется с атрибутом rel=noopener
Небольшая заметка о том, какие проблемы были Target=_blank и почему нужен был аттрибут rel.
https://www.stefanjudis.com/today-i-learned/target-blank-implies-rel-noopener/
Frontend meetup
1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO
Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов.
2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал
Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках.
3. Serverless - уже можно? — Андрей Лаврентьев, NDA
Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге.
Модератор Григорий Петров, Devrel, Evrone
Эксперт Глеб Михеев, Руководитель ПК, FrontendConf
➖➖➖
🗓 22 мая, начало в 19:00 мск, Среда
🌐 ОНЛАЙН
✅ Регистрация на мероприятие
Реклама, ООО "Эвроне.ру", ИНН 3663057399
Курс по JS для начинающих
3 часово вводный курс по соврменному JavaScript для тех, кто знакомится с языком.
https://www.youtube.com/watch?v=Zi-Q0t4gMC8
Попасть в Яндекс за выходные — реально
18–19 мая приходите на Weekend Offer Frontend. Для этого нужно зарегистрироваться и решить одну задачу в Контесте. После вы сможете за 2 дня пройти технические секции, познакомиться с нанимающими командами и получить офер в интересный проект.
В мероприятии участвуют 13 команд: Поиск, E-com Поиска, Реклама, Бизнес, Cloud, 360, Игры, Умный дом, Путешествия, Аренда, Недвижимость, Авто.ру и Авто.ру Бизнес. Вы сможете поговорить с ребятами и узнать, как работается в проектах. Если всё сложится хорошо — сразу же получите офер.
Помогаем релоцироваться по РФ, нанимаем в офисы по всей стране.
Узнать подробности и зарегистрироваться можно здесь.Реклама. ООО "Яндекс". ИНН 7736207543
Отменяем асихронные запросы с AbortController
Как работает AbortController и примеры его использования.
https://thenewstack.io/cancel-asynchronous-react-app-requests-with-abortcontroller/
Фронтенд-разработка из первых уст
Мы уже упоминали Канал Дениса Воронина ранее, расскажем чуть подробнее.
На своем канале Денис стремится создать площадку для обмена опытом. Он делится своими статьями и обзорами на актуальные темы, а также публикует материалы, которые наиболее интересны сообществу.
Сейчас Денис активно освещает тему подготовки к собесам, поэтому особенно рекомендуем канал тем, кто штурмует алгоритмы и аспекты софт-скиллов.
🎁 Традиционный бонус для подписчиков - розыгрыш беспроводных наушников Logitech G G435
Так что не пожалейте пару минут: вы можете выиграть наушники и стать частью интересного сообщества!
Работа с датами с Tempo
Еще одна библиотека, упрощающая работу с датами в JS.
https://blog.logrocket.com/handling-dates-javascript-tempo/
Пишем шахматы на JS
Подробный туториал по разработке шахмат на JavaScript с использованием Stockfish API
https://www.youtube.com/watch?v=fJIsqZmQVZQ
Переключаем с помощью нового HTML контрола
Об использовании checkbox c новым атрибутом switch: работа, стилизация, детектирование возможности использования.
https://www.smashingmagazine.com/2024/05/switching-it-up-html-latest-control/
Vuejs Amsterdam 2024
Плейлист из 29 докладов с прошедшей конференции.
https://www.youtube.com/playlist?list=PLCxzy-hmQq9GZGS5AJos92SAlq4KALQp2
Как документировать вашу JS библиотеку
О том, зачем нужно писать документацию и как это можно сделать с помощью JSDoc.
https://deno.com/blog/document-javascript-package
Используем WebRTC для создания P2P видео стриминга
Немного о концеции работы WebRTC и простой пример реализации стриминга.
https://blog.logrocket.com/webrtc-video-streaming/
Узнайте современные подходы к разработке программного обеспечения и использование 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
Новые альтернативы innerHTML
Об использовании уже доступного setHTMLUnsafe и находящегося в процессе стандартизации setHTML.
https://fullystacked.net/innerhtml-alternatives/
Готовим NextJs к offline работе
Аспекты разработки веб приложений с учетом возможности offline работы на примере приложения на NextJs.
https://www.youtube.com/watch?v=oOV5uk-ajPE
Интерактивное руководство по CSS Container Queries
Удобный гайд с возможностью потыкать фичу в режиме онлайн.
https://ishadeed.com/article/css-container-query-guide/
Современное руководство по CSS фигурам
Способы создания фигур без использования SVG.
https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/
Изучаем работу с ветками в Git
Хороший инструмент для изучения Git начинающим и не только.
https://learngitbranching.js.org/?locale=ru_RU
CPUpro: Переосмысление профайлинга для экосистемы JS
Альтернативная система профайлинга и логирования для движка V8: Node.js, Deno, Chromium.
https://github.com/lahmatiy/cpupro
Доступность при валидации html форм
Руководство по разработке удобных и доступных форм.
https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/
Отображаем музыку при помощи CSS Grid
Решение по удобному и отзывчивому рендерингу нот в вебе, основанное на CSS Grid.
https://cruncher.ch/blog/printing-music-with-css-grid/
Задачки по Front-end - канал с задачками и тестами по JS/CSS/HTML.
На канале вы найдете:
- тесты по Javascript;
- тесты по CSS;
- тесты по HTML;
- вопросы с собеседований с решением по JS, CSS, HTML
Подписывайтесь, решайте и предлагайте свои решения: @frontquizes
Готов ли ваш код к React 19?
Новшества и breaking-changes в грядущей версии React, которые стоит учитывать при обновлении.
https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19
