29203
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Создаем эффект двигающегося заднего фона
https://css-tricks.com/moving-backgrounds/
Время относительной стабильности закончилось. JS и CSS активно развиваются. Новые фрейморки и фичи заставляют многих пересмотреть подход к написанию кода. Об этом говорят долгожданные результаты опросов State of JS 2022 и State of CSS 2022.
Какие выводы из них можно сделать? И, главное, что ждёт нас в 2023 году?
Обсудим на бесплатном вебинаре, который проведут тимлиды из ВКонтакте, Telegram Open Network и Frogly (Chrome Extension)
Вы поймёте, что нужно знать, чтобы оставаться востребованным специалистом в этом году: какие фреймворки и фичи использовать, а от каких стоит отказаться.
Встречаемся уже завтра, 9 февраля в 19:00 (по Москве) в прямом эфире.
Регистрируйтесь по ссылке
Как работать с App Directory Architecture
О новой стратегии роутинга и рендеринга компонентов в Next.js.
https://www.smashingmagazine.com/2023/02/understanding-app-directory-architecture-next-js/
Оптимизируем TTFB (Time to First Byte)
О способах ускорения загрузки веб приложений.
https://web.dev/optimize-ttfb/
#javascript #google-chrome
Js, трюки, наблюдения, бенчмарки и как Лиса уничтожает Хром. Я протестировал всё, что вам было лень
Рейтинг: 96
https://habr.com/ru/post/712386
Нельзя просто так взять и распарсить этот JSON на JavaScript
Проблема парсинга больших чисел из JSON формата
https://habr.com/ru/post/712618/
Осваиваем TypeScript
21 лучшая практика при написании кода
https://habr.com/ru/company/ruvds/blog/712548/
Socket.Io Vs. Pusher
Сравниваем инструменты для real-time коммуникации
https://blog.openreplay.com/socket-io-vs-pusher--a-comparison/
Как создать свой первый сайт на JavaScript: бесплатный курс
На бесплатном курсе Нетологии вы познакомитесь с разработкой на JavaScript и сами попробуете написать код — создадите сайт по персонажам вселенной Marvel. Курс подойдёт тем, у кого нет опыта в разработке. Вы оцените JavaScript-разработку изнутри и узнаете, как сделать первые шаги в новую профессию.
Зарегистрироваться → https://netolo.gy/Udx
Реклама. ООО «Нетология»
CSS совет: стилизуйте checkbox и radio для печати
О том, как стилизовать ui для лучшей читабельности или экономии чернил, применяя print-color-adjust. Мелочь, а для пользователя приятно.
https://alvaromontoro.com/blog/68024/css-tip-style-checkboxes-radio-buttons-for-printing
Хочешь найти работу и переехать в другую страну, но не знаешь как, что и куда?🤷♀️
Релокация в Европу - это РЕАЛЬНО!
Найти работу в Европе просто с каналом IT на чемодане
Всё, что нужно знать о работе в странах ЕС, мы собираем в одном канале:
📍Публикуем актуальные IT-вакансии🔥
📍Рассказываем о нюансах работы
📍Подсказываем, как лучше составить резюме и пройти интервью
📍"Из первых рук"👨💻 – делимся опытом тех, кто уже переехал и нашёл работу
📍Публикуем много полезной информации, лайфхаки по переезду и трудоустройству на новом месте👌
Присоединяйся к каналу IT на чемодане и работай в той стране, в которой хочешь!🌏
Используем деструктивное присваивание пропсов во Vue Composition API
Дмитрий Павлутин рассказывает, как сохранить удобство разработки и не потерять реактивность объектов.
https://dmitripavlutin.com/props-destructure-vue-composition/
Создаем проект на Vite с React и Typescript
Об альтернативе Create React App — как быстро создать проект при помощи билд-системы Nx.
https://blog.nrwl.io/react-vite-and-typescript-get-started-in-under-2-minutes-3bd5cd836175
Релиз Ember 4.0
https://blog.emberjs.com/ember-4-0-released/
Бесплатное обучение дизайну с нуля. Вместе сделаем портфолио из 4+ работ с личной поддержкой от наставника.
Что вы получите?
— Фидбэк (мощный разбор всех ДЗ от куратора)
— Тусовка (личный кабинет с уроками + живой чат)
— Портфолио и экзамен (упакуем по урокам и проверим)
— Мастер-класс "как заработать на дизайне" и найти клиента
🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов.
→ Начать обучение бесплатно
Программа бесплатного курса:
— Обучение по Figma с нуля и 4+ дз с личным разбором
— Изучение основ дизайна (контент, сетки, композиция т.д.)
— Создание анимации интерфейса
— Все о профессии и доходе дизайнера (поиск клиентов и реальный доход)
👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы
Валидация форм с помощью Zod
Один из вариантов валидации React форм, используя сочетание react hooks и Zod.
https://blog.bitsrc.io/react-form-validation-5aa06193bec4
Полное руководство по обработке ошибок в JS
https://www.sitepoint.com/javascript-error-handling/
Интерактивные SVG
Туториал по созданию SVG изображений на примере квинтового круга.
https://blog.logrocket.com/interactive-svg-circle-of-fifths/
Оптимальные изображения в вашем HTML
Оптимизируем разметку для улучшения загрузки изображений.
https://www.builder.io/blog/fast-images
Краткий обзор Bun — новой среды выполнения JavaScript
https://habr.com/ru/company/timeweb/blog/710202/
JUG Ru Group приглашает вас выступить на JS-конференции HolyJS 2023 Spring!
В этом году конференция будет идти четыре дня: 15–16 мая в онлайне и 21–22 мая в офлайне в Москве. И вы можете выступить на ней.
Что даст выступление на HolyJS?
👉 Развитие личного бренда и улучшение навыка публичных выступлений.
👉 Возможность обсудить рабочие задачи в неформальной обстановке.
👉 Билет на все конференции весны от JUG Ru Group.
👉 Общение с комьюнити и экспертами Программного комитета.
Можно выбрать любой формат — классический доклад, воркшоп, дискуссию или предложить что-нибудь свое. Вам помогут подготовиться, проведут репетиции, а после конференции вы получите запись в 4K на YouTube, чтобы поделиться ей с друзьями и коллегами.
Выбирайте тему на сайте или предлагайте свои идеи и подавайте заявку на выступление до 20 февраля.
Билеты на HolyJS 2023 Spring уже в продаже.
Разбираемся с Redux Thunk
Как добавить Redux Thunk в React приложение и как это работает под капотом.
https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/
JS Promises: Сборщик мусора и утечки памяти
Как работает сборщик мусора при использовании Promise: примеры с объяснением.
https://dev.to/xnimorz/js-promises-3-garbage-collection-and-memory-leaks-2oi7
Эффект пишущей машинки на чистом CSS
https://blog.logrocket.com/creating-typewriter-animation-css/
Настраиваем Prettier и ESLint
Инструкция как сделать форматирование кода в соответствии с правилами линтера.
https://khalilstemmler.com/blogs/tooling/prettier/
Биндинг данных в React
О том, как работать с разными элементами ввода и каких ошибок стоит избегать
https://www.joshwcomeau.com/react/data-binding/
Объясняем аутентификацию в Web проводя аналогию с банками
https://www.smashingmagazine.com/2023/01/authentication-websites-banking-analogy/
Стриминг SSR с React 18
Использование renderToPipeableStream для отдачи контента React приложения
https://blog.logrocket.com/streaming-ssr-with-react-18/
Создаем гладкие анимационные переходы для CSS Grid
https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/