Хотите научиться делать один из самых популярных элементов анимации? 🤔
⚡️Приглашаем 11 мая в 20:00 мск на открытый урок «Анимация модального окна сайта: основы и полезные фишки» в OTUS.
Вместе с Марией Коршуновой, экспертом с опытом более 10 лет в сфере веб-разработки, мы потренируемся в анимации модального окна его открытия и закрытия, чтобы сделать элемент отличным от большинства сайтов.
Урок дает возможность предварительно попробовать новый онлайн-курс «Веб-анимации».
👉🏻Регистрация на вебинар: https://otus.pw/FrPC/
⚡️Приглашаем 11 мая в 20:00 мск на открытый урок «Анимация модального окна сайта: основы и полезные фишки» в OTUS.
Вместе с Марией Коршуновой, экспертом с опытом более 10 лет в сфере веб-разработки, мы потренируемся в анимации модального окна его открытия и закрытия, чтобы сделать элемент отличным от большинства сайтов.
Урок дает возможность предварительно попробовать новый онлайн-курс «Веб-анимации».
👉🏻Регистрация на вебинар: https://otus.pw/FrPC/
👎8👍5💩1
Создание многоуровневого выпадающего меню в React
https://blog.logrocket.com/creating-multilevel-dropdown-menu-react/
https://blog.logrocket.com/creating-multilevel-dropdown-menu-react/
👍13
Исследуем React Suspense и React Freeze - что это за фичи и как
их использовать.
https://blog.logrocket.com/exploring-react-suspense-react-freeze/
их использовать.
https://blog.logrocket.com/exploring-react-suspense-react-freeze/
LogRocket Blog
Exploring React Suspense with React Freeze - LogRocket Blog
React Freeze builds on the ideas presented in React Suspense, enabling you to pause component rendering to improve user experience.
👍7
Настройте Tailwind CSS с Angular в Nx workspace
https://blog.nrwl.io/set-up-tailwind-css-with-angular-in-an-nx-workspace-6f039a0f4479
https://blog.nrwl.io/set-up-tailwind-css-with-angular-in-an-nx-workspace-6f039a0f4479
Medium
Set up Tailwind CSS with Angular in an Nx workspace
Tailwind CSS is a utility-first CSS framework packed with a lot of good functionality out of the box while providing a high level of…
👍6
Выбираем лучшую платформу для хостинга NextJS приложений.
https://blog.logrocket.com/choosing-best-nextjs-hosting-platform/
https://blog.logrocket.com/choosing-best-nextjs-hosting-platform/
LogRocket Blog
Choosing the best Next.js hosting platform - LogRocket Blog
Different projects have different needs. Let's go over three hosting solutions for Next.js, including Vercel, Netlify, and Heroku.
👍3
От JQuery к React, Vue, Angular — эволюция фронтенд фреймворков и их различия.
https://betterprogramming.pub/from-jquery-to-react-vue-angular-the-evolution-of-frontend-frameworks-and-there-difference-3e6b6fcc6200
https://betterprogramming.pub/from-jquery-to-react-vue-angular-the-evolution-of-frontend-frameworks-and-there-difference-3e6b6fcc6200
Medium
From JQuery to React, Vue, Angular — The Evolution of Frontend Frameworks and There Difference
This is a question that is bound to be asked in a front-end interview
👍7👎4💩1
Процесс рендеринга веб страницы в браузере - Critical Rendering Path
https://jagjeets.medium.com/web-performance-understanding-critical-rendering-path-72283caefc1f
https://jagjeets.medium.com/web-performance-understanding-critical-rendering-path-72283caefc1f
👍10❤1🎉1
Всем привет!
Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама.
Настрой бота за 1 минуту и получай до 50 предложений в неделю, отобранных по твоим предпочтениям.
🎁Запусти бота сегодня и получи подарок от нашего партнёра Madrobots.ru — магазина экспериментальных гаджетов.
@MasterHuBot
Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама.
Настрой бота за 1 минуту и получай до 50 предложений в неделю, отобранных по твоим предпочтениям.
🎁Запусти бота сегодня и получи подарок от нашего партнёра Madrobots.ru — магазина экспериментальных гаджетов.
@MasterHuBot
🔥3👍2
Базис веб-разработки в 2022 году
https://engineering.linecorp.com/en/blog/the-baseline-for-web-development-in-2022/
https://engineering.linecorp.com/en/blog/the-baseline-for-web-development-in-2022/
👍9
Как переключаться между классами HTML-элемента
https://css-tricks.com/cycle-through-classes-html-element/
https://css-tricks.com/cycle-through-classes-html-element/
🔥3👍2
Underdog UI Frameworks: 5 JavaScript фреймворков, которые вам нужно попробовать в 2022 году
https://blog.bitsrc.io/underdog-ui-frameworks-5-javanoscript-frameworks-you-need-to-try-in-2022-93e11fef186d
https://blog.bitsrc.io/underdog-ui-frameworks-5-javanoscript-frameworks-you-need-to-try-in-2022-93e11fef186d
Medium
Underdog UI Frameworks: 5 JavaScript Frameworks you Need to Try in 2022
Other frameworks deserve some love too!
👎8👍7
Повысьте производительность с помощью Web Workers: подробное руководство
https://blog.bitsrc.io/web-workers-a-step-by-step-guide-to-boosting-performance-with-web-workers-11307238b36e
https://blog.bitsrc.io/web-workers-a-step-by-step-guide-to-boosting-performance-with-web-workers-11307238b36e
Medium
Boost Performance with Web Workers: A Detailed Guide
A Step by Step Guide on How to Imitate multi-threading in JavaScript with Web Workers
👍12🔥1
Дорожная карта Angular: прошлое, настоящее и будущее
https://enlear.academy/angular-roadmap-the-past-present-future-212d8b98591b
https://enlear.academy/angular-roadmap-the-past-present-future-212d8b98591b
Medium
Angular Roadmap: The Past, Present, and Future
Future of Angluar
👍8🤔3👎2
Мотивационный Javanoscript-пинок ждет тебя!
Залетай на практический интенсив, на котором сделаешь фронтенд для интернет-магазина “Ozon”.
Будешь писать код, задавать вопросы и получать обратную связь по своей работе. А заодно получишь план-схему что и как учить, чтобы быстрее освоить JS.
Подробная программа 📋
✅ 1 День
— Получим необходимые элементы со страницы
— Научимся перехватывать браузерные события
✅ 2 День
— Познакомимся с получением данных через API Fetch
— Рассмотрим работу с Firebase
— Получим данные с сервера
✅ 3 День
— Фильтрация данных по категории
— Вывод карточек товаров
— Вывод карточек акционных товаров
— Реализация поиска по названию
✅ 4 День
— Реализуем корзину товаров
— Реализуем отправку данных корзины
Переходи по ссылке и получи приглашение.
Залетай на практический интенсив, на котором сделаешь фронтенд для интернет-магазина “Ozon”.
Будешь писать код, задавать вопросы и получать обратную связь по своей работе. А заодно получишь план-схему что и как учить, чтобы быстрее освоить JS.
Подробная программа 📋
✅ 1 День
— Получим необходимые элементы со страницы
— Научимся перехватывать браузерные события
✅ 2 День
— Познакомимся с получением данных через API Fetch
— Рассмотрим работу с Firebase
— Получим данные с сервера
✅ 3 День
— Фильтрация данных по категории
— Вывод карточек товаров
— Вывод карточек акционных товаров
— Реализация поиска по названию
✅ 4 День
— Реализуем корзину товаров
— Реализуем отправку данных корзины
Переходи по ссылке и получи приглашение.
👍10👎6❤1
Почему разработчики не относятся серьезно к доступности?
https://css-tricks.com/why-dont-developers-take-accessibility-seriously/
https://css-tricks.com/why-dont-developers-take-accessibility-seriously/
CSS-Tricks
3 Ways We Fail to Take Accessibility Seriously | CSS-Tricks
This article covers perspectives on accessibility in web design that could help us bridge the great divide between users and designers/developers.
👍10
Ref() vs Reactive() в Vue 3 — какой правильный выбор?
https://medium.com/@bsalwiczek/ref-vs-reactive-in-vue-3-whats-the-right-choice-7c6f7265ce39
https://medium.com/@bsalwiczek/ref-vs-reactive-in-vue-3-whats-the-right-choice-7c6f7265ce39
Medium
Ref() vs Reactive() in Vue 3 — what’s the right choice?
Composition API comes with two ways to introduce a reactive state into the components. Do you know which one to use?
👍8😁1🤔1
Инструменты для создания AVIF изображений.
https://css-tricks.com/useful-tools-for-creating-avif-images/
https://css-tricks.com/useful-tools-for-creating-avif-images/
👍8
Кроссбраузерный нативный lazy-loading изображений на JS
https://blog.logrocket.com/cross-browser-native-lazy-loading-javanoscript/
https://blog.logrocket.com/cross-browser-native-lazy-loading-javanoscript/
LogRocket Blog
Cross-browser native lazy loading in JavaScript - LogRocket Blog
Learn how to implement native lazy loading in JavaScript websites across all browsers using a polyfill approach.
👍6