JavaScript заметки
Open in Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Show more7 368
Subscribers
-124 hours
-167 days
-5730 days
Posts Archive
7 368
Под капотом анимаций в React Native
Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Создание функции
В этом примере функция
greet принимает аргумент name и возвращает приветствие.
#функции7 368
Добавление server side Open Graph и прочего SEO в существующую SPA
Представьте себе следующую ситуацию: у вас на руках есть SPA с рендерингом полностью на клиенте, и вам необходимо сделать так, чтобы в зависимости от URL было разное содержимое у тега
<head>.
Например, ваш шеф просит вас сделать так, чтобы при вставке в Телеграм ссылки на французскую версию сайта с query параметром ?hl=fr появлялась превью с французским заголовком и описанием сайта.
Как раз в такой позиции я оказался некоторое время назад, и мне на растерзание попался сайт на чистом, старом-добром, клиентском Vue.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью7 368
Знаете основы веб-разработки и хотите углубить свои знания? Присоединяйтесь к бесплатному мини-курсу, где вы получите практические советы и инсайты от опытного программиста, а также создадите 3 классных проекта — сайт, приложение и сервис — и добавите их в портфолио.
Регистрация и подробная программа по ссылке: https://epic.st/fgrug
Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов.
Всех участников ждут подарки!
— Сертификат на скидку 10 000 рублей на любой курс.
— Доступ к изучению английского языка на год.
— Персональная карьерная консультация
Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
7 368
Вызов функции
Функцию можно вызвать, передав нужные аргументы в скобках.
#функции
7 368
Просто о Deep
Одним из возможных вариантов является переход на GraphQL. Это позволит решить три вышеуказанных проблемы. Однако вместе с этим может появиться новый нюанс - общеизвестная проблема N+1, которую часто связывают с использованием GraphQL.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Анонимная функция
Анонимные функции могут быть присвоены переменным и использованы как значения.
#функции
7 368
Задачи про PEG-парсеры
В итоге я сделал игру программу CrateGram
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Стрелочные функции
Стрелочные функции предоставляют сокращенный синтаксис для определения функций.
#функции
7 368
RxJS: как операторы высшего порядка упрощают код
В этой статье я покажу, что в HOO нет ничего мифического, и расскажу в каких случаях вам нужно использовать операторы высшего порядка. Сейчас вы подумаете, что это скучный лонгрид, но не торопитесь. Мы рассмотрим всего 4 оператора:
switchMap, exhaustMap, concatMap, mergeMap.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью7 368
Функции обратного вызова
Функция может принимать другую функцию в качестве аргумента и вызывать ее внутри себя.
#функции
7 368
Подробная настройка Content Security Policy
Content Security Policy (CSP) - это механизм безопасности веб-приложений, который используется для сокращения рисков, связанных с атаками, такими как внедрение скриптов (XSS) и выполнение нежелательного кода (инъекция). CSP позволяет веб-разработчикам указывать браузерам, из каких источников разрешено загружать ресурсы, такие как скрипты, стили, изображения, шрифты и другие элементы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Рекурсивные функции
Функции могут вызывать сами себя для выполнения повторяющихся задач.
#функции
7 368
Ликбез по распространенным Client-Side уязвимостям
В этой статье мы покажем:
как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript.
как скомпрометировать администратора сайта, отправив ему личное сообщение;
как атаковать разом всех пользователей при помощи комментария под статьей;
как заставить пользователя отправить запрос на действия, которые он не собирается выполнять;
как прослушивать WebSocket-соединения;
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Профессия "Тестировщик программного обеспечения" — отличный источник дохода и быстрый вход в IT-сферу. Освойте эту специальность бесплатно 💯 в дистанционном формате всего за 3 месяца. Выдаем диплом о профессиональной переподготовке, помогаем найти работу.
Приглашаем:
— Женщин в декрете и неработающих мам детей до 7 лет
— Студентов старшего курса и выпускников без работы
— Безработных и лиц под риском увольнения
— Лиц 50 лет и старше
Подробные условия на сайте.
Мы также обучаем по программе:
📊 Профессия "Системный аналитик"
Почему мы?
🏢 Мы — официальный образовательный партнер Института развития профессионального образования
🏅 Преподаватели-практики с высокой экспертизой и многолетним опытом
🙍♀️ Поддержка тьютора в зачислении и обучении
🙌 Увлеченное сообщество слушателей
💻 Удобная образовательная платформа для онлайн-обучения
Зарегистрируйтесь и начните учиться уже в сентябре!
https://clck.ru/35YHkn
7 368
Функции высшего порядка
Функции могут принимать другие функции как аргументы или возвращать их.
#функции
7 368
Как показать миллион зданий на карте — и не сломать браузер
В 2ГИС мы аккумулируем огромное количество геоданных, с которыми взаимодействуют миллионы пользователей ежедневно. Анализируя их, мы можем получить ценную информацию и найти важные идеи для развития городов. Эти данные также полезны организациям.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
String.prototype.startsWith()
Метод
startsWith() проверяет, начинается ли строка с заданной подстроки.
#полезное7 368
Как уменьшали размер VS Code, используя name mangling — сокращение идентификаторов во время сборки
В этой статье рассказывается, как мы обнаружили возможность такой оптимизации, какие подходы рассматривали, и как в конце концов добились уменьшения размера на 20%. Возможно, будет не так много конкретики - я хочу, скорее, рассказать, как в команде VS Code подходят к решению инженерных задач. Тем более, что наше решение, скорее всего, не совсем оптимальное, и уж точно подойдет не всем кодовым базам.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Array.prototype.every()
Метод
every() проверяет, выполняется ли заданное условие для всех элементов массива.
#полезное