Курс по JS для начинающих

3 часовой вводный курс по современному JavaScript для тех, кто знакомится с языком.

https://www.youtube.com/watch?v=Zi-Q0t4gMC8

Современное руководство по CSS фигурам

Способы создания фигур без использования SVG.

https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

React Compiler

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

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

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

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

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

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

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

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

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

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

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

Друзья!

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

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

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

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

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

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

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

Vuejs Amsterdam 2024

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итоги React Conf 2024

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

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

Сравниваем 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

Gap

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

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