React 3D анимация на ThreeJS и GSAP
Туториал по анимированию сайта и отображению 3D моделей
https://youtu.be/IyBhFma4H1A
Туториал по анимированию сайта и отображению 3D моделей
https://youtu.be/IyBhFma4H1A
YouTube
React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP
Learn how to build a 3D animation in React, using technologies such as WebGi (powered by Three.js) and GSAP. First, we will learn how to find 3D models and display them on your website using WebGi. Then, we'll use React and GSAP to make a 3D animation of…
❤11👍6
Динамические ключи в TS
Дмитрий Павлутин рассказывает, как использовать структуры с динамическими ключами и чем они отличаются от Record.
https://dmitripavlutin.com/typescript-index-signatures/
Дмитрий Павлутин рассказывает, как использовать структуры с динамическими ключами и чем они отличаются от Record.
https://dmitripavlutin.com/typescript-index-signatures/
🔥12👎10👍4
Глубокое погружение в ES-модули
Разбираемся, как работают ES-модули.
https://medium.com/web-standards/71f42c1e851a
Разбираемся, как работают ES-модули.
https://medium.com/web-standards/71f42c1e851a
🔥13👍4❤1⚡1
Эксперимент с новым синтаксисом для создания SVG через CSS
https://yuanchuan.dev/experimenting-a-new-syntax-to-write-svg
Поиграться и поэкспериментировать самому можно тут
https://yuanchuan.dev/experimenting-a-new-syntax-to-write-svg
Поиграться и поэкспериментировать самому можно тут
👍19😱11❤1
Руководство по отзывчивому дизайну в 2023 и далее
О том, почему отзывчивый дизайн это не просто версии для декстопа и мобилки, и какие задачи решать, чтобы сделать приложение действительно отзывчивым.
https://ishadeed.com/article/responsive-design
О том, почему отзывчивый дизайн это не просто версии для декстопа и мобилки, и какие задачи решать, чтобы сделать приложение действительно отзывчивым.
https://ishadeed.com/article/responsive-design
👍13
This media is not supported in your browser
VIEW IN TELEGRAM
Prop drilling в React
Что это такое и как с этим бороться.
https://dev.to/codeofrelevancy/what-is-prop-drilling-in-react-3kol
Что это такое и как с этим бороться.
https://dev.to/codeofrelevancy/what-is-prop-drilling-in-react-3kol
👍16👎3🌭3🤡2
Мое первое расширение для Firefox
Николас Франкель делится опытом создания расширения для автоматического добавления карточек в Trello.
https://dev.to/nfrankel/my-first-firefox-extension-21bf
Николас Франкель делится опытом создания расширения для автоматического добавления карточек в Trello.
https://dev.to/nfrankel/my-first-firefox-extension-21bf
👍11
Глубокое погружение в CSS Grid Minmax
Разбираемся с возможностями функции minmax при работе с гридами.
https://ishadeed.com/article/css-grid-minmax/
Разбираемся с возможностями функции minmax при работе с гридами.
https://ishadeed.com/article/css-grid-minmax/
🔥19❤1
Запускаем Github actions локально
Для отладки и тестирования своего workflow удобно делать это на локальной машине. Показываем, как это сделать с помощью пакета
https://dev.to/ken_mwaura1/run-github-actions-on-your-local-machine-bdm
Для отладки и тестирования своего workflow удобно делать это на локальной машине. Показываем, как это сделать с помощью пакета
act.https://dev.to/ken_mwaura1/run-github-actions-on-your-local-machine-bdm
👍22👎2
Мок-интервью на позицию junior frontend c упором на лайвкодинг
https://www.youtube.com/watch?v=9nBbRK-Gfjg
https://www.youtube.com/watch?v=9nBbRK-Gfjg
YouTube
Мок-интервью для джуна-фронтендера: собеседование с лайвкодингом | Хекслет
Публичное собеседование – формат учебного интервью, где джуниор-разработчик пытается пройти собеседование на позицию фронтенд-разработчика. Опытный разработчик задаёт вопросы, которые помогают кандидату продемонстрировать знание технологий и понимание подходов…
❤12👎4🔥2👍1
Что такое source maps?
Как минифицировать и разбираться в коде с помощью source maps? Плюс несколько примеров по работе с расширениями для source maps.
https://web.dev/source-maps/
Как минифицировать и разбираться в коде с помощью source maps? Плюс несколько примеров по работе с расширениями для source maps.
https://web.dev/source-maps/
👍16❤2
Кроссбраузерная поддержка двух фич: Push Notification и importmap
Safari, FireFox, Chrome и даже Edge
Подробнее про Push Notifications
Подробнее про importmap
Safari, FireFox, Chrome и даже Edge
Подробнее про Push Notifications
Подробнее про importmap
👍15
Выпуск Kolesa Podkast о frontend разработке
Kolesa Podkast - подкаст о казахстанском IT.
Вместе с гостями ребята обсудили технологии и ключевые языки программирования, как выглядит и куда движется современный frontend, а также начало карьеры и развитие разработчика.
Послушать можно тут:
— Youtube
— Apple Podcasts
— Яндекс.Музыка
Kolesa Podkast - подкаст о казахстанском IT.
Вместе с гостями ребята обсудили технологии и ключевые языки программирования, как выглядит и куда движется современный frontend, а также начало карьеры и развитие разработчика.
Послушать можно тут:
— Youtube
— Apple Podcasts
— Яндекс.Музыка
YouTube
Frontend — это модно и перспективно? О технологиях, сообществе и карьере фронтендера. Kolesa Podcast
Мы вернулись! У нас ребрендинг, и у 5 сезона подкаста теперь новое название — Kolesa Podcast 🚀 В первом эпизоде говорили о frontend-разработке.
Сегодня без фронтендера не обходится ни одна компания из мира IT и Digital. Потому что такой специалист занимается…
Сегодня без фронтендера не обходится ни одна компания из мира IT и Digital. Потому что такой специалист занимается…
👍8❤7💩2
Используем pre-render в React приложении с react-snap
Что такое pre-render и в чем его отличие от SSR
https://blog.logrocket.com/pre-rendering-react-app-react-snap/
Что такое pre-render и в чем его отличие от SSR
https://blog.logrocket.com/pre-rendering-react-app-react-snap/
👍11👎2👀1
5 крутых инструментов для работы с JSON
https://blog.logrocket.com/5-useful-json-tools-improve-productivity/
https://blog.logrocket.com/5-useful-json-tools-improve-productivity/
🔥20👍3👎3
Как обеспечить безопасность веб-приложений?
Руководство по стратегиям аутентификации для разработчиков.
https://dev.to/ma7moud3bas/how-to-secure-the-web-a-comprehensive-guide-to-authentication-strategies-for-developers-48od
Руководство по стратегиям аутентификации для разработчиков.
https://dev.to/ma7moud3bas/how-to-secure-the-web-a-comprehensive-guide-to-authentication-strategies-for-developers-48od
🔥10👍1
Круговые зависимости в Node.js
И как с ним справляться с помощью пакета
https://dev.to/successgilli/circular-dependency-in-nodejs-and-nestjs-3e1d
И как с ним справляться с помощью пакета
madge.https://dev.to/successgilli/circular-dependency-in-nodejs-and-nestjs-3e1d
👍8💩7
Пишем крестики-нолики
Пошаговый и итеративный туториал по созданию игры
▫️на чистом HTML/CSS/JS
▫️с добавлением TypeScript
▫️c рефакторингом в React приложение
https://www.youtube.com/watch?v=MsnQ5uepIaE
Пошаговый и итеративный туториал по созданию игры
▫️на чистом HTML/CSS/JS
▫️с добавлением TypeScript
▫️c рефакторингом в React приложение
https://www.youtube.com/watch?v=MsnQ5uepIaE
🔥20👍4👎3❤1
Публикуем свой сайт на GitHub pages
Простая инструкция для тех, кто хочет захостить свое приложение на GitHub pages.
https://dev.to/pvishnuprasaath/host-react-app-in-github-pages-35p9
Простая инструкция для тех, кто хочет захостить свое приложение на GitHub pages.
https://dev.to/pvishnuprasaath/host-react-app-in-github-pages-35p9
🔥12🍓3👎1
Generics в TypeScript
Что такое Generics и как их использовать в классах и интерфейсах.
https://levelup.gitconnected.com/generics-in-typescript-ea1c6f41d5c1
Что такое Generics и как их использовать в классах и интерфейсах.
https://levelup.gitconnected.com/generics-in-typescript-ea1c6f41d5c1
👍23🔥1