29203
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Добавляем web app манифест
Как с помощью одного конфига превратить ваше приложение в PWA.
https://web.dev/articles/add-manifest?hl=en
Техника загрузки изображений-плейсхолдеров в низком разрешении
Улучшаем метрики Web Vitals при помощи предзагрузки картинок в плохом качестве.
https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/
Веб-стандарты: выпуск 390
Safari, бета Chrome 119, Divtober, пересмотр Baseline, новинки WCAG 2.2, Closure Compiler.
https://web-standards.ru/podcast/390/
Хотите работать в компании любимого одеяла и ароматной чашки кофе, не задерживаясь в пробках? Профессия веб-разработчика позволит вам работать из дома или писать код из любой точки мира. Присоединяйтесь к мини-курсу, где вы сможете примерить на себя типовые задачи frontend- и backend-разработчиков и с нуля создать 3 проекта: сайт, приложение и сервис.
Регистрируйтесь: https://epic.st/PumPJ
Вы научитесь:
— создавать веб-страницы, используя язык разметки HTML и технологию CSS;
— реализовывать серверную часть (backend) веб-приложений на языке PHP;
— работать с базой данных MySQL при помощи языка запросов SQL;
— создавать приложения на языке программирования JavaScript;
— размещать сайты в интернете.
Спикер — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах.
Подарки:
— Сертификат на скидку 10 000 рублей на любой курс.
— Доступ к изучению английского языка на год.
— 5 полезных подборок материала
— Персональная карьерная консультация Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
Создаем векторную анимацию типографики
https://tympanus.net/codrops/2023/01/31/bringing-letters-to-life-coding-a-kinetic-svg-typography-animation/
В вашем JS приложении возможно есть утечки памяти, о которых вы не знаете
Статья о причинах утечек памяти и как их избежать.
https://blog.stackademic.com/914e64ed07c7
Frontend online meetup - 11/10
✔️ CSS in JS или самая противоречивая техника стилизации веба — Ильдар Муллахметов, Авито Тех
Ильдар расскажет почему CSS in JS библиотеки вызывают много противоречий у разработчиков. Рассмотрит влияние на производительность, поддерживаемость кода, девелопер экспириенс. А также сравнит Linaria и Astroturf, как самые быстрорастущие CSS in JS библиотеки.
✔️ Что такое Sentry и почему без него тяжело — Кирилл Логачев, Level.Travel
Из доклада узнаете, как правильно настраивать, использовать и мониторить Sentry, что поможет уменьшить количество ошибок в продакшене.
✔️ По ту сторону WebView — Максим Лавренюк, UZUM TECHNOLOGIES
Масим поделится некоторыми подходами и проблемами на примере встраивания сервиса доставки еды Uzum Tezkor в приложение Uzum Market. Рсскажет про то, что следует сделать в первую очередь при старте интеграции, как подружить нативные компоненты с вебом и других аспектах разработки
✔️ Web3 для фронтенд-разработчика — Назим Гафаров, Based.link
Доклады вокруг web3 обычно концентрируются вокруг рассказа о смарт-контрактах, которые больше интересны бэкенд-разработчикам. В своем докладе Назим расскажет о том, какие возможности предоставляет web3 именно для фронтенд-разработчика.
🗓 11 октября в 19:00
✅ Регистрация - участие бесплатно!
🌐 Наш телеграм канал с анонсами митапов!
Ограничиеваем действие CSS селекторов при помощи директивы scope
https://developer.chrome.com/articles/at-scope/
⚡️EXOZ Frontend Meetup 20.10.23
🔘 Полностью бесплатное участие;
🔘 Возможность участвовать как оффлайн, так и онлайн;
🔘 Общение с интересными людьми;
🔘 Дискуссия со спикерами после доклада;
Какие темы докладов вас ждут:
— CI/CD для чайников фронетнедров;
— Психологическое здоровье в IT: лайфхаки по селф-менеджменту;
— Предметно-ориентированная архитектура frontend приложений;
— Менторство в IT. Как стать наставником, о котором ты мечтал сам;
— State management в мире js — гармония или хаос;
И, конечно, только докладами мы не обойдемся.
Вас также ожидает:
➖Активности между докладами;
➖Дискуссии со спикерами;
➖Видео материалы докладов;
Только для оффлайн части:
➖Наш мерч;
➖Фото отчет;
➖Кофе брейки;
➖Большой розыгрыш призов в конце;
Зарегистрироваться на мероприятие
Следить за новостями в telegramРеклама. ИП Петров Денис Алексеевич. erid: LjN8K787L
Эффективная загрузка рекламы
Как не навредить перфомансу приложения при загрузке рекламного контента.
https://web.dev/loading-ads-page-speed/
Веб-стандарты - выпуск 389
Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts, LCP, Tailwind
https://web-standards.ru/podcast/389/
Курс по Nuxt v3 для начинающих
Nuxt - фреймворк для построения фронтенд-приложений на Vue 3
https://www.youtube.com/watch?v=fTPCKnZZ2dk
Шарим своё локальное приложение
Как в VSCode открыть доступ к своей запущенной локальной версии приложения при помощи вкладки Ports.
https://www.youtube.com/watch?v=g0MrDxzTkr8
20 наиболее интересных фич в CSS
Список новых возможностей которые появились или появятся в ближайшем будущем.
https://my-js.org/blog/css-ui-2023/
🔥 Все для сайта от 49 ₽/мес!
В SpaceWeb вы можете разместить сайт по привлекательной цене, а также получите:
✔️ Домен для вашего сайта при заказе на год.
✔️ Автоустановка Wordpress, Joomla и других популярных CMS.
✔️ Антивирусная проверка сайтов и возможность автоматического лечения.
✔️ Техническая поддержка в течение 1-2 минут в чате и по телефону.
Переходите и тестируйте бесплатно в течение 14 дней
👍Запустить сайт
Или подпишитесь на канал и следите за тем, как SpaceWeb развивает IT в России.Реклама. ООО "СпейсВэб". erid: 2VtzqxQ59P8
Опрос для опытных ИТ-специалистов.
Поделитесь мнением об ИТ-работодателях. Напишите, что вам нравится, а что — нет. Так компании смогут исправить ошибки, улучшить условия и присылать офферы, на которые хочется соглашаться.
Посмотрите, это займет не больше 10 минут
MoscowJS
Серия коротких докладов: Redux, Github Actions, разработка под Smart TV, T-Shape инженеры
https://www.youtube.com/watch?v=1nUhMxT2vNw
Bun за 1 час
Ознакомительный туториал по Bun: созадние сервера, стриминг файлов, роутинг, плагины.
https://www.youtube.com/watch?v=eTB0UCDnMQo
Хитрости "const"
Разбираем разницу между присвоением и изменением в JS.
https://www.joshwcomeau.com/javascript/the-const-deception/
Chrome теперь показывает использование памяти для активных вкладок
addyosmani/4f74876538e6" rel="nofollow">https://medium.com/@addyosmani/4f74876538e6
Перфоманс и мемоизация в React
Способы оптимизировать рендер компонентов, и какую роль при этом играет React memo.
https://tkdodo.eu/blog/the-uphill-battle-of-memoization
Front-end. Вопросы на собеседовании
Выпуск 52. Вопросы по базовому HTML и CSS.
https://www.youtube.com/watch?v=ia3VPHMESnY
CSS Subgrid
Ахмад Шадид рассказывает чем полезен subgrid и как с ним работать.
https://ishadeed.com/article/learn-css-subgrid/
Знакомство с LangChainJS
LangChainJS библиотека для взаимодействия с большими языковыми моделями. С помощью нее можно построить своего AI чат-бота.
https://blog.logrocket.com/getting-started-langchain-js/
Анимируем межстраничные переходы с помощью View Transitions API
Реализации переходов на примере приложения на базе фреймворка Astro.
Демо | Github
https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/
Привет!
Я написал бота, который собирает лучший контент для разработчиков с habr.ru. Часто там бывают интересные ресурсы по frontend, например:
▫️Рисуем верёвку в формате SVG
▫️Создаем тетрис на Three.js
▫️Почему ваш веб-сайт должен быть меньше 14 КБ
И еще много чего из мира технологий. Заходите в гости, буду рад 😉
@habr_for_dev
Используем Driver.js для выделения элементов
Driver.js - легковесная библиотека для реализации функционала онбординга и подсвечивания фич приложения.
https://blog.logrocket.com/using-driver-js-guide-user-focus/
Что делать, когда бандл нужно «посадить на диету»
Доклад Софьи Гусевой об оптимизации бандлов.
https://www.youtube.com/watch?v=biE-v-yCTpU
Что нового в DevTools
Улучшенные и новые фичи DevTools Chrome 118
https://developer.chrome.com/blog/new-in-devtools-118/
Web Skills
Визуализированный набор скилов для веб разработчиков, с сылками на ресурсы для изучения. Упрощенный аналог roasmap.sh
https://andreasbm.github.io/web-skills/
