Создаем чистый API
Руководство с советами и практиками по созданию поддерживаемого и чистого RESTful API.
https://dev.to/geekvergil/stop-building-messy-apis-heres-your-clean-code-guide-4h95
Руководство с советами и практиками по созданию поддерживаемого и чистого RESTful API.
https://dev.to/geekvergil/stop-building-messy-apis-heres-your-clean-code-guide-4h95
2👍11⚡1🔥1
JavaScript Window Object
Погружаемся в понятия и работу с объектом Window. Полезная информация для начинающих.
https://www.sitepoint.com/javascript-window-object/
Погружаемся в понятия и работу с объектом Window. Полезная информация для начинающих.
https://www.sitepoint.com/javascript-window-object/
👌7❤2👍1
Введение в CSS Scroll-Driven анимации
10 лет с тех пор как scroll-driven появились в статусе proposal и вот они уже доступны. Простой пример на чистом CSS с реализацией таймлайн бара просмотра страницы в зависимости от скролла.
https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/
10 лет с тех пор как scroll-driven появились в статусе proposal и вот они уже доступны. Простой пример на чистом CSS с реализацией таймлайн бара просмотра страницы в зависимости от скролла.
https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/
👍11🔥4❤1🥰1
Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Какие знаешь псевдо-классы?»
https://habr.com/ru/companies/ruvds/articles/864762/
https://habr.com/ru/companies/ruvds/articles/864762/
🔥12👍4💩3⚡1
This media is not supported in your browser
VIEW IN TELEGRAM
Плавный переход между страницами в пару строчек кода
Введение во View Transitions API с примерами.
https://htmhell.dev/adventcalendar/2024/3/
Введение во View Transitions API с примерами.
https://htmhell.dev/adventcalendar/2024/3/
👍25
Создание масштабируемых микро-фронтенд приложений с Next.js Multi Zones
Multi-Zones — это функциональность в Next.js, которая позволяет объединять несколько независимых приложений Next.js под одним доменом
https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones
Multi-Zones — это функциональность в Next.js, которая позволяет объединять несколько независимых приложений Next.js под одним доменом
https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones
🔥10👍4👌2
Сергей Дмитриев — разработчик со стажем, потратил год, чтобы сделать курс, который включает весь процесс создания приложения с нуля до деплоя. Курс абсолютно бесплатный, и за это отдельный респект
В курсе акцент на практику, реальные проекты и самые актуальные технологии.
Подробнее тут https://habr.com/ru/articles/866678/
Для тех, кто возьмется проходить, есть чат поддержки https://t.iss.one/devPontChat
Please open Telegram to view this post
VIEW IN TELEGRAM
❤24👍6🔥5👎1👏1👀1
Нарулил для вас немного магии, чтобы скрасить суету и ожидание 😁
https://jem-space.ru/ball?q=j
Делитесь своими предсказаниями в коментах.
https://jem-space.ru/ball?q=j
Делитесь своими предсказаниями в коментах.
😁21🔥6❤4🤮2😭2
CSS Gradients
Для тех, кто решил начать год с создания чего-то нового, держите подборку красивых градиентов (для страницы логина например 😊)
https://cssgradient.io/gradient-backgrounds/
Для тех, кто решил начать год с создания чего-то нового, держите подборку красивых градиентов (для страницы логина например 😊)
https://cssgradient.io/gradient-backgrounds/
1👍11🔥4🐳1
Делаем из простого ToDo App приложение уровня enterprise
Какие технологии можно использовать, чтобы сделать приложение с мониторингом, базой данных, кешированием, контернеризацией и прочим (и тратить на его поддержку $2000 в месяц). Утрированный пример.
https://www.youtube.com/watch?v=nYlv0I9Ips0
Какие технологии можно использовать, чтобы сделать приложение с мониторингом, базой данных, кешированием, контернеризацией и прочим (и тратить на его поддержку $2000 в месяц). Утрированный пример.
https://www.youtube.com/watch?v=nYlv0I9Ips0
🤣11👍3🔥2❤1🤯1
State of JavaScript 2024
Состояние экосистемы JS: тренды, инструменты, библиотеки и многое другое. Аналитика за прошедший год
https://2024.stateofjs.com/en-US/
Состояние экосистемы JS: тренды, инструменты, библиотеки и многое другое. Аналитика за прошедший год
https://2024.stateofjs.com/en-US/
🔥13👍3🥴1
Github Copilot in VSCode
Copilot теперь доступен бесплатно (с ограничениями) в плагине VSCode. Конечно нужен аккаунт не из РФ
https://github.blog/changelog/2024-12-18-announcing-github-copilot-free/
Copilot теперь доступен бесплатно (с ограничениями) в плагине VSCode. Конечно нужен аккаунт не из РФ
https://github.blog/changelog/2024-12-18-announcing-github-copilot-free/
👍6🤔2❤1
Создаем многошаговые формы на vanilla js
Кажется, мы стали забывать как сделать что-то сложнее логин-формы на чистом js 😁
Пример реализации многошаговой формы без использования фреймворков - хороший способ повторить основы.
https://css-tricks.com/how-to-create-multi-step-forms-with-vanilla-javascript-and-css/
Кажется, мы стали забывать как сделать что-то сложнее логин-формы на чистом js 😁
Пример реализации многошаговой формы без использования фреймворков - хороший способ повторить основы.
https://css-tricks.com/how-to-create-multi-step-forms-with-vanilla-javascript-and-css/
👍25❤3🔥3😁2👎1🤔1
33 js концепции, которые должен знать каждый разработчик
Громкий заголовок, но в этом репозитории на самом деле много ресурсов как по основам, так и по продвинутым темам. Сборник статей, сгруппированных по темам.
https://github.com/leonardomso/33-js-concepts?tab=readme-ov-file#-table-of-contents
Громкий заголовок, но в этом репозитории на самом деле много ресурсов как по основам, так и по продвинутым темам. Сборник статей, сгруппированных по темам.
https://github.com/leonardomso/33-js-concepts?tab=readme-ov-file#-table-of-contents
🔥23❤🔥3⚡2❤2😁1
Создаем React хук для шорткатов
Таня Раскиа рассказывает про разные виды шорткатов, кешировании, оптимизации, а также о подводных камнях при разработке хука
https://www.taniarascia.com/keyboard-shortcut-hook-react/
Таня Раскиа рассказывает про разные виды шорткатов, кешировании, оптимизации, а также о подводных камнях при разработке хука
https://www.taniarascia.com/keyboard-shortcut-hook-react/
👍25👎2🔥2⚡1
Разбиваем тяжелые задачи и улучшаем производительность
Kак улучшить отклик веб-приложений, разбивая длительные задачи на меньшие с помощью методов вроде scheduler.yield и асинхронных циклов for..of.
Это помогает избежать блокировки интерфейса и обеспечивает более плавную работу приложения.
https://calendar.perfplanet.com/2024/breaking-up-with-long-tasks-or-how-i-learned-to-group-loops-and-wield-the-yield/
Kак улучшить отклик веб-приложений, разбивая длительные задачи на меньшие с помощью методов вроде scheduler.yield и асинхронных циклов for..of.
Это помогает избежать блокировки интерфейса и обеспечивает более плавную работу приложения.
https://calendar.perfplanet.com/2024/breaking-up-with-long-tasks-or-how-i-learned-to-group-loops-and-wield-the-yield/
👍16❤4🔥2
Курс по Еvent-Driven Архитектуре
Создаем production-ready приложение на NextJs, Clerk и Webhook. Настраиваем базу данных с помощью NeonDB and Prisma и реализуем типичные CRUD операции.
https://www.youtube.com/watch?v=TtvytXHLAsc
Создаем production-ready приложение на NextJs, Clerk и Webhook. Настраиваем базу данных с помощью NeonDB and Prisma и реализуем типичные CRUD операции.
https://www.youtube.com/watch?v=TtvytXHLAsc
👍9🤡7🔥3❤1🤯1
Основные ошибки при использовании React Testing Library
Кент Си Доддс описывает распространённые ошибки при использовании RTL и предлагает рекомендации по их предотвращению.
https://kentcdodds.com/blog/common-mistakes-with-react-testing-library
Кент Си Доддс описывает распространённые ошибки при использовании RTL и предлагает рекомендации по их предотвращению.
https://kentcdodds.com/blog/common-mistakes-with-react-testing-library
🔥10👍4
Оmatsuri
Набор инструментов на каждый день: компрессор, декодер, генератор градиентов и многое другое.
Это опенсорсный проект, репу можно глянуть тут https://github.com/rtivital/omatsuri
https://omatsuri.app/
Набор инструментов на каждый день: компрессор, декодер, генератор градиентов и многое другое.
Это опенсорсный проект, репу можно глянуть тут https://github.com/rtivital/omatsuri
https://omatsuri.app/
🔥17🥱3⚡1👍1
AI ассистент прямо в DevTools
С недавнего времени в Chrome появился свой асистент, который помогает с вопросами по отладке. Вот небольшой обзор и краткое руководство от разработчиков Chrome.
https://developer.chrome.com/docs/devtools/ai-assistance?hl=ru
С недавнего времени в Chrome появился свой асистент, который помогает с вопросами по отладке. Вот небольшой обзор и краткое руководство от разработчиков Chrome.
https://developer.chrome.com/docs/devtools/ai-assistance?hl=ru
👍16🔥6❤3🤔2🌭1