JavaScript заметки
Открыть в Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Больше
Сеть:7 388
Подписчики
-124 часа
-167 дней
-3330 дней
Загружаем данные
Похожие каналы
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
октябрь '26окт. '26
октябрь '26
+25
в 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 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 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 |
Посты канала
Использование 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 |
