29203
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Создаем физический движок в 2D с нуля на JS
https://ailef.tech/2022/11/12/creating-a-2d-physics-engine-from-scratch-in-javascript/
Альтернативы Create React App
От создания React проекта с нуля до Gatsby и React Starter Kit.
https://blog.openreplay.com/top-alternatives-to-create-react-app/
6 генераторов фона
Подборка инструментов для генерации красивого заднего фона.
https://blog.logrocket.com/best-css-background-generators/
Использование CSS filter, mask-image, mix-blend-mode.
Несколько экспериментов с CSS фильтрами и масками, которые позволяют достичь интересных эффектов.
http://jlzych.com/2022/11/17/experimenting-with-layering-filtering-and-masking-in-css/
👥 Уникальное предложение для Frontend, Go и Python-разработчиков
Друзья, уже в эти выходные, 26–27 ноября, состоится Weekend Offer в VK WorkSpace — единую экосистему из пяти сервисов, которая помогает бизнесу на каждом этапе работы. Не упустите шанс поработать над интересными проектами, креативить и экспериментировать и постоянно прокачивать свои навыки в сфере IT вместе с командой VK WorkSpace.
👉 Узнайте больше о проведении Weekend Offer и отправляйте заявку на участие здесь.
12 расширений для VSCode
Подборка расширений, которые сделают работу чуть приятнее и удобнее.
https://javascript.plainenglish.io/71a7f745d5e
Дайте шума!
Генерируем статический шум при помощи CSS и странного бага градиентов.
https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/
Друзья!
☝🏻 Совершенно случайно у нас появился билет на Highload 2022, которая стартует уже завтра и продлится 2 дня.
Highload это конференция, посвященная аспектам разработки высоконагруженных систем - от разработки архитектуры и алгоритмов, до тестирования и администрирования. Думаю, будет интересно инженерам разного рода деятельности и опыта работы.
🎁 По традиции разыгрываем билет среди подписчиков. Для участия в розыгрыше заполняйте форму. Итоги подведем уже сегодня вечером!
CSS Pseudo Elements: Полное руководство
https://blog.openreplay.com/css-pseudo-elements--a-definite-guide/
Где использовать генераторы JS. Поиск путей использования генераторов для повседневных задач.
https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/
Инструкция по созданию игры в Telegram
Selectel рассказывает, как за пару вечеров собрать собственного игрового бота на JS. Бонус: если набрать больше 100 очков в их тестовой игре — выиграете мерч.
Отзывчивая HTML/CSS галерея с использованием "колонок"
Один из вариантов создания красивой галереи без дополнительной разметки!
https://medium.com/codex/responsive-html-css-image-gallery-using-columns-no-extra-markup-needed-f289236b2f17
Dialog, modal, popover - в чем разница?
https://hidde.blog/dialog-modal-popover-differences/
Пришло время для нового Date API в JavaScript
Обзор Temporal API с новым функционалом для работы с датой и временем.
https://medium.com/life-at-apollo-division/its-time-for-a-new-date-api-in-javascript-6ea4411ce31e
Зумим элементы как карту с помощью JS
https://itnext.io/javascript-zoom-like-in-maps-for-svg-html-89c0df016d8d
Привет! На связи Podlodka Crew. Приглашаем на юбилейный сезон Podlodka Frontend Crew 5 декабря и разыгрываем 1 билет.
В программе — браузерные API и интересные кейсы. Проведи начало зимы с пользой и лови вдохновение на следующий год!
Новые подробности сезона:
❄️ Разработчики из Microsoft и Альфа Онлайн на круглом столе обсудят, почему проекты приходят к PWA, какие с ним бывают проблемы и можно ли с его помощью решить проблемы блокировок нативных мобильных приложений в сторах.
❄️ Разберём API для безопасности и криптографии, использование ключей и узнаем, зачем генерировать, хранить и использовать криптоключи в браузере.
❄️ Научимся безопасно использовать Service Worker API с учётом ограничений и требований.
❄️ Узнаем, как улучшать диалоги с помощью нативных элементов.
👉 забирай билет на сайте
🎁 По традиции разыгрываем билет среди подписчиков. Для участия в розыгрыше заполняй форму, результаты объявим через пару дней!
Интерактивное руководство по Flexbox
https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/
Руководство по CSS анимации
Синтаксис и примеры реализации.
https://blog.openreplay.com/all-about-css-animations/
Как я в десять раз ускорил работу таблицы Google одной строкой CSS
https://habr.com/ru/company/timeweb/blog/593003/
Скролим к фрагменту текста через url параметры
https://blog.jim-nielsen.com/2022/scroll-to-text-fragments/
Рандомным образом билет достается @den_pur, поздравляем 🎉🎉🎉
Всем остальным, кому интересна конференция предлагаем следить за трансляцией главного зала https://youtu.be/aYKXGHdruIE
Всем добра!✌️
Большой гайд по оптимизации изображений
В статье описаны способы оптимизации для статических сайтов, но подходы можно применять для любых веб приложений.
https://www.smashingmagazine.com/2022/11/guide-image-optimization-jamstack-sites/
Структуры данных во фронтенде
Плюс практические примеры использования.
https://profy.dev/article/javascript-data-structures
🚀Научитесь решать любые задачи фронтенда! ЗАВТРА, 22 ноября в 20:00 мск приглашаем на бесплатный урок «Refine.js - мощный фреймворк разработки внутренних приложений».
— На вебинаре мы напишем фронтенд небольшой админ-панели с применением Refine и Tailwind.
— Урок пройдет в рамках онлайн-курса «React.js Developer» от OTUS. Курс рассчитан на Frontend JavaScript разработчиков, которые хотят освоить React. Протестируйте обучение в OTUS и познакомьтесь с преподавателем — Арсением Высоцким, тимлидом в большой международной компании.
👉Пройдите вступительное тестирование и регистрируйтесь на вебинар!
Пишем React приложение использующее DALL-E API
Простое приложение для генерации картинок при помощи нейросетей.
https://betterprogramming.pub/build-a-react-app-using-dall-e-api-bd15d5d67b31
Пишем свой плагин для Vite
Если вдруг вам не хватает какого-то функционала для сборки проекта, можно написать свой плагин. Вот небольшая пошаговая инструкция.
https://www.vuemastery.com/blog/building-a-plugin-with-vite/
Как использовать Web Workers API
Выносим тяжёлые вычисления в фон с помощью Web Workers
https://levelup.gitconnected.com/how-to-use-web-workers-api-b1ef96c46fc0
Weekend Offer в команду VK для фронтедов
Друзья!
Если вы искали интересные проекты в сфере IT и современный стек — примите участие в Weekend Offer и пройдите собеседование всего за одни выходные. Станьте частью команды core mVK или одной из продуктовых команд ВКонтакте и участвуйте в модернизации приложения, которым ежемесячно пользуются более 40 миллионов человек.
Узнать больше о перспективах работы и Weekend Offer можно тут. Оставить заявку можно до 18 ноября включительно.
Разбираемся с React Hooks и пишем кастомные
Короткий курс по React Hooks с простыми и понятными примерами.
https://egghead.io/lessons/react-use-the-usestate-react-hook
Введение в Parcel
Статья о том, как начать использовать один из современных сборщиков приложений в своем проекте.
rembertdesigns/getting-started-with-parcel-js-a-web-application-bundler-in-2022-9903d3326bd4" rel="nofollow">https://medium.com/@rembertdesigns/getting-started-with-parcel-js-a-web-application-bundler-in-2022-9903d3326bd4