Channel Public Channel

FrontEndDev

@front_end_dev

🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai

Читать на парковке: https://max.ru/front_end_dev

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G

Open in Telegram

Subscribers: 25.8K
Photos: 2.7K
Videos: 27
Links: 7.9K

Showing posts older than #8806 · Back to latest

Older Posts 20 shown

Post #8804 8.54K May 6, 2024, 20:05 UTC

Отображаем музыку при помощи CSS Grid

Решение по удобному и отзывчивому рендерингу нот в вебе, основанное на CSS Grid.

https://cruncher.ch/blog/printing-music-with-css-grid/

🔥 22
😁 3

Post #8803 8.21K May 6, 2024, 10:06 UTC

Работа с датами с Tempo

Еще одна библиотека, упрощающая работу с датами в JS.

https://blog.logrocket.com/handling-dates-javascript-tempo/

👍 11
🤔 2

Post #8801 9.34K May 4, 2024, 12:58 UTC

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

Подробный туториал по разработке шахмат на JavaScript с использованием Stockfish API

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

🔥 22
👍 1

Post #8800 10.4K May 2, 2024, 07:56 UTC

Готов ли ваш код к React 19?

Новшества и breaking-changes в грядущей версии React, которые стоит учитывать при обновлении.

https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

👍 41

Post #8799 9.44K Apr 30, 2024, 20:51 UTC

Несколько конфигураций для Git

Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.

https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/

👍 13

Post #8798 9.6K Apr 29, 2024, 21:07 UTC

Введение в AI разработку

OpenAI JavaScript туториал. Создаем веб приложения с использование ChatGPT и DALLE API

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

👍 20
❤ 2
👎 2

Post #8797 8.94K Apr 29, 2024, 11:48 UTC

Анимация замыливания текста при скролле

Еще один эффект для текста, основанный на использовании скролла.

Демо | Github

https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/

👍 27
👎 3
🔥 2
❤ 1

Post #8795 7.59K Apr 28, 2024, 08:17 UTC

Работа с датами в 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

Post #8794 8.08K Apr 27, 2024, 11:04 UTC

Официальный релиз Popover API

Теперь создание и использование всплывающих окон стало еще проще. Подробнее об этом в небольшой статье.

https://web.dev/blog/popover-api?hl=en

🔥 26
❤ 5
👍 2
👨‍💻 2

Post #8793 8.26K Apr 26, 2024, 12:41 UTC

Any vs Unknown

В короткой заметке разберемся, в чем разница при использовании Any и Unknown в TypeScript.

https://antondevtips.com/blog/typescript-any-vs-unknown-understanding-the-difference

👍 14
❤ 2

Post #8791 8.5K Apr 24, 2024, 07:52 UTC

Восстанавливаем удаленные файлы с помощью Git

Как git reflog и git fsck помогут восстановить файлы в проекте, которые даже не были закоммитаны. Короткий видео туториал.

https://www.youtube.com/watch?v=8j8jdUD7N-U

🔥 15
👍 5

Post #8790 8.5K Apr 23, 2024, 20:10 UTC

WebSockets для новичков

Часовой туториал по работе с Socket.IO, для тех кто хочет познакомиться с технологией WebSockets.

Warning: индийский английский присутствует 😃

Материалы курса доступны по ссылке.

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

👍 15
❤ 3
😁 1

Post #8789 8.5K Apr 22, 2024, 15:26 UTC

Способы стилизации Material UI

10 минутный гайд с best practices по стилизации MUI

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

👍 20
❤ 2

Post #8784 7.85K Apr 21, 2024, 13:39 UTC

В чем разница между движками и средами выполнения JavaScript?

Короткая заметка, которая поможет разобраться в основных понятиях.

https://habr.com/ru/articles/809131/

👍 18
🔥 2
❤ 1

Post #8783 8.86K Apr 19, 2024, 21:08 UTC

Улучшаем показатель LCP

5 советов, которые помогут улучшить один из показателей Core Web Vitals — Largest Contentful Paint.

https://thenewstack.io/5-dev-tips-to-improve-your-largest-contentful-paint-lcp/

👍 13
🔥 3
😴 1

Post #8782 7.9K Apr 18, 2024, 21:18 UTC

Web Terminal

Создаем и кастомизируем web терминалы с Termino.js.

https://blog.logrocket.com/building-web-based-terminal-components-termino-js/

👍 12
🤔 4
⚡ 2

Post #8780 7.83K Apr 18, 2024, 06:29 UTC

Создаем необычное портфолио

Туториал по созданию 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…

🔥 14
🌚 1

Post #8779 7.44K Apr 17, 2024, 09:27 UTC

Изучаем CSS Box Model

Подробный туториал о работе и использовании CSS Box Model.

https://www.youtube.com/watch?v=nSst4-WbEZk

👍 20

Post #8777 7.86K Apr 15, 2024, 12:17 UTC

ESLint Config Inspector

Визуализирующий инструмент для просмотра, поддержки и изучения правил линтинга на вашем проекте.

https://eslint.org/blog/2024/04/eslint-config-inspector/

🔥 22
👍 5

Post #8776 7.76K Apr 15, 2024, 08:45 UTC

DI для JS и TS

Dioma - библиотека для реализации паттерна Dependency Injection для чистого JS/TS

https://github.com/zheksoon/dioma

🤔 13
👍 10
🔥 2
😁 2

Older posts →