Frontender's notes [ru]
Годные статьи для Frontend разработчиков HTML, CSS, JS, React, Angular, Vue, TypeScript, Redux, MobX, NodeJS. Чаты: @frontend_ru, @javascript_ru Контакты: @g_abashkin
Больше36 371
Подписчики
+924 часа
-487 дней
-10130 дней
- Подписчики
- Просмотры постов
- ER - коэффициент вовлеченности
Загрузка данных...
Прирост подписчиков
Загрузка данных...
👩💻 Код гласных
Напишите функцию с именем encode() для замены всех строчных гласных в заданной строке числами в соответствии со следующим шаблоном:
a => 1 e => 2 i => 3 o => 4 u => 5Пример кода:
encode("hello") => "h2ll4"Теперь создайте функцию с именем decode(), чтобы преобразовать числа обратно в гласные в соответствии с тем же шаблоном, который показан выше. Пример кода:
decode("h3 th2r2") => "hi there"Решить задачу ⬅️
Решение задачи🔽function encode(str) { // Создаем объект для соответствия гласных и чисел const vowelsToNum = { 'a': '1', 'e': '2', 'i': '3', 'o': '4', 'u': '5' }; // Заменяем каждую гласную в строке соответствующим числом return str.replace(/[aeiou]/g, match => vowelsToNum[match]); } function decode(str) { // Создаем объект для соответствия чисел гласным const numToVowels = { '1': 'a', '2': 'e', '3': 'i', '4': 'o', '5': 'u' }; // Заменяем каждую цифру в строке соответствующей гласной return str.replace(/[1-5]/g, match => numToVowels[match]); } // Тестирование функций console.log(encode("hello")); // должно вывести "h2ll4" console.log(decode("h3 th2r2")); // должно вывести "hi there"
📊 Создавайте диаграммы на React с помощью библиотеки chart.js
В этой статье вы научитесь использовать chart.js в React на простых примерах с использованием статистических данных.
Читать...
Показать все...
💳 8 приложений и сайтов, за которые стоит заплатить: UX/UI edition
Предлагаем список полезных платных приложений и сайтов для UX/UI дизайнера и подробно рассматриваем их преимущества и особенности.
Читать...
🎓 Продвинутый SQL: секреты профессионалов
Рассказываем о сложных стратегиях оптимизации запросов, продвинутых типах соединений и тонкостях использования SELECT.
Читать...
По данным портала Schengen Visa Info, граждане России в 2023 году подали 520 тысяч заявлений на получение шенгенской визы, более четверти из которых выдала Испания — 117,4 тысяч виз. Туроператоры объясняют такой шквал заявок не только туристическим интересом, но и желанием людей задержаться в Европе уже не в качестве гостей.Сегодня специалисты в самых разных областях могут жить и работать в любой стране. Достаточно лишь ноутбука и стабильного интернета. Для людей с мобильным образом жизни Испания ввела вид на жительство Digital nomad, или ВНЖ Цифрового кочевника. Для получения этого ВНЖ вовсе не обязательно быть программистом или веб-разработчиком. Дизайнеры, предприниматели, репетиторы, менеджеры и рекламщики тоже могут претендовать на легализацию в Европе. А вы когда-нибудь задумывались об иммиграции в Испанию? Как и в любом деле, здесь стоит начать с подробного поиска важной информации, а чтобы не утонуть в океане ссылок и документов, где слишком много "воды" и ненужной информации, то вам поможет сервис Mercurius (первое упоминание сервиса — команда, которая организует релокацию без лишнего стресса. С ними можно: 🔍 узнать о подводных камнях при подаче на ВНЖ в Испании; 💬 получить юридическую поддержку в области миграционного, налогового права и трудоустройства; 🖥 найти инструменты для адаптации в Испании; 📍пройти путь от релоканта до гражданина. Если вы работаете удаленно и задумываетесь о релокации, обращайтесь за бесплатной консультацией сюда @Mercuriuslabb
Mercurius: Визы и ВНЖ в Испанию
Релокация, визы и ВНЖ в Испанию. Консультация, подготовка документов, перевод, полное сопровождение.
🖥 Самые интересные публикации за последние дни:
• Подключаем библиотеку к проекту с помощью npm/yarn link
• Как из безголовой CMS сделать полноценную систему управления сайтом
• Как обстоят дела с HTTP/3 в сURL на середину 2024 года
• Factor and Block CSS — методология CSS
👩💻 Scroll-Driven Glow Cards
Светящиеся карточки, меняющие цвет при скролле. Сделаны на SVG, CSS и JavaScript.
Открыть код...
👩💻 Хотите научиться создавать API с использованием GraphQL и NestJS?
Ждём вас на открытом практическом уроке от OTUS, где вы получите теоретические знания о GraphqL и NestJS и практические навыки по созданию и интеграции GraphQL с NestJS.
Спикер Николай Лапшин — опытный разработчик на нескольких языках, архитектор, тимлид и преподаватель.
Встречаемся 25 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!
➡ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://otus.pw/WS3e/
🎁 Только до 23 июня скидка 10%, подробности у наших менеджеров.
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
🗓 JavaScript и HTML: делаем простой календарь за 5 минут
Существует много способов использования JS для вебмастера. Одним из таких примеров может быть виджет календаря для веб-страницы. В этом материале мы создадим такой виджет с помощью HTML, CSS и JavaScript.
Читать...
Выберите другой тариф
Ваш текущий тарифный план позволяет посмотреть аналитику только 5 каналов. Чтобы получить больше, выберите другой план.