13 репозиториев для изучения веб-разработки
Подборка из 13 ресурсов для бесплатного обучения основам и аспектам разработки от Евгения Ковальчука.
https://www.youtube.com/watch?v=UEyEAfnxp_c
Подборка из 13 ресурсов для бесплатного обучения основам и аспектам разработки от Евгения Ковальчука.
https://www.youtube.com/watch?v=UEyEAfnxp_c
YouTube
ТОП 13 Репозиториев для БЕСПЛАТНОГО изучения веб-разработки
#YauhenK #webdev #github #frontend
Всем привет.
Предыдущее видео на канале о репозиториях полезных веб-разработчику собрало 1000 лайков.
Поэтому, как и обещал выпускаю продолжение данной темы.
Однако на этот раз я постарался сконцентрироваться на репозиториях…
Всем привет.
Предыдущее видео на канале о репозиториях полезных веб-разработчику собрало 1000 лайков.
Поэтому, как и обещал выпускаю продолжение данной темы.
Однако на этот раз я постарался сконцентрироваться на репозиториях…
👍9❤2
Введение в Jest - JS библиотеку для тестирования
Краткое руководство, основные фичи, юзкейсы и сравнение с другими библиотеками.
https://blog.logrocket.com/jest-adoption-guide/
Краткое руководство, основные фичи, юзкейсы и сравнение с другими библиотеками.
https://blog.logrocket.com/jest-adoption-guide/
👍5👎5🌚4❤1👌1
DevTools: советы и трюки
Пачка малоизвестных (вперемешку с заезженными) фич DevTools, позволяющих экономить время и силы при разработке и дебаге.
https://frontendmasters.com/blog/devtools-tips-tricks/
Пачка малоизвестных (вперемешку с заезженными) фич DevTools, позволяющих экономить время и силы при разработке и дебаге.
https://frontendmasters.com/blog/devtools-tips-tricks/
🔥17❤1👍1
Интерактивный гайд по CSS Container Queries
Шанс попробовать относительно новую фичу без необходимости создавать свою песочницу.
https://ishadeed.com/article/css-container-query-guide
Шанс попробовать относительно новую фичу без необходимости создавать свою песочницу.
https://ishadeed.com/article/css-container-query-guide
🔥13❤2👍2
Как 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/
🔥11❤2👎2👍1
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/
👍10🔥1👌1
DI для JS и TS
Dioma - библиотека для реализации паттерна Dependency Injection для чистого JS/TS
https://github.com/zheksoon/dioma
Dioma - библиотека для реализации паттерна Dependency Injection для чистого JS/TS
https://github.com/zheksoon/dioma
🤔13👍10🔥2😁2
ESLint Config Inspector
Визуализирующий инструмент для просмотра, поддержки и изучения правил линтинга на вашем проекте.
https://eslint.org/blog/2024/04/eslint-config-inspector/
Визуализирующий инструмент для просмотра, поддержки и изучения правил линтинга на вашем проекте.
https://eslint.org/blog/2024/04/eslint-config-inspector/
🔥22👍5
Изучаем 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
👍20
Создаем необычное портфолио
Туториал по созданию 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…
🔥14🌚1
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/
👍12🤔4⚡2
Улучшаем показатель 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/
👍13🔥3😴1
В чем разница между движками и средами выполнения JavaScript?
Короткая заметка, которая поможет разобраться в основных понятиях.
https://habr.com/ru/articles/809131/
Короткая заметка, которая поможет разобраться в основных понятиях.
https://habr.com/ru/articles/809131/
👍18🔥2❤1
Способы стилизации Material UI
10 минутный гайд с best practices по стилизации MUI
https://www.youtube.com/watch?v=HsdjivqQ7BA
10 минутный гайд с best practices по стилизации MUI
https://www.youtube.com/watch?v=HsdjivqQ7BA
👍20❤2
WebSockets для новичков
Часовой туториал по работе с Socket.IO, для тех кто хочет познакомиться с технологией WebSockets.
Warning: индийский английский присутствует 😃
Материалы курса доступны по ссылке.
https://www.youtube.com/watch?v=CzcfeL7ymbU
Часовой туториал по работе с Socket.IO, для тех кто хочет познакомиться с технологией WebSockets.
Warning: индийский английский присутствует 😃
Материалы курса доступны по ссылке.
https://www.youtube.com/watch?v=CzcfeL7ymbU
👍14❤3😁1
Восстанавливаем удаленные файлы с помощью Git
Как
https://www.youtube.com/watch?v=8j8jdUD7N-U
Как
git reflog и git fsck помогут восстановить файлы в проекте, которые даже не были закоммитаны. Короткий видео туториал.https://www.youtube.com/watch?v=8j8jdUD7N-U
🔥15👍5
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
👍14❤2
Официальный релиз Popover API
Теперь создание и использование всплывающих окон стало еще проще. Подробнее об этом в небольшой статье.
https://web.dev/blog/popover-api?hl=en
Теперь создание и использование всплывающих окон стало еще проще. Подробнее об этом в небольшой статье.
https://web.dev/blog/popover-api?hl=en
🔥26❤5👍2👨💻2
Работа с датами в 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 exp...
👍11❤1
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/
👍27👎3🔥2❤1