JavaScript заметки
Open in Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Show more
Network:7 388
Subscribers
-124 hours
-167 days
-3330 days
Loading data
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
October '26Oct '26
October '26
+25
in 1 channels
September '260
in 0 channels
Get PRO
August '26
+8
in 0 channels
Get PRO
July '26
+19
in 0 channels
Get PRO
June '26
+25
in 0 channels
Get PRO
May '26
+34
in 0 channels
Get PRO
April '26
+44
in 0 channels
Get PRO
March '26
+22
in 0 channels
Get PRO
February '26
+27
in 0 channels
Get PRO
January '26
+34
in 0 channels
Get PRO
December '25
+23
in 0 channels
Get PRO
November '25
+29
in 0 channels
Get PRO
October '25
+25
in 0 channels
Get PRO
September '25
+29
in 0 channels
Get PRO
August '25
+33
in 0 channels
Get PRO
July '25
+20
in 0 channels
Get PRO
June '25
+43
in 0 channels
Get PRO
May '25
+44
in 0 channels
Get PRO
April '25
+46
in 0 channels
Get PRO
March '25
+34
in 0 channels
Get PRO
February '25
+48
in 0 channels
Get PRO
January '25
+59
in 0 channels
Get PRO
December '24
+68
in 0 channels
Get PRO
November '24
+57
in 0 channels
Get PRO
October '24
+75
in 0 channels
Get PRO
September '24
+319
in 23 channels
Get PRO
August '24
+149
in 6 channels
Get PRO
July '24
+155
in 6 channels
Get PRO
June '24
+204
in 3 channels
Get PRO
May '24
+149
in 2 channels
Get PRO
April '24
+141
in 1 channels
Get PRO
March '24
+160
in 2 channels
Get PRO
February '24
+249
in 3 channels
Get PRO
January '24
+229
in 3 channels
Get PRO
December '23
+186
in 1 channels
Get PRO
November '23
+343
in 13 channels
Get PRO
October '23
+186
in 2 channels
Get PRO
September '23
+409
in 0 channels
Get PRO
August '23
+268
in 0 channels
Get PRO
July '23
+670
in 1 channels
Get PRO
June '23
+164
in 0 channels
Get PRO
May '23
+443
in 0 channels
Get PRO
April '23
+113
in 0 channels
Get PRO
March '23
+35
in 0 channels
Get PRO
February '23
+106
in 0 channels
Get PRO
January '23
+126
in 0 channels
Get PRO
December '22
+121
in 0 channels
Get PRO
November '22
+268
in 0 channels
Get PRO
October '22
+286
in 0 channels
Get PRO
September '22
+296
in 0 channels
Get PRO
August '22
+489
in 0 channels
Get PRO
July '22
+435
in 0 channels
Get PRO
June '22
+1 364
in 0 channels
Get PRO
May '22
+1 117
in 0 channels
Get PRO
April '22
+2 089
in 0 channels
Get PRO
March '22
+998
in 0 channels
Get PRO
February '22
+15
in 0 channels
Get PRO
January '22
+230
in 0 channels
Get PRO
December '21
+1 221
in 0 channels
Get PRO
November '21
+2 305
in 0 channels
Get PRO
October '21
+1 297
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 26 October | 0 | |||
| 25 October | +1 | |||
| 24 October | +1 | |||
| 23 October | +1 | |||
| 22 October | +2 | |||
| 21 October | 0 | |||
| 20 October | 0 | |||
| 19 October | +3 | |||
| 18 October | +4 | |||
| 17 October | 0 | |||
| 16 October | +1 | |||
| 15 October | +6 | |||
| 14 October | +1 | |||
| 13 October | +2 | |||
| 12 October | 0 |
Channel Posts
Использование JavaScript Generators для создания ленивых итераторов
Генераторы позволяют создавать функции, которые могут "запоминать" свое состояние, возвращая значения с помощью
yield.
#полезное| 2 |  Использование JavaScript WebRTC API для передачи потоков данных в реальном времени
WebRTC API используется для захвата и передачи потоков аудио и видео в реальном времени между пользователями.
#полезное | 284 |
| 3 |  План «Барбаросса» от Vue.js
После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе. Основное внимание переключилось на экосистему - Vite, Nuxt, VitePress, Pinia и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 329 |
| 4 |  Работа с FileReader для чтения содержимого файлов на стороне клиента
FileReader позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять их на сервер.
#полезное | 357 |
| 5 |  Кулинарный гид по Vue.js: всё о props
В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 391 |
| 6 |  Использование Event Delegation для обработки событий
Event Delegation позволяет обрабатывать события на родительском элементе, вместо назначения обработчиков на каждый дочерний элемент отдельно.
#полезное | 399 |
| 7 |  Работа с локальным хранилищем (localStorage)
Локальное хранилище позволяет сохранять данные на стороне клиента и извлекать их при последующих посещениях страницы.
#полезное | 407 |
| 8 |  Архитектура серверного рендеринга для SPA
Серверный рендеринг обеспечивает быстрый и надежный доступ к контенту. В этом подходе веб-страницы формируются на сервере, а не в браузере пользователя. Это позволяет значительно ускорить время загрузки, что особенно критично для современных одностраничных приложений, известных как SPA (Single-Page Applications).
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 432 |
| 9 |  Использование Object Destructuring
Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные.
#полезное | 422 |
| 10 |  Использование Map для хранения ключ-значение
Объект Map предоставляет структуру для хранения уникальных ключей и связанных с ними значений.
#полезное | 460 |
| 11 |  Использование requestAnimationFrame для анимаций с высокой производительностью
requestAnimationFrame предоставляет механизм для создания анимаций с высокой производительностью, оптимизированных для кадров в секунду браузера.
#полезное | 468 |
| 12 |  Использование JavaScript Modules для организации кода
JavaScript Modules предоставляют механизм для организации кода, разделяя его на небольшие модули с явным экспортом и импортом.
#полезное | 488 |
| 13 |  ⚡️ В сети начали массово сливать 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 | 494 |
| 14 |  Telegram Premium на 3 месяца для двух TRUE разработчиков
🎮 Задача
Какой точный флаг команды git commit позволяет дополнить последний коммит текущей ветки новыми изменениями, не создавая отдельный коммит в истории?
Подписывайтесь на «Исходный Код» и пишите свой ответ в комментарии к этому посту (только в @codesrc_it).
Среди всех, кто ответит правильно, разыграем 🎉 2 x Telegram Premium на 3 месяца.
В прошлый раз мы собрали меньше 15 РЕАЛЬНЫХ участников. Кажется, у вас есть все шансы на победу.
Дублируем условия:
➡️ подписаться на @codesrc_it;
➡️ написать правильный ответ в комментариях к этому посту в канале «Исходный Код».
Результаты опубликуем 🔜 20 ОКТЯБРЯ. Включите 🔔 НАПОМИНАНИЯ, чтобы не пропустить. | 454 |
| 15 | Telegram Premium на 3 месяца для двух TRUE разработчиков
🎮 Задача
Какой точный флаг команды git commit позволяет дополнить последний коммит текущей ветки новыми изменениями, не создавая отдельный коммит в истории?
Подписывайтесь на «Исходный Код» и пишите свой ответ в комментарии к этому посту (только в @codesrc_it).
Среди всех, кто ответит правильно, разыграем 🎉 2 x Telegram Premium на 3 месяца.
В прошлый раз мы собрали меньше 15 РЕАЛЬНЫХ участников. Кажется, у вас есть все шансы на победу.
Дублируем условия:
➡️ подписаться на @codesrc_it;
➡️ написать правильный ответ в комментариях к этому посту в канале «Исходный Код».
Результаты опубликуем 🔜 20 ОКТЯБРЯ. Включите 🔔 НАПОМИНАНИЯ, чтобы не пропустить. | 49 |
| 16 |  Раскрываем силу JavaScript: сокращение размера пакета NPM на 99%
Ищете пути повышения производительности приложения? Ознакомьтесь со способами значительного улучшения метрик в Lighthouse и FCP в проектах с использованием пакета дизайн-системы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 468 |
| 17 |  Как мы отказались от styled-components в React Native приложениях
Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 499 |
| 18 |  Гайд по микрофронтендам на single-spa, или Как уже наконец-то уйти от монолита во фронтенде
Наш опыт я постарался упаковать в пошаговый гайд – надеюсь, этот материал поможет тем, кто только начинает свой путь в мире микрофронтендов. По ходу статьи мы с вами вместе пройдём от полного незнания до понимания принципов и ответа на заветный вопрос — нужно ли всё это вам. На практике мы сделаем небольшую демонстрацию, которую вы сможете использовать в своём проекте.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 504 |
| 19 |  Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода
В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно.
Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных.
В этой статье мы разберёмся, как настроить валидацию поля ввода.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 535 |
| 20 |  Talkvio — не капибара и не старый пикабу. Модуль серверной индексации для поисковиков для Nginx. Альтернатива Next.js
Читая такие статьи как про Капибару, мне хочется упомянуть один свой старый/новый проект, в изначальном виде я затеял как проект реставрации старого форума сети Минска (uruchie.org) из далеких 2006-2012 годов, который хранился у меня в замороженном виде последние 10 лет. Не так давно я решил его расконсервировать и заняться реставрацией в свободное время, того, фактически, что осталось еще со времен локальных сетей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью | 504 |
