29203
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Использование React Portal
Что такое React Portal, как и когда его использовать.
https://semaphoreci.com/blog/react-portals
Photoshop Web CSS
Ахмад Шадид разбирает разметку и CSS решения сложного онлайн инструмента.
https://ishadeed.com/article/photoshop-web-css/
Чистая frontend архитектура
Почему важна архитектура при разработке приложения и какие принципы помогут правильно ее построить.
https://medium.com/bitsrc/clean-frontend-architecture-2995c68702fb
HTML, CSS, JS, Node.JS, 🤯 - пора бы всё объединить!
Все для изучения веба
👉 Логово фронтендера - самый большой канал для изучения фронта
👉 Логово верстальщика - все о верстке
👉 Логово Node.JS разраба - для тех кто хочет писать бэк на JS
Собрано всё, проверяй🔥
Подкаст про код - выпуск 24
Interop 2024, бета TypeScript 5.3, анти-паттерны конфигурирования в Node.js.
https://www.youtube.com/watch?v=HRcFHKEU3F4
Нативные способы валидации форм
Как отловить ошибки валидации при помощи атрибутов input либо встроенными методами форм.
https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation
44 вопроса c frontend собеседований
Вопросы по React, JavaScript, стейт менеджерам и современным аспектам web разработки
https://dev.to/m_midas/44-react-frontend-interview-questions-2o63
Добавляем 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/
Книги по Frontend на русском языке - канал, где ты можешь бесплатно КАЧАТЬ Frontend книги на русском языке
- качай книги
- читай
- становись программистом.
Все книги 2017-2020 годов. Все русскоязычные.
Самая удобная навигация по тегам: #js #css #node #react #angular #vue
Подписывайся и качай: @frontbooksru
React Server Components
Как и зачем использовать RSC.
https://www.freecodecamp.org/news/how-to-use-react-server-components/
Использование Web Workers для многопоточности в вебе
Статья о работе с web workers, их практическом применении и ограничениях.
https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
Разработка приложений для всех категорий пользователей
Основные принципы веб доступности. Как семантическая верстка, дополнительные атрибуты элементов и инструменты для тестирования доступности помогут вам в этом.
https://www.sitepoint.com/designing-for-all-the-basics-principles-of-web-accessibility/
Круговой текст на CSS
Решаем задачу при помощи svg и тригонометрии.
https://dev.to/jh3y/circular-text-with-css-57jf
Как на основе единой кодовой базы построить несколько веб-приложений в принципиально разных средах? Зачем соблюдать практики SDL и как оптимизировать производительность фронтенда?
Приходите обсудить эти и другие вопросы на онлайн-митап «Гетерогенность, или Деплой JavaScript туда и обратно» от Kaspersky. Вместе с командой JavaScript-разработки поговорим про:
● построение В2В единой консоли: комплексного, сложного приложения;
● единую модель деплоймента для cloud-native-разработки и on-premise;
● разработку в распределенных командах (фича-тимы).
Митап пройдет 26 октября в 17.00.
Регистрируйтесь, будет интересно 😎
JS minification benchmarks
Результаты сравнения популярных инструментов для сжатия JS.
https://github.com/privatenumber/minification-benchmarks
Опрос для опытных ИТ-специалистов.
Поделитесь мнением об ИТ-работодателях. Напишите, что вам нравится, а что — нет. Так компании смогут исправить ошибки, улучшить условия и присылать офферы, на которые хочется соглашаться.
Посмотрите, это займет не больше 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/
