Добавление нового поведения через декораторы в JavaScript.
Варвара Сандакова рассказывает о реализации одного из популярных паттернов.
https://indepth.dev/posts/1491/attaching-new-behaviors-through-decorators-in-javascript
Варвара Сандакова рассказывает о реализации одного из популярных паттернов.
https://indepth.dev/posts/1491/attaching-new-behaviors-through-decorators-in-javascript
👍1
Создайте приложение CRUD в React с помощью Firebase Web SDK v9
https://blog.logrocket.com/build-crud-application-react-firebase-web-sdk-v9/
https://blog.logrocket.com/build-crud-application-react-firebase-web-sdk-v9/
LogRocket Blog
Build a CRUD application in React with Firebase Web SDK v9 - LogRocket Blog
In this tutorial, we’ll cover how to carry out CRUD operations in Firestore by building a task manager demo app.
Я.Субботник Pro по разработке интерфейсов 2021. 6 докладов
https://www.youtube.com/playlist?list=PLKaafC45L_SRifaD5yS-LYIE3L86x-X0W
https://www.youtube.com/playlist?list=PLKaafC45L_SRifaD5yS-LYIE3L86x-X0W
Обтекание текста внутри SVG с помощью CSS
https://www.jayfreestone.com/writing/wrappping-text-inside-svg-css/
https://www.jayfreestone.com/writing/wrappping-text-inside-svg-css/
Улучшение Core Web Vitals на примере Smashing Magazine.
Core Web Vitals - показатели оценки качества сайта. Среди них:
LCP - время отрисовки видимой части сайта
FID - время отзывчивости сайта
CLS - степень стабильности контента
https://www.smashingmagazine.com/2021/12/core-web-vitals-case-study-smashing-magazine/
Core Web Vitals - показатели оценки качества сайта. Среди них:
LCP - время отрисовки видимой части сайта
FID - время отзывчивости сайта
CLS - степень стабильности контента
https://www.smashingmagazine.com/2021/12/core-web-vitals-case-study-smashing-magazine/
Какие навыки нужны фронтендеру, чтобы стать мидлом? Исследование HTML Academy
https://habr.com/ru/company/htmlacademy/blog/597205/
https://habr.com/ru/company/htmlacademy/blog/597205/
Шаблоны React архитектуры для ваших проектов
https://blog.openreplay.com/react-architecture-patterns-for-your-projects
https://blog.openreplay.com/react-architecture-patterns-for-your-projects
Переход на React Router v6: полное руководство.
О разнице между 5 и 6 версией и как перейти с минимальными проблемами.
https://blog.logrocket.com/migrating-react-router-v6-complete-guide/
О разнице между 5 и 6 версией и как перейти с минимальными проблемами.
https://blog.logrocket.com/migrating-react-router-v6-complete-guide/
LogRocket Blog
Migrating to React Router v6: A complete guide - LogRocket Blog
Migrate your React Router applications from v5 to v6 with this in-depth guide, including a review of additions and improvements from v5.
Новогодние подарки Рабочей группы CSS: значения и единицы 4 уровня, медиавыражения 4 и 5 уровней
https://css-live.ru/vecssti-s-polej/novogodnie-podarki-rabochej-gruppy-css-znacheniya-i-edinicy-4-urovnya-mediavyrazheniya-4-i-5-urovnej.html
https://css-live.ru/vecssti-s-polej/novogodnie-podarki-rabochej-gruppy-css-znacheniya-i-edinicy-4-urovnya-mediavyrazheniya-4-i-5-urovnej.html
WeakMap и WeakSet: понимание JavaScript weak references
https://blog.logrocket.com/weakmap-weakset-understanding-javascript-weak-references/
https://blog.logrocket.com/weakmap-weakset-understanding-javascript-weak-references/
LogRocket Blog
WeakMap and WeakSet: Understanding JavaScript weak references - LogRocket Blog
Learn about weak references in JavaScript and how we can use them by utilizing the WeakMap and WeakSet objects.
Создание настраиваемого Range Input, который будет одинаковым во всех браузерах
https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/
https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/
NFT-арты в прошлом году наделали много шума.
IT-разработчик Контур тоже выпустил свой NFT-холст — коллаж из 1 296 изображений, которые создали сотрудники компании: разработчики, маркетологи, менеджеры продаж и техподдержки.
Они зашифровали фразы, которые отражают суть их работы (ценности компании, рабочие задачи из трелло, цифры, буквы и код), в изображения.
Потом все изображения объединили в NFT-холст и выставили на аукцион.
Деньги от продажи пойдут на развитие образовательных проектов в IT.
IT-разработчик Контур тоже выпустил свой NFT-холст — коллаж из 1 296 изображений, которые создали сотрудники компании: разработчики, маркетологи, менеджеры продаж и техподдержки.
Они зашифровали фразы, которые отражают суть их работы (ценности компании, рабочие задачи из трелло, цифры, буквы и код), в изображения.
Потом все изображения объединили в NFT-холст и выставили на аукцион.
Деньги от продажи пойдут на развитие образовательных проектов в IT.
Эффективный способ создания MERN-приложения (Mongo Express React Node)
https://blog.bitsrc.io/an-efficient-way-to-set-up-a-mern-stack-application-12fd87fad90d
https://blog.bitsrc.io/an-efficient-way-to-set-up-a-mern-stack-application-12fd87fad90d
Делаем доступную якорную ссылку «Skip to Content» с помощью React.
https://levelup.gitconnected.com/build-an-accessible-skip-to-content-anchor-link-with-react-140903f3bd7e
https://levelup.gitconnected.com/build-an-accessible-skip-to-content-anchor-link-with-react-140903f3bd7e
Medium
Build an accessible “Skip to Content” anchor link with React.
Let’s build an accessible Skiplink React component. Skiplinks are the first step towards a keyboard accessible web with minimal effort …
Лучшие WebSocket библиотеки для Node.js в 2022 году
https://blog.logrocket.com/top-websocket-libraries-nodejs-2022/
https://blog.logrocket.com/top-websocket-libraries-nodejs-2022/
LogRocket Blog
Top WebSocket libraries for Node.js in 2022 - LogRocket Blog
WebSockets are a great way to add real-time functionality to your app, revolutionizing the web development space as we know it.
9 клевых CSS-инструментов, которые стоит использовать в 2022 году
https://blog.devgenius.io/9-awesome-css-tools-that-you-should-use-in-2022-2155eed03c4c
https://blog.devgenius.io/9-awesome-css-tools-that-you-should-use-in-2022-2155eed03c4c
Medium
9 Awesome CSS Tools That You Should Use in 2022
Useful CSS tools and resources to boost your productivity.
PurgeCSS: удаление неиспользуемого CSS кода
https://blog.logrocket.com/purgecss-remove-unused-css-code/
https://blog.logrocket.com/purgecss-remove-unused-css-code/
LogRocket Blog
Guide to removing unused CSS code with PurgeCSS - LogRocket Blog
In this article, we explored PurgeCSS, a tool to remove unused CSS from your code, thereby reducing file size and improving optimization.
👍1
Front-end Science with Sergey Puzankov: Первое интервью фронтендера самоучки (30+). Решил более 2000 задач на Codewars
https://www.youtube.com/watch?v=8Xuftz2IiAI
https://www.youtube.com/watch?v=8Xuftz2IiAI
YouTube
Первое интервью фронтендера самоучки (30+). Решил более 2000 задач на Codewars
Привет, друзья! Сегодняшнее собеседование будет в поддержку тем, кто свитчится после 30 лет из других сфер деятельности во фронтенд. Наш сегодняшний участник — Антон (32 года) долгое время работал SEO-оптимизатором, после чего решил попробовать себя в роли…
YaTalks 2021: доклады про фронтенд
https://www.youtube.com/playlist?list=PLKaafC45L_SSj9alzlF_saWXX-4GpjXRD
https://www.youtube.com/playlist?list=PLKaafC45L_SSj9alzlF_saWXX-4GpjXRD
Три способа скрыть сайт от поиска Google
https://apix-drive.com/ru/blog/useful/tri-sposoba-skryt-sajt-ot-poiska-google
https://apix-drive.com/ru/blog/useful/tri-sposoba-skryt-sajt-ot-poiska-google
Apix-Drive
Три способа скрыть сайт от поиска Google
Как скрыть сайт от поиска Google ➨ ✓ что для этого нужно? ✓ как это сделать? ✓ какие существуют методы? • Рассказываем простыми словами всё, что вам нужно знать про то, как скрыть сайт от поиска Google!