Rot13

ROT13 — это простой шифр замены букв, который заменяет букву буквой, находящейся через 13 букв после нее в алфавите. ROT13 — пример шифра Цезаря.

Создайте функцию, которая принимает строку и возвращает строку, зашифрованную с помощью Rot13. Если в строку включены цифры или специальные символы, их следует вернуть в исходном виде. Смещать следует только буквы латинского/английского алфавита, как в оригинальной «реализации» Rot13

Пример:

"test"  //  "grfg"

👉 @frontendInterview

​Для чего нужен cors ?

CORS (Cross-Origin Resource Sharing) — это механизм безопасности, который позволяет ограничивать или разрешать доступ веб-ресурсов из одного домена к ресурсам на другом домене. Он был введен для решения проблем, связанных с политикой одного источника (Same-Origin Policy), которая предотвращает взаимодействие между ресурсами из разных источников, чтобы защитить данные от межсайтовых атак.

Основные задачи
1. CORS помогает предотвратить атаки, такие как XSS (Cross-Site Scripting) и CSRF (Cross-Site Request Forgery), ограничивая доступ к ресурсам на сервере только с доверенных доменов.

2. CORS позволяет легитимным веб-приложениям запрашивать ресурсы с других доменов. Это важно для современных веб-приложений, которые часто взаимодействуют с API и ресурсами, размещенными на разных серверах.

Как он работает
Добавляет новые HTTP-заголовки, которые позволяют серверу сообщать браузеру, разрешено ли выполнение кросс-доменных запросов.

HTTP-заголовки, используемые для CORS
Access-Control-Allow-Origin: Определяет, какие домены могут обращаться к ресурсам сервера.
Access-Control-Allow-Methods: Определяет, какие HTTP-методы (например, GET, POST, PUT, DELETE) разрешены для кросс-доменных запросов.
Access-Control-Allow-Headers: Определяет, какие заголовки могут быть использованы в кросс-доменных запросах.
Access-Control-Allow-Credentials: Указывает, разрешено ли отправлять куки и авторизационные данные вместе с запросом.
Access-Control-Max-Age: Указывает, как долго результаты проверки могут кэшироваться.

Процесс CORS-запроса
Простой запрос (Simple Request) - Запросы с методами GET, HEAD или POST и с ограниченным набором безопасных заголовков считаются простыми и обрабатываются напрямую.

Предварительный запрос (Preflight Request) - Для методов, отличных от GET, HEAD и POST (или если используются нестандартные заголовки), браузер сначала отправляет "предварительный" запрос с методом OPTIONS. Этот запрос проверяет, разрешен ли кросс-доменный доступ.
Если сервер разрешает запрос, он отвечает с соответствующими заголовками CORS. Только после этого браузер отправляет основной запрос.

👉 @frontendInterview

👉 @frontendInterview

Визуальные подсказки для проверки формы

Используя только CSS, вы можете отображать для пользователей визуальные подсказки относительно правильности ввода, введенного в формы. Мы можем использовать псевдоклассы CSS :valid и :invalid к элементам формы, чтобы применять соответствующие стили, когда их содержимое проверяется успешно или нет.

<input
    type="text"
    pattern="([a-zA-Z0-9]\s?)+"
    placeholder="Enter full name"
    required
/>
<span></span>

<span> будет использоваться для отображения результатов проверки.
А приведенный ниже CSS стилизует входные данные относительно результата проверки:

input + span {
    position: relative;
}

input + span::before {
    position: absolute;
    right: -20px;
    bottom: 0;
}

input:not(:placeholder-shown):invalid {
    border: 2px solid red;
}

input:not(:placeholder-shown):invalid + span::before {
    content: "✖️";
    color: red;
}

input:not(:placeholder-shown):valid + span::before {
    content: "✓";
    color: green;
}

👉 @frontendInterview

Фронтенд-разработчик? Поможем начать зарабатывать от 200 000 рублей в месяц 💸

Обучение по React от школы IT Mentor — это первый шаг к успешной карьере в IT. Мы предлагаем глубокое изучение актуальных технологий, кураторство опытных менторов и гарантию трудоустройства — платите только если нашли работу ☄️

Курс подойдет тем, кто:
— только начинает изучать разработку и хочет получить все необходимые знания в одном месте,
— уже имеет практический опыт, но хочет перейти на новый грейд и увеличить доход,
— оканчивал технические ВУЗы или онлайн-курсы, но затрудняется найти работу.

👉🏻 Программа включает в себя изучение HTML, CSS3, React, TypeScript, JavaScript, Redux,
а также работу на реальном проекте и подготовку к собеседованиям.

🙌🏻 Сосредоточьтесь на получении новых навыков, не беспокоясь о финансах и будущей работе — мы поможем прокачать хард- и софт-скиллы для вашего успешного старта на позиции Middle React разработчика уже в следующем году!

Записаться на обучение react и подробнее ознакомиться с программой — https://clck.ru/3E8Jh4

Реклама. ИП Тюльников ИНН 526223159257.

Смена специализации в IT: когда отпуск уже не спасает

Работа в IT, как и в любой другой сфере, не всегда приносит удовлетворение. Причиной этому может быть как поспешно выбранная специализация, так и усталость от сферы, в которой человек работает много лет.

В IT-индустрии часто переходят на новые позиции: тестировщики становятся автотестировщиками или программистами, бизнес-аналитики — системными аналитиками, разработчики осваивают новые области.

Однако не всем удаётся сменить специальность и не всегда это приводит к положительному результату. Как перейти из одной IT-профессии в другую с минимальными потерями? Опросили экспертов и собрали их мнения.

👉 @frontendInterview

Видео для трудяг с синдромом самозванца

Смотреть каждый день за полчаса до конца работы.

👉 @frontendInterview

Что такое Deno?

Deno - это современная среда выполнения JavaScript/TypeScript, созданная Райаном Далом, первоначальным создателем Node.js, в 2018 году. Она была разработана для решения ряда проблем и ограничений, присутствующих в Node.js. Deno внедряет различные функции и архитектурные решения для улучшения безопасности, опыта разработчиков и производительности.

Подробнее про преимущества и недостатки в статье.

👉 @frontendInterview

JavaScript для профессиональных веб-разработчиков

Самое полное руководство по современному JavaScript.
Как максимально прокачать свои навыки и стать топовым JS-программистом? Четвертое издание «JavaScript для профессиональных веб-разработчиков» идеально подойдет тем, кто уже имеет базовые знания и опыт разработки на JavaScript. Автор сразу переходит к техническим деталям, которые сделают ваш код чистым и переведут вас с уровня рядового кодера на высоту продвинутого разработчика.

👉 @frontendInterview