Курс по основам JS: Learn JavaScript
Базовый курс из 28 уроков от команды разработчиков Chrome.
https://web.dev/learn/javascript
Базовый курс из 28 уроков от команды разработчиков Chrome.
https://web.dev/learn/javascript
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 лайков.
Поэтому, как и обещал выпускаю продолжение данной темы.
Однако на этот раз я постарался сконцентрироваться на репозиториях…
Введение в Jest - JS библиотеку для тестирования
Краткое руководство, основные фичи, юзкейсы и сравнение с другими библиотеками.
https://blog.logrocket.com/jest-adoption-guide/
Краткое руководство, основные фичи, юзкейсы и сравнение с другими библиотеками.
https://blog.logrocket.com/jest-adoption-guide/
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 exp...