JavaScript заметки
Open in Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Show more7 747
Subscribers
-224 hours
-117 days
-7230 days
Posts Archive
7 747
Задачи про PEG-парсеры
В итоге я сделал игру программу CrateGram
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 747
Бесплатный практический вебинар: Профессия «Frontend-разработчик».
⏰ Когда: 20 августа в 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере.
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего Frontend-разработчика.
7 747
Стрелочные функции
Стрелочные функции предоставляют сокращенный синтаксис для определения функций.
#функции
7 747
RxJS: как операторы высшего порядка упрощают код
В этой статье я покажу, что в HOO нет ничего мифического, и расскажу в каких случаях вам нужно использовать операторы высшего порядка. Сейчас вы подумаете, что это скучный лонгрид, но не торопитесь. Мы рассмотрим всего 4 оператора:
switchMap, exhaustMap, concatMap, mergeMap.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью7 747
Функции обратного вызова
Функция может принимать другую функцию в качестве аргумента и вызывать ее внутри себя.
#функции
7 747
Подробная настройка Content Security Policy
Content Security Policy (CSP) - это механизм безопасности веб-приложений, который используется для сокращения рисков, связанных с атаками, такими как внедрение скриптов (XSS) и выполнение нежелательного кода (инъекция). CSP позволяет веб-разработчикам указывать браузерам, из каких источников разрешено загружать ресурсы, такие как скрипты, стили, изображения, шрифты и другие элементы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 747
Рекурсивные функции
Функции могут вызывать сами себя для выполнения повторяющихся задач.
#функции
7 747
Ликбез по распространенным Client-Side уязвимостям
В этой статье мы покажем:
как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript.
как скомпрометировать администратора сайта, отправив ему личное сообщение;
как атаковать разом всех пользователей при помощи комментария под статьей;
как заставить пользователя отправить запрос на действия, которые он не собирается выполнять;
как прослушивать WebSocket-соединения;
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 747
Мы за бесплатное обучение
Подборка каналов для роста и развития в сфере Frontend-разработки
👥 Reactify | Frontend Разработка — активное сообщество для бесплатного обучения веб-разработке.
💼 Frontend | Собеседования — огромная база актуальной теории для Frontend Разработчиков.
Обучайтесь, общайтесь, растите вместе с нами. Станьте частью IT-сообщества!
7 747
Функции высшего порядка
Функции могут принимать другие функции как аргументы или возвращать их.
#функции
7 747
Как показать миллион зданий на карте — и не сломать браузер
В 2ГИС мы аккумулируем огромное количество геоданных, с которыми взаимодействуют миллионы пользователей ежедневно. Анализируя их, мы можем получить ценную информацию и найти важные идеи для развития городов. Эти данные также полезны организациям.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 747
🖥 Frontend стажер-разработчик (react) в новый проект компании
👀 Мы ищем заинтересованных людей, готовых стать частью развивающийся команды и внести свой вклад в создание нового проекта в сфере e-commerce.
🔵 Обязанности:
— Участие в разработке и поддержке frontend части с использованием React
— Взаимодействие с командой для реализации новых функций и улучшения существующего функционала
— Участие в код-ревью и тестировании новых решений
— Интеграция с backend-сервисами
— Решение задач по оптимизации производительности и улучшению пользовательского интерфейса
🔵 Требования:
— "Минимальный набор фронтендера": JavaScript, HTML, CSS
— Небольшой опыт работы (например, пет-проекты)
— Желание развиваться в области frontend-разработки
🔵 Условия:
— Полностью удаленная работа
— Возможность совмещения с другими вашими проектами / другой работой (неполная занятость)
— Возможность дальнейшего трудоустройства с карьерным ростом, вплоть до СТО
👨💻 Резюмируем:
Наша вакансия отлично подойдет "вкатунам" в frontend разработку, мы предоставим необходимый опыт и знания, от вас потребуется желание работать, вовремя сдавать поставленные задачи и умение быстро разбираться в новых для вас темах.
✅ Откликнуться:
— Google форма: клик
— Telegram: @cooluname
— Email: job@altllc.org
Мы будем рады любым откликам и готовы развиваться и набираться опыта вместе с вами
7 747
String.prototype.startsWith()
Метод
startsWith() проверяет, начинается ли строка с заданной подстроки.
#полезное7 747
Как уменьшали размер VS Code, используя name mangling — сокращение идентификаторов во время сборки
В этой статье рассказывается, как мы обнаружили возможность такой оптимизации, какие подходы рассматривали, и как в конце концов добились уменьшения размера на 20%. Возможно, будет не так много конкретики - я хочу, скорее, рассказать, как в команде VS Code подходят к решению инженерных задач. Тем более, что наше решение, скорее всего, не совсем оптимальное, и уж точно подойдет не всем кодовым базам.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 747
Array.prototype.every()
Метод
every() проверяет, выполняется ли заданное условие для всех элементов массива.
#полезное7 747
DOM, DI и View: деревья в Angular
Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 747
Array.prototype.find()
Метод
find() возвращает первый элемент массива, удовлетворяющий заданному условию.
#полезное7 747
Считаем «a=1; b=2; x=pi/3; abcos(x)»
В предыдущей серии мы научились считать выражения вида
-2.1+ .355 / (cos(pi % 3) + sin(0.311)). Один из комментариев там предложил посчитать то, что я вынес в заголовок этого поста. Что ж, вызов принят. Как и в предыдущем посте, мы "на пальцах" разбираем устройство простейшего интерпретатора.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью7 747
😮 Добавлена новая база слитых курсов на 800ГБ:
Frontend и Web:
https://t.me/+BSXGUHLlT8QxNzc6
Python:
https://t.me/+U_cJSgprmCEzYjIy
Программирование:
https://t.me/+Z0mJ92oofyxkOGFi
Графика и дизайн:
https://t.me/+OCiw7SqqRKZmYWQ6
7 747
Array.prototype.reduce()
Метод
reduce() применяет функцию аккумулятора к каждому элементу массива и возвращает одно значение.
#полезное
Available now! Telegram Research 2025 — the year's key insights 
