Шаблоны проектирования JS: подробное руководство

https://dev.to/topefasasi/js-design-patterns-a-comprehensive-guide-h3m

Frontend. Чистые и грязные компоненты.

Здравствуйте!

Коротко о чем тут, чтобы вы могли понять, нужно ли оно вам или нет.

Тут я описываю то к чему я пришел в разработке именно компонентов и какой подход использую. Материал может быть полезна скорее для новичков и не обязательно в React, потому что этот подход подойдет и для всего остального, но примеры на React.

Сразу напишу, что это, скорее, не статья, а открытие дискуссии. Я уверен, что по этой теме было создано огромное количество материала, но вдруг в момент выхода моего — какой‑нибудь прошлый я прочтет это и о чем‑нибудь задумается. Если это поможет хотя бы одному — это было не зря.

Почему это дискуссия? Потому что я не могу утверждать, что это правильное решение или что это в принципе хорошее решение для действительно больших проектов. Я не знаю. Но в тоже время, чисто логически, это выглядит как правильное решение и все последние проекты которые я делал с этим подходом — легко поддерживаются и разрабатываются. Надеюсь, что более опытные разработчики оставят отзыв или комментарий на эту тему и по этому материалу.

Читать далее https://habr.com/ru/articles/784172

🟢 Создайте демо-версию аутентификации с распознаванием лиц ✨

https://dev.to/random_ti/a-demo-of-face-recognition-authentication-in-nextjs-54g4

После использования RawJS я больше никогда не прикасаюсь к React (или к любому другому фреймворку). Ванильный JavaScript — это будущее. https://dev.to/paulgordon/after-using-rawjs-im-never-touching-react-again-or-any-framework-vanilla-javascript-is-the-future-3ac1

✏️Раздвигая Границы Стиля: Новые И Будущие Возможности CSS

https://blog.openreplay.com/new-and-upcoming-css-features


✏️К счастью, псевдокласс CSS :has()наконец-то поддерживается всеми основными браузерами. Firefox потребовалось некоторое время, но 19 декабря 2023 года он наконец был готов 👏🏽👏🏽👏🏽.

Псевдокласс :has()очень полезен и открывает множество новых возможностей.

https://dev.to/yuridevat/css-has-pseudo-class-p6g

7 трендовых интерфейсных технологий на 2024 год
Ландшафт фронтенд-технологий в 2023 году был динамичным и инновационным. Он охватывал такие тенденции, как генерация статических сайтов (SSG), серверные компоненты, React, TypeScript, WebAssembly и прогрессивные веб-приложения (PWA). Это также показало нам появление эффективных библиотек управления состоянием, которые позволяют разработчикам создавать замечательные веб-приложения. https://virtuslab.com/blog/trending-frontend-technologies

Как использовать CSS Flexbox для извлечения элементов из их контейнеров

https://www.freecodecamp.org/news/break-out-elements-from-containers-using-flexbox/

🏞5 красивых веб-приложений с открытым исходным кодом, где можно учиться и вдохновляться 🙇‍♀️💡

https://dev.to/matijasos/5-beautiful-open-source-web-apps-to-learn-from-and-get-inspired-280f

5 фрагментов CSS , которые должен знать каждый фронтенд-разработчик в 2024 году

https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024

Руководство по внедрению D3.js: обзор, примеры и альтернативы

https://blog.logrocket.com/d3-js-adoption-guide

12 современных однострочных обновлений CSS

https://moderncss.dev/12-modern-css-one-line-upgrades

Мы забыли основы фронтенда

В этом посте обсуждается, как разработка внешнего интерфейса стала слишком сложной из-за бесконечных тенденций и парадигм, и подчеркивается важность овладения базовыми навыками, такими как стандартный JavaScript, HTML и CSS. Он также дает советы по улучшению навыков разработки интерфейса.

https://blog.stackademic.com/we-forgot-frontend-basics-2f9a1c4dabaa

Единицы CSS: когда использовать rem, em, px и т. д.

https://www.freecodecamp.org/news/css-units-when-to-use-each-one

Руководство по стилизации таблиц

https://dev.to/madsstoumann/a-guide-to-styling-tables-28d2

Менее распространенные HTML-теги, которые вам следует знать – с примером кода

https://www.freecodecamp.org/news/less-common-html-tags

Используйте эти 10 простых советов по CSS, чтобы улучшить свое веб-приложение менее чем за несколько минут!

https://blog.bitsrc.io/10-css-one-liners-to-transform-your-web-app-04306968c6c7

Изучите веб-разработку с помощью учебных пособий и тренингов по JavaScript, HTML и CSS.

https://levelup.video/library

Если вы разработчик JavaScript, вы можете встретить строку «use strict» в верхней части вашего кода JavaScript. Это означает, что используется строгий режим JavaScript. Но что это значит и почему это важно?

https://www.freecodecamp.org/news/how-to-use-strict-mode-in-javascript