DevTools: советы и трюки
Пачка малоизвестных (вперемешку с заезженными) фич DevTools, позволяющих экономить время и силы при разработке и дебаге.
https://frontendmasters.com/blog/devtools-tips-tricks/
Пачка малоизвестных (вперемешку с заезженными) фич DevTools, позволяющих экономить время и силы при разработке и дебаге.
https://frontendmasters.com/blog/devtools-tips-tricks/
Интерактивный гайд по CSS Container Queries
Шанс попробовать относительно новую фичу без необходимости создавать свою песочницу.
https://ishadeed.com/article/css-container-query-guide
Шанс попробовать относительно новую фичу без необходимости создавать свою песочницу.
https://ishadeed.com/article/css-container-query-guide
Как use() работает под капотом React?
https://jser.dev/2024-03-16-how-does-use-work-internally-in-react/
https://jser.dev/2024-03-16-how-does-use-work-internally-in-react/
Interaction to Next Paint
Подробнее о том, за что отвечает метрика INP.
https://gtmetrix.com/blog/interaction-to-next-paint-inp-explained/
Подробнее о том, за что отвечает метрика INP.
https://gtmetrix.com/blog/interaction-to-next-paint-inp-explained/
DI для JS и TS
Dioma - библиотека для реализации паттерна Dependency Injection для чистого JS/TS
https://github.com/zheksoon/dioma
Dioma - библиотека для реализации паттерна Dependency Injection для чистого JS/TS
https://github.com/zheksoon/dioma
ESLint Config Inspector
Визуализирующий инструмент для просмотра, поддержки и изучения правил линтинга на вашем проекте.
https://eslint.org/blog/2024/04/eslint-config-inspector/
Визуализирующий инструмент для просмотра, поддержки и изучения правил линтинга на вашем проекте.
https://eslint.org/blog/2024/04/eslint-config-inspector/
Изучаем CSS Box Model
Подробный туториал о работе и использовании CSS Box Model.
https://www.youtube.com/watch?v=nSst4-WbEZk
Подробный туториал о работе и использовании CSS Box Model.
https://www.youtube.com/watch?v=nSst4-WbEZk
Создаем необычное портфолио
Туториал по созданию 2D игры с Kaboom.js с сюжетом в виде вашего портфолио (врядли пригодится, но если нужно удивить, то получится 100%).
https://www.youtube.com/watch?v=wy_fSStEgMs&ab_channel=freeCodeCamp.org
Туториал по созданию 2D игры с Kaboom.js с сюжетом в виде вашего портфолио (врядли пригодится, но если нужно удивить, то получится 100%).
https://www.youtube.com/watch?v=wy_fSStEgMs&ab_channel=freeCodeCamp.org
YouTube
Build a Dev Portfolio as a 2D Game – JavaScript Course
Learn how to use Kaboom.js to create a 2d game that is actually a developer portfolio. This is a creative way to show off your skills.
Live demo: https://jslegenddev.github.io/portfolio/
Source code: https://github.com/JSLegendDev/2d-portfolio-kaboom
Map…
Live demo: https://jslegenddev.github.io/portfolio/
Source code: https://github.com/JSLegendDev/2d-portfolio-kaboom
Map…
This media is not supported in your browser
VIEW IN TELEGRAM
Web Terminal
Создаем и кастомизируем web терминалы с Termino.js.
https://blog.logrocket.com/building-web-based-terminal-components-termino-js/
Создаем и кастомизируем web терминалы с Termino.js.
https://blog.logrocket.com/building-web-based-terminal-components-termino-js/
Улучшаем показатель LCP
5 советов, которые помогут улучшить один из показателей Core Web Vitals — Largest Contentful Paint.
https://thenewstack.io/5-dev-tips-to-improve-your-largest-contentful-paint-lcp/
5 советов, которые помогут улучшить один из показателей Core Web Vitals — Largest Contentful Paint.
https://thenewstack.io/5-dev-tips-to-improve-your-largest-contentful-paint-lcp/
В чем разница между движками и средами выполнения JavaScript?
Короткая заметка, которая поможет разобраться в основных понятиях.
https://habr.com/ru/articles/809131/
Короткая заметка, которая поможет разобраться в основных понятиях.
https://habr.com/ru/articles/809131/
Способы стилизации Material UI
10 минутный гайд с best practices по стилизации MUI
https://www.youtube.com/watch?v=HsdjivqQ7BA
10 минутный гайд с best practices по стилизации MUI
https://www.youtube.com/watch?v=HsdjivqQ7BA
WebSockets для новичков
Часовой туториал по работе с Socket.IO, для тех кто хочет познакомиться с технологией WebSockets.
Warning: индийский английский присутствует 😃
Материалы курса доступны по ссылке.
https://www.youtube.com/watch?v=CzcfeL7ymbU
Часовой туториал по работе с Socket.IO, для тех кто хочет познакомиться с технологией WebSockets.
Warning: индийский английский присутствует 😃
Материалы курса доступны по ссылке.
https://www.youtube.com/watch?v=CzcfeL7ymbU
Восстанавливаем удаленные файлы с помощью Git
Как
https://www.youtube.com/watch?v=8j8jdUD7N-U
Как
git reflog и git fsck помогут восстановить файлы в проекте, которые даже не были закоммитаны. Короткий видео туториал.https://www.youtube.com/watch?v=8j8jdUD7N-U
Any vs Unknown
В короткой заметке разберемся, в чем разница при использовании Any и Unknown в TypeScript.
https://antondevtips.com/blog/typescript-any-vs-unknown-understanding-the-difference
В короткой заметке разберемся, в чем разница при использовании Any и Unknown в TypeScript.
https://antondevtips.com/blog/typescript-any-vs-unknown-understanding-the-difference
Официальный релиз Popover API
Теперь создание и использование всплывающих окон стало еще проще. Подробнее об этом в небольшой статье.
https://web.dev/blog/popover-api?hl=en
Теперь создание и использование всплывающих окон стало еще проще. Подробнее об этом в небольшой статье.
https://web.dev/blog/popover-api?hl=en
Работа с датами в JS
Способы отформатирования дат к нужному формату и некоторые нюансы работы с объектом Date
https://www.freecodecamp.org/news/how-to-format-a-date-with-javascript-date-formatting-in-js/
Способы отформатирования дат к нужному формату и некоторые нюансы работы с объектом Date
https://www.freecodecamp.org/news/how-to-format-a-date-with-javascript-date-formatting-in-js/
freeCodeCamp.org
How to Format a Date with JavaScript – Date Formatting in JS
Dates are a fundamental part of many JavaScript applications, whether it's displaying the current date on a webpage or handling user input for scheduling events. But displaying dates in a clear and consistent format is crucial for a positive user experience.…
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация замыливания текста при скролле
Еще один эффект для текста, основанный на использовании скролла.
Демо | Github
https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/
Еще один эффект для текста, основанный на использовании скролла.
Демо | Github
https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/
Введение в AI разработку
OpenAI JavaScript туториал. Создаем веб приложения с использование ChatGPT и DALLE API
https://www.youtube.com/watch?v=Yjy837dDvOY
OpenAI JavaScript туториал. Создаем веб приложения с использование ChatGPT и DALLE API
https://www.youtube.com/watch?v=Yjy837dDvOY
Несколько конфигураций для Git
Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.
https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/
Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.
https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/