Круговые зависимости в 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
Как красиво отобразить многострочный текст?
Ахмад Шадид рассказывает о настройке красивого отображения текста с помощью свойства
https://ishadeed.com/article/css-text-wrap-balance/
Ахмад Шадид рассказывает о настройке красивого отображения текста с помощью свойства
text-wrap:balance.https://ishadeed.com/article/css-text-wrap-balance/
❤27🔥9👍2
Поверхностное и глубокое копирование объектов JS
В чем разница и как реализуются методы копирования объектов в JavaScript.
https://web.dev/structured-clone/
В чем разница и как реализуются методы копирования объектов в JavaScript.
https://web.dev/structured-clone/
🔥11👍4⚡2❤1
Двусторонний дата биндинг в 15 строчек на чистом JS
Как добавить реактивность без использования фреймворков? Попробуем сделать это с Proxy.
https://gomakethings.com/two-way-data-binding-and-reactivity-with-15-lines-of-vanilla-javascript/
Как добавить реактивность без использования фреймворков? Попробуем сделать это с Proxy.
https://gomakethings.com/two-way-data-binding-and-reactivity-with-15-lines-of-vanilla-javascript/
🔥12❤4👍2🤩1
Forwarded from Habr For Dev
#css #frontend
Больше контроля над селектором :nth-child() с помощью синтаксиса of S
Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child().
⭐️◽️◽️◽️◽️
📖Читать
Больше контроля над селектором :nth-child() с помощью синтаксиса of S
Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child().
⭐️◽️◽️◽️◽️
📖Читать
👍20❤3🌚1🍌1
This media is not supported in your browser
VIEW IN TELEGRAM
Пиксельный эффект перехода между страницами
Демо
Github
https://tympanus.net/codrops/2023/04/05/ideas-for-pixel-page-transitions/
Демо
Github
https://tympanus.net/codrops/2023/04/05/ideas-for-pixel-page-transitions/
👍18💩2
Где и как хранить большие данные в браузере?
Видео о том, как IndexedDB может помочь с хранением данных на фронте и как ее использовать.
https://youtu.be/WkMqt6Tm7sM
Видео о том, как IndexedDB может помочь с хранением данных на фронте и как ее использовать.
https://youtu.be/WkMqt6Tm7sM
YouTube
Где и как хранить большие данные в браузере
Скидка на все курсы нашей школы https://loftschool.com/courses-map/?pr=loftblog-youtube по промокоду loftblog-youtube
В этом видео вы найдёте информацию о том как работать с indexedDB. Здесь будут раскрыты следующие темы:
⁃ Как создать базу данных в браузере…
В этом видео вы найдёте информацию о том как работать с indexedDB. Здесь будут раскрыты следующие темы:
⁃ Как создать базу данных в браузере…
🔥14🤔1
Можете ли вы сделать красивую обводку текста на CSS?
Рассмотрим варианты стилизации текста с помощью CSS и SVG.
https://blog.logrocket.com/create-beautiful-stroked-text-css/
Рассмотрим варианты стилизации текста с помощью CSS и SVG.
https://blog.logrocket.com/create-beautiful-stroked-text-css/
👍11🤯2🤨2❤1
Делаем сайт-визитку на коленке за 20 минут
Простой сайт на NextJS + деплой на vercel.
https://www.youtube.com/watch?v=Xk9-rWLcgj4
Простой сайт на NextJS + деплой на vercel.
https://www.youtube.com/watch?v=Xk9-rWLcgj4
YouTube
Сайт-визитка на nextjs и tailwind за 17 минут с деплоем на vercel
Скидка на все курсы нашей школы https://loftschool.com/courses-map/?pr=loftblog-youtube по промокоду loftblog-youtube
В данном ролике мы вместе с вами создадим сайт-визитку. Для увеличения скорости разработки и возможности дальнейшего улучшения и расширения…
В данном ролике мы вместе с вами создадим сайт-визитку. Для увеличения скорости разработки и возможности дальнейшего улучшения и расширения…
👍10👎3⚡1🍌1
Необычный hover эффект для изображений
Пошаговый видео туториал по созданию сложного noise эффекта.
https://www.youtube.com/watch?v=z1wZp4jV4cQ&ab_channel=Hyperplexed
Пошаговый видео туториал по созданию сложного noise эффекта.
https://www.youtube.com/watch?v=z1wZp4jV4cQ&ab_channel=Hyperplexed
❤14👍5
Топ 14 Chrome расширений для веб разработчика
https://www.youtube.com/watch?v=d0EyQEGfVNg&ab_channel=webDev
https://www.youtube.com/watch?v=d0EyQEGfVNg&ab_channel=webDev
YouTube
ТОП 14 Chrome расширений для веб-разработчика
#YauhenK #webDev #frontend #chrome
Всем привет.
Тему различных расширений для Google Chrome я обходил стороной довольно долго.
Полагая что стандартных встроенных инструментов разработчика, вполне достаточно для разработки сайтов и веб-приложений.
Но последний…
Всем привет.
Тему различных расширений для Google Chrome я обходил стороной довольно долго.
Полагая что стандартных встроенных инструментов разработчика, вполне достаточно для разработки сайтов и веб-приложений.
Но последний…
👍12❤1
Объясняем 10 алгоритмов сортировки
Преимущества и недостатки различных алгоритмов, а также критерии выбора того или иного алгоритма.
https://www.sitepoint.com/best-sorting-algorithms
Преимущества и недостатки различных алгоритмов, а также критерии выбора того или иного алгоритма.
https://www.sitepoint.com/best-sorting-algorithms
👍19❤2
Клетчатый фон в 2 строчки CSS
Или как использовать градиенты для создания фона.
https://www.amitmerchant.com/checkered-background-using-only-two-lines-of-code-in-css/
Или как использовать градиенты для создания фона.
https://www.amitmerchant.com/checkered-background-using-only-two-lines-of-code-in-css/
❤20👍4🔥3🍌1
Используем Playwright для тестирования компонентов
https://dzone.com/articles/lets-get-start-playwright-for-component-testing
https://dzone.com/articles/lets-get-start-playwright-for-component-testing
🔥11❤2👍2
Исследуем потенциал Web Workers для многопоточности в вебе
Кратко рассмотрим все аспекты работы с Web Workers: безопасность, использование ресурсов, выполнение запросов и многое другое.
https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
Кратко рассмотрим все аспекты работы с Web Workers: безопасность, использование ресурсов, выполнение запросов и многое другое.
https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
🔥16👍6
Объединяем объекты в JS
Используем Object.assign и spread operator, чтобы совместить несколько объектов в один: подводные камни, аспекты и отличие от deep copy.
https://www.sitepoint.com/merging-objects-javascript/?utm_source=rss
Используем Object.assign и spread operator, чтобы совместить несколько объектов в один: подводные камни, аспекты и отличие от deep copy.
https://www.sitepoint.com/merging-objects-javascript/?utm_source=rss
👍10🍌4❤2
Создаем простое NodeJS приложение и оборачиваем его в Docker контейнер
Пошаговый туториал по созданию приложения и Docker контейнера + деплой на Kinsta хостинг.
https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/
Пошаговый туториал по созданию приложения и Docker контейнера + деплой на Kinsta хостинг.
https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/
👍17