29396
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Как Google обрабатывает веб-приложения при индексации
Есть список убеждений о том, как поисковики индексируют страницы. Но все меняется, в том числе и этот процесс не исключение. Немного подробнее о том, как теперь Google обрабатывает ваши страницы и что из ваших убеждений уже не соответствует действительности.
https://vercel.com/blog/how-google-handles-javascript-throughout-the-indexing-process
Новый релиз Puppeteer с поддержкой Firefox
Puppeteer 23 теперь поддерживает не только Chrome, но и Firefox, что упростит кроссбраузерное тестирование.
https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/
Машинное обучения на JavaScript
Введение в ML разработку c ML5.js.
ML5 - библиотека, основанная на Tensorflow, предоставляющая упрощенный интерфейс для интеграции в веб приложения.
https://www.youtube.com/watch?v=ECotpcPCTaU
Друзья, приглашаю вас на FrontendConf 2024 — одно из крупнейших ежегодных событий в мире frontend, где соберутся профессионалы для обмена опытом и новыми идеями.
🗓 30 сентября и 1 октября в Москве, в кластере "Ломоносов", более 1000 участников обсудят новейшие тенденции во фронтенде.
Программа включает 51 доклад с реальными кейсами, дебаты и фейл-митапы. В этом году особое внимание уделено внедрению ML в продукты и применению нейросетей для повышения производительности. Александр Шатилов и Илья Никитин обсудят ИИ в пользовательских интерфейсах и верстке.
А еще расскажут про новые подходы к архитектуре, производительности и инженерной культуре. Традиционные треки, такие как FrontOps, Технологии и Дизайн, будут дополнены обсуждением будущего фронтенда, включая AR и новые фреймворки.
Программа конференции уже на сайте
Регистрируйтесь и присоединяйтесь к FrontendConf 2024, чтобы зарядиться энергией, завести новые профессиональные связи и вдохновиться на работу над своими проектами!
⚠ Внимание, с 1 сентября будет повышение цен на билеты, поэтому успейте купить билет заранее.
Floating UI
Библиотека для позиционирования плавающих элементов и взаимодействия с ними.
https://floating-ui.com/
64 бита на хранение числа в JavaScript разбивают на три промежутка: 1B для хранения знака,11 бит для экспоненты со смещением. А знаете, для чего предназначены ещё 52 бита? Об этом и в целом о работе с данными в JavaScript — новая серия открытого курса AvitoTech.
5 лекций уже доступны к просмотру. Так что если вы хотели освоить азы фронтенд-разработки, самое время учиться у лучших. Тем более, это бесплатно.
CodeScreenshot
Онлайн инструмент для генерации красивых скриншотов с вашим кодом.
https://cs.vkrsi.com/
Вы думаете вы знаете box-shadows?
Простые и продвинутые техники использования box-shadows, а также ситуации, в которых стоит отказаться от использования теней.
https://dgerrells.com/blog/how-not-to-use-box-shadows
Офер в Яндекс для опытных фронтендеров за два дня
24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться.
Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать.
Узнать подробности и зарегистрироваться.
Разбираемся с Cookies и Tokens
Как работают Cookies, какие существую типы и параметры, а также что такое токены. Объединяем эти понятия и разбираемся с работой JWT.
https://tommihovi.com/2024/05/demystifying-cookies-and-tokens/
The Front-End Checklist
Чек-лист для вашего проекта, покрывающий все аспекты и практики разработки. Позволяет вам понять, не упустили ли вы чего-нибудь при разработке.
https://frontendchecklist.io/
NodeJS добавил экспериментальную поддержку TS
С использованием флага --experimental-strip-types можно запустить TS код без транспиляции.
https://socket.dev/blog/node-js-adds-experimental-support-for-typescript
Как использовать container query сейчас
Сontainer queries уже поддерживаются всеми браузерами, но разработчики не спешат их использовать. Вот несколько простых шагов, которые помогут начать.
https://web.dev/blog/how-to-use-container-queries-now?hl=en
Нужно развернуть приложения быстрее? С Облаком Рег.ру это возможно!
Мы предлагаем мгновенный запуск сервисов, линейку процессоров от мощных до очень мощных ( включая AMD EPYC и высокочастотные E2388), управление через панель или API. С нашими готовыми образами для Docker и GitLab вы сможете начать работу в несколько кликов.
Присоединяйтесь к нашему каналу, чтобы узнать, как облако Рег.ру помогает в разработке, и быть в курсе актуальных IT-новостей.
Реклама. ООО «Регистратор доменных имен РЕГ.РУ». ИНН 7733568767 erid: 2VtzquX6u22Читать полностью…
Выбираем рендер-стратегию для вашего приложения
Оптимизация на уровне доставки: о способах рендера приложения и о том, как выбрать лучший для вашего.
https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app
Создаем шрифты в браузере
typlr — онлайн инструмент позволяющий относительно просто создать свой собственный шрифт.
https://typlr.app/
Изучаем возможности нативных декораторов в JS
Декораторы неизбежно станут частью стандарта, так что уже можно посмотреть, в каких случаях и как можно будет их применять.
https://frontendmasters.com/blog/exploring-the-possibilities-of-native-javascript-decorators/
12 лучших библиотек для анимации
Несколько интересных инструментов для анимации, в том числе давно знакомые GSAP, Anime.js, Three.js и Framer Motion.
https://dev.to/vyan/12-best-javascript-animation-libraries-to-supercharge-your-web-projects-in-2024-21ka
Transition к `height: auto` и `display: none`
Как на чистом CSS реализовать переходы используя новые функции.
https://blog.css-weekly.com/transition-to-height-auto-display-none-using-pure-css
JS в Python
Как писать на JS в Python? PythonMonkey — это встроенный движок SpiderMonkey в среду выполнения python.
https://github.com/Distributive-Network/PythonMonkey
Unknown TS
Чем может быть полезен тип unknown в TypeScript? Объясняем на примерах
https://michaeluloth.com/programming-types-unknown-why-useful/
Maska 3.0: Zero-Dependency библиотека для масок инпутов
Несколько демо по использованию легкой библиотеки без дополнительных зависимостей.
https://beholdr.github.io/maska/v3/#/
Создаем сложное расширение для google chrome
Туториал по созданию расширения на примере Image Saver - приложения для сохранения картинок.
https://evilmartians.com/chronicles/how-to-make-complex-chrome-plugins-a-zero-gravity-guide
Использование селектора :has
Небольшие примеры от Энди Белла, в которых отлично вписывается применение селектора :has
https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/
Местоположение пользователя - это ложь
Почему нет 100% гарантии верного определения локации пользователя и какие есть способы ее определения. А также что стоит брать во внимание при решении задач, связанных с геолокацией.
https://austingil.com/user-location-is-a-lie/
Разработчик ПО из Казани? Познакомься со специалистами ТехноХаба Сбера и прокачай свои скиллы! 👨💻👩💻
ИТ-академия ИТ-парка запустила курс для разработчиков «Cross-platform developer on JavaScript» совместно с Андреем Власовым — лидером компетенций, руководителем технологического Хаба Сбера в Казани с опытом в разработке 16 лет.
Для кого? 💻
— разработчики ПО с опытом работы frontend 1-2 года
По окончании курса ты получишь знания и навыки, соответствующие уровню Middle Javascript Developer, а именно:
✅ Продуктовое мышление
✅ UX/UI проектирования в figma
✅ Разработка web-приложений на React
✅ Разработка серверных приложений на Nodejs + Express + Mongo
✅ Написание эффективных тестов для приложений
✅ Глубокое понимание micro-frontend архитектуры на больших проектах
Запишись на собеседование прямо сейчас: записаться и получить бонусом офлайн-консультацию с наставником, защиту выпускной работы перед экспертами и удостоверение о повышении квалификации. 🔥
▪️Набор открыт до 15 августа
▪️Объем курса: 124 акад/ч (продолжительностью 5 месяцев)
▪️Формат: офлайн, в ИТ-парке им .Б. Рамеева
📲 Номер телефона для связи: +7 937 594 2209Реклама: ТЕХНОПАРК В СФЕРЕ ВЫСОКИХ ТЕХНОЛОГИЙ "ИТ-ПАРК", ГАУ "ИТ-ПАРК", ИНН: 1655191213, ERID: 2VtzqwGw4hR
React Conf 2024
Все доклады с прошедшей конференции по React. Enjoy.
https://conf.react.dev/talks
Свойство CSS font-size-adjust теперь часть стандарта
Свойство может помочь предотвратить сдвиги контента при загрузке fallback шрифтов.
Подробнее — в небольшой заметке.
https://web.dev/blog/font-size-adjust?hl=en
Popover API 101
Нативный Popover с недавнего времени доступен в браузерах. Посмотрите как использовать его API и как можно его стилизовать и анимировать.
https://www.amitmerchant.com/popover-api-101/
Динамический Github профиль с Bun и Typescript
О том, как сделать свой профиль на GitHub динамическим используя Bun, TS и Github Actions.
https://tduyng.github.io/blog/dynamic-github-profile-with-bun-typescript/