JavaScript заметки
Kanalga Telegram’da o‘tish
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Ko'proq ko'rsatish
Tarmoq:7 388
Obunachilar
-124 soatlar
-167 kun
-3330 kun
Ma'lumotlar yuklanmoqda
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Oktabr '26Okt '26
Oktabr '26
+25
1 kanalda
Sentabr '260
0 kanalda
Get PRO
Avgust '26
+8
0 kanalda
Get PRO
Iyul '26
+19
0 kanalda
Get PRO
Iyun '26
+25
0 kanalda
Get PRO
May '26
+34
0 kanalda
Get PRO
Aprel '26
+44
0 kanalda
Get PRO
Mart '26
+22
0 kanalda
Get PRO
Fevral '26
+27
0 kanalda
Get PRO
Yanvar '26
+34
0 kanalda
Get PRO
Dekabr '25
+23
0 kanalda
Get PRO
Noyabr '25
+29
0 kanalda
Get PRO
Oktabr '25
+25
0 kanalda
Get PRO
Sentabr '25
+29
0 kanalda
Get PRO
Avgust '25
+33
0 kanalda
Get PRO
Iyul '25
+20
0 kanalda
Get PRO
Iyun '25
+43
0 kanalda
Get PRO
May '25
+44
0 kanalda
Get PRO
Aprel '25
+46
0 kanalda
Get PRO
Mart '25
+34
0 kanalda
Get PRO
Fevral '25
+48
0 kanalda
Get PRO
Yanvar '25
+59
0 kanalda
Get PRO
Dekabr '24
+68
0 kanalda
Get PRO
Noyabr '24
+57
0 kanalda
Get PRO
Oktabr '24
+75
0 kanalda
Get PRO
Sentabr '24
+319
23 kanalda
Get PRO
Avgust '24
+149
6 kanalda
Get PRO
Iyul '24
+155
6 kanalda
Get PRO
Iyun '24
+204
3 kanalda
Get PRO
May '24
+149
2 kanalda
Get PRO
Aprel '24
+141
1 kanalda
Get PRO
Mart '24
+160
2 kanalda
Get PRO
Fevral '24
+249
3 kanalda
Get PRO
Yanvar '24
+229
3 kanalda
Get PRO
Dekabr '23
+186
1 kanalda
Get PRO
Noyabr '23
+343
13 kanalda
Get PRO
Oktabr '23
+186
2 kanalda
Get PRO
Sentabr '23
+409
0 kanalda
Get PRO
Avgust '23
+268
0 kanalda
Get PRO
Iyul '23
+670
1 kanalda
Get PRO
Iyun '23
+164
0 kanalda
Get PRO
May '23
+443
0 kanalda
Get PRO
Aprel '23
+113
0 kanalda
Get PRO
Mart '23
+35
0 kanalda
Get PRO
Fevral '23
+106
0 kanalda
Get PRO
Yanvar '23
+126
0 kanalda
Get PRO
Dekabr '22
+121
0 kanalda
Get PRO
Noyabr '22
+268
0 kanalda
Get PRO
Oktabr '22
+286
0 kanalda
Get PRO
Sentabr '22
+296
0 kanalda
Get PRO
Avgust '22
+489
0 kanalda
Get PRO
Iyul '22
+435
0 kanalda
Get PRO
Iyun '22
+1 364
0 kanalda
Get PRO
May '22
+1 117
0 kanalda
Get PRO
Aprel '22
+2 089
0 kanalda
Get PRO
Mart '22
+998
0 kanalda
Get PRO
Fevral '22
+15
0 kanalda
Get PRO
Yanvar '22
+230
0 kanalda
Get PRO
Dekabr '21
+1 221
0 kanalda
Get PRO
Noyabr '21
+2 305
0 kanalda
Get PRO
Oktabr '21
+1 297
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 26 Oktabr | 0 | |||
| 25 Oktabr | +1 | |||
| 24 Oktabr | +1 | |||
| 23 Oktabr | +1 | |||
| 22 Oktabr | +2 | |||
| 21 Oktabr | 0 | |||
| 20 Oktabr | 0 | |||
| 19 Oktabr | +3 | |||
| 18 Oktabr | +4 | |||
| 17 Oktabr | 0 | |||
| 16 Oktabr | +1 | |||
| 15 Oktabr | +6 | |||
| 14 Oktabr | +1 | |||
| 13 Oktabr | +2 | |||
| 12 Oktabr | 0 |
Kanal postlari
Использование 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 |
