FrontEndDev

Эффект анимации фона при движении курсора

Сочетание SVG фильтров и CSS blend mode.

Демо | Github

https://tympanus.net/codrops/2023/06/07/gooey-cursor-effect/

Нативная вложенность в CSS

Как использовать SASS-подобный синтаксис в CSS.

https://www.amitmerchant.com/sass-like-nesting-in-native-css/

Делаем приложение для генерации цитат на NodeJS, TypeScript и AWS Amplify

6 часовой курс создания full stack приложения с нуля до деплоя и настройки CI/CD.

https://www.youtube.com/watch?v=FRmCxj9K7II

Пишем плагин для бесшовного drag and drop перемещения элементов на чистом JS

Подробный туториал по созданию плагина, включающий работу с событиями и DOM элементами для различных устройств.

https://tahazsh.com/blog/seamless-ui-with-js-drag-to-reorder-example

Сравниваем Redux и React Query

Что выбрать для проекта? Посмотрим разницу между Redux и React Query, плюсы и минусы библиотек.

https://www.youtube.com/watch?v=YLowBWmYChc&ab_channel=ITVDN

Подкаст HTML Academy

Выпуск 9: Быстрый NodeJS, даптация без медиавыражений, вертикальный ритм и практики отличных форм.

https://www.youtube.com/watch?v=WdrmLrPczp0

Делегирование событий в JS

Что это такое, какую проблему решает и небольшая хитрость для удобства рботы с ними.

https://gomakethings.com/event-delegation-and-nested-elements/

Code Review Best Practice

Несколько советов по проведению code review.

https://levelup.gitconnected.com/the-code-review-best-practise-cec57488ef25

Пишем шахматы на React

Создаем многопользовательскую игру на React + Socket.io

https://blog.openreplay.com/building-a-chess-game-with-react/

Создаем клон сайта с задачами для программистов LeetCode

Туториал по созданию приложения на стеке React, Next JS, TypeScript, Tailwind CSS и Firebase.

https://www.youtube.com/watch?v=GnodscC2p-A&ab_channel=freeCodeCamp.org

Вопросы для собеседования по React

Коллекция вопросов для начинающих и опытных разработчиков.

https://javascript.plainenglish.io/react-interview-questions-2023-a-comprehensive-collection-for-newcomers-and-professionals-alike-b74ad3e5178f

Введение в Popover API

Новый браузерный API, который стандартизирует и упрощает создание поповеров.

https://developer.chrome.com/blog/introducing-popover-api/

CSS gap vs margin

Добавляем расстояния между элементами: различия в применении gap и margin.

https://blog.logrocket.com/css-gap-vs-margin/

Оптимизируем задержку ввода

О том, что такое задержка ввода и как сделать ее минимальной.

https://web.dev/optimize-input-delay/

Создаем кастомную грид систему Vuetify

Туториал по стилизации и настройке Vuetify компонентов.

https://blog.logrocket.com/create-custom-vuetify-grid-system/

Как большой размер DOM влияет на интерактивность приложения

И что вы с этим можете сделать

https://web.dev/dom-size-and-interactivity/

Почему мы всё время начинаем и бросаем учить английский?

Одна из причин — мы не знаем свой уровень языка и берёмся за контент, который нам не по силам. Например, сериал «Друзья» часто советуют смотреть тем, кто начинает учить язык, но в нём полно юмора, который начинающие пока понять не могут. В итоге разрыв знаний удручает и мотивация учить язык падает.

Если вы готовы дать английскому ещё один шанс, мы поможем поверить в свои силы и довести дело до конца. Приходите на бесплатную консультацию в Яндекс Практикум:

🔘 Проведём устный тест на уровень языка,
🔘 Покажем, чего реально добиться и за какой срок,
🔘 Расскажем, как наши курсы помогут достичь цели.

P. S. С 1 июня курсы станут больше: количество занятий с личным преподавателем увеличится с 72 до 80. Цена вырастет тоже. До 31 мая вы можете купить курс по старой цене: целиком или по частям. И если решите купить полный курс сразу — сэкономите и получите обновлённую программу из 80 занятий по прежней цене.