JavaScript заметки
前往频道在 Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
显示更多
网络:7 387
订阅者
-524 小时
-207 天
-3830 天
正在加载数据
相似频道
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
十月 '2610月 '26
十月 '26
+26
在1个频道中
九月 '260
在0个频道中
Get PRO
八月 '26
+8
在0个频道中
Get PRO
七月 '26
+19
在0个频道中
Get PRO
六月 '26
+25
在0个频道中
Get PRO
五月 '26
+34
在0个频道中
Get PRO
四月 '26
+44
在0个频道中
Get PRO
三月 '26
+22
在0个频道中
Get PRO
二月 '26
+27
在0个频道中
Get PRO
一月 '26
+34
在0个频道中
Get PRO
十二月 '25
+23
在0个频道中
Get PRO
十一月 '25
+29
在0个频道中
Get PRO
十月 '25
+25
在0个频道中
Get PRO
九月 '25
+29
在0个频道中
Get PRO
八月 '25
+33
在0个频道中
Get PRO
七月 '25
+20
在0个频道中
Get PRO
六月 '25
+43
在0个频道中
Get PRO
五月 '25
+44
在0个频道中
Get PRO
四月 '25
+46
在0个频道中
Get PRO
三月 '25
+34
在0个频道中
Get PRO
二月 '25
+48
在0个频道中
Get PRO
一月 '25
+59
在0个频道中
Get PRO
十二月 '24
+68
在0个频道中
Get PRO
十一月 '24
+57
在0个频道中
Get PRO
十月 '24
+75
在0个频道中
Get PRO
九月 '24
+319
在23个频道中
Get PRO
八月 '24
+149
在6个频道中
Get PRO
七月 '24
+155
在6个频道中
Get PRO
六月 '24
+204
在3个频道中
Get PRO
五月 '24
+149
在2个频道中
Get PRO
四月 '24
+141
在1个频道中
Get PRO
三月 '24
+160
在2个频道中
Get PRO
二月 '24
+249
在3个频道中
Get PRO
一月 '24
+229
在3个频道中
Get PRO
十二月 '23
+186
在1个频道中
Get PRO
十一月 '23
+343
在13个频道中
Get PRO
十月 '23
+186
在2个频道中
Get PRO
九月 '23
+409
在0个频道中
Get PRO
八月 '23
+268
在0个频道中
Get PRO
七月 '23
+670
在1个频道中
Get PRO
六月 '23
+164
在0个频道中
Get PRO
五月 '23
+443
在0个频道中
Get PRO
四月 '23
+113
在0个频道中
Get PRO
三月 '23
+35
在0个频道中
Get PRO
二月 '23
+106
在0个频道中
Get PRO
一月 '23
+126
在0个频道中
Get PRO
十二月 '22
+121
在0个频道中
Get PRO
十一月 '22
+268
在0个频道中
Get PRO
十月 '22
+286
在0个频道中
Get PRO
九月 '22
+296
在0个频道中
Get PRO
八月 '22
+489
在0个频道中
Get PRO
七月 '22
+435
在0个频道中
Get PRO
六月 '22
+1 364
在0个频道中
Get PRO
五月 '22
+1 117
在0个频道中
Get PRO
四月 '22
+2 089
在0个频道中
Get PRO
三月 '22
+998
在0个频道中
Get PRO
二月 '22
+15
在0个频道中
Get PRO
一月 '22
+230
在0个频道中
Get PRO
十二月 '21
+1 221
在0个频道中
Get PRO
十一月 '21
+2 305
在0个频道中
Get PRO
十月 '21
+1 297
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 27 十月 | +1 | |||
| 26 十月 | 0 | |||
| 25 十月 | +1 | |||
| 24 十月 | +1 | |||
| 23 十月 | +1 | |||
| 22 十月 | +2 | |||
| 21 十月 | 0 | |||
| 20 十月 | 0 | |||
| 19 十月 | +3 | |||
| 18 十月 | +4 | |||
| 17 十月 | 0 | |||
| 16 十月 | +1 | |||
| 15 十月 | +6 | |||
| 14 十月 | +1 | |||
| 13 十月 | +2 | |||
| 12 十月 | 0 |
频道帖子
Какие методы используются для сбора данных о твоем браузере? Как собирают информацию о пользователях?
Фингерпринт пользователя — это уникальный набор данных о пользователе, который включает в себя информацию о его поведении в интернете, какие сайты он посещает, какие товары покупает, какие сообщения отправляет и т.д. Этот набор данных может быть использован для создания профиля пользователя и предоставления ему персонализированных рекомендаций или услуг.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
| 2 |  Использование JavaScript Generators для создания ленивых итераторов
Генераторы позволяют создавать функции, которые могут "запоминать" свое состояние, возвращая значения с помощью yield.
#полезное | 286 |
| 3 |  Использование JavaScript WebRTC API для передачи потоков данных в реальном времени
WebRTC API используется для захвата и передачи потоков аудио и видео в реальном времени между пользователями.
#полезное | 316 |
| 4 |  План «Барбаросса» от Vue.js
После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе. Основное внимание переключилось на экосистему - Vite, Nuxt, VitePress, Pinia и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 364 |
| 5 |  Работа с FileReader для чтения содержимого файлов на стороне клиента
FileReader позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять их на сервер.
#полезное | 385 |
| 6 |  Кулинарный гид по Vue.js: всё о props
В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 410 |
| 7 |  Использование Event Delegation для обработки событий
Event Delegation позволяет обрабатывать события на родительском элементе, вместо назначения обработчиков на каждый дочерний элемент отдельно.
#полезное | 414 |
| 8 |  Работа с локальным хранилищем (localStorage)
Локальное хранилище позволяет сохранять данные на стороне клиента и извлекать их при последующих посещениях страницы.
#полезное | 409 |
| 9 |  Архитектура серверного рендеринга для SPA
Серверный рендеринг обеспечивает быстрый и надежный доступ к контенту. В этом подходе веб-страницы формируются на сервере, а не в браузере пользователя. Это позволяет значительно ускорить время загрузки, что особенно критично для современных одностраничных приложений, известных как SPA (Single-Page Applications).
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 455 |
| 10 |  Использование Object Destructuring
Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные.
#полезное | 430 |
| 11 |  Использование Map для хранения ключ-значение
Объект Map предоставляет структуру для хранения уникальных ключей и связанных с ними значений.
#полезное | 472 |
| 12 |  Использование requestAnimationFrame для анимаций с высокой производительностью
requestAnimationFrame предоставляет механизм для создания анимаций с высокой производительностью, оптимизированных для кадров в секунду браузера.
#полезное | 474 |
| 13 |  Использование JavaScript Modules для организации кода
JavaScript Modules предоставляют механизм для организации кода, разделяя его на небольшие модули с явным экспортом и импортом.
#полезное | 527 |
| 14 |  ⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ
Вот отсортированная база с тонной материала (постепенно пополняется):
(363 видео, 87 книги) — Python
(117 видео, 53 книги) — ВАЙБКОД
(174 видео, 91 книги) — DevOps
(415 видео, 68 книги) — Frontend
(137 видео, 93 книги) — DS/ML
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++/C
(343 видео, 87 книги) — Java/QA
(176 видео, 32 книги) — Git/Linux
(167 видео, 53 книги) — PHP/1С
(227 видео, 83 книги) — SQL/БД
(114 видео, 77 книги) — Сисадмин
(107 видео, 43 книги) — BA/SA
(181 видео, 32 книги) — Go/Rust
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — Дизайн
(136 видео, 33 книги) — PM/HR
Скачивать ничего не нужно — все выложили в Telegram | 523 |
| 15 |  Telegram Premium на 3 месяца для двух TRUE разработчиков
🎮 Задача
Какой точный флаг команды git commit позволяет дополнить последний коммит текущей ветки новыми изменениями, не создавая отдельный коммит в истории?
Подписывайтесь на «Исходный Код» и пишите свой ответ в комментарии к этому посту (только в @codesrc_it).
Среди всех, кто ответит правильно, разыграем 🎉 2 x Telegram Premium на 3 месяца.
В прошлый раз мы собрали меньше 15 РЕАЛЬНЫХ участников. Кажется, у вас есть все шансы на победу.
Дублируем условия:
➡️ подписаться на @codesrc_it;
➡️ написать правильный ответ в комментариях к этому посту в канале «Исходный Код».
Результаты опубликуем 🔜 20 ОКТЯБРЯ. Включите 🔔 НАПОМИНАНИЯ, чтобы не пропустить. | 461 |
| 16 | Telegram Premium на 3 месяца для двух TRUE разработчиков
🎮 Задача
Какой точный флаг команды git commit позволяет дополнить последний коммит текущей ветки новыми изменениями, не создавая отдельный коммит в истории?
Подписывайтесь на «Исходный Код» и пишите свой ответ в комментарии к этому посту (только в @codesrc_it).
Среди всех, кто ответит правильно, разыграем 🎉 2 x Telegram Premium на 3 месяца.
В прошлый раз мы собрали меньше 15 РЕАЛЬНЫХ участников. Кажется, у вас есть все шансы на победу.
Дублируем условия:
➡️ подписаться на @codesrc_it;
➡️ написать правильный ответ в комментариях к этому посту в канале «Исходный Код».
Результаты опубликуем 🔜 20 ОКТЯБРЯ. Включите 🔔 НАПОМИНАНИЯ, чтобы не пропустить. | 49 |
| 17 |  Раскрываем силу JavaScript: сокращение размера пакета NPM на 99%
Ищете пути повышения производительности приложения? Ознакомьтесь со способами значительного улучшения метрик в Lighthouse и FCP в проектах с использованием пакета дизайн-системы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 475 |
| 18 |  Как мы отказались от styled-components в React Native приложениях
Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 504 |
| 19 |  Гайд по микрофронтендам на single-spa, или Как уже наконец-то уйти от монолита во фронтенде
Наш опыт я постарался упаковать в пошаговый гайд – надеюсь, этот материал поможет тем, кто только начинает свой путь в мире микрофронтендов. По ходу статьи мы с вами вместе пройдём от полного незнания до понимания принципов и ответа на заветный вопрос — нужно ли всё это вам. На практике мы сделаем небольшую демонстрацию, которую вы сможете использовать в своём проекте.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 510 |
| 20 |  Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода
В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно.
Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных.
В этой статье мы разберёмся, как настроить валидацию поля ввода.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 540 |
