Привет. Эта неделя была довольно интенсивной в хорошем смысле. Мне удалось пройти курс Platzi «Асинхронизм с JavaScript». Этот курс в основном касался различных способов разработки асинхронных функций: обратных вызовов, промисов и выборки. В курсе было важное практическое упражнение: целевая страница, подключенная к API, чтобы иметь возможность показывать последние видео канала. Любой канал, даже плейлист. Я использовал плейлист с музыкой от Nintendo. Мы используем инструмент под названием RapidAPI для переноса кода в JS.
На этой платформе следует помнить, что для начала работы с API необходимо иметь тип подписки. У него разные планы в зависимости от количества запросов в месяц. Есть много API Freemium, которые предлагают наименьшее количество запросов среди всех планов. Некоторые позволяют оформить подписку без необходимости предоставления платежной информации. Те, кто запрашивает последнее, - это те, которые предлагают дополнительные запросы к предусмотренному в плане за определенную сумму денег.
Через некоторое время, пытаясь подключиться к API (я не знал о подписках), мне удалось успешно отобразить видео из моего плейлиста на Landing Page. Что касается самой страницы, то модель уже была сделана ранее и передана нам учителем. Одно из отличий от предыдущих проектов заключается в том, что в этом используется Tailwind, технология, которую мне еще предстоит изучить.
Проект заключался «только» в получении миниатюры и названия видео канала или плейлиста. Честно говоря, это было введение в вызовы API. Учитель, однако, призвал нас попробовать что-то новое в проекте, поэтому я реализовал функциональность, которая перенаправляла на видео в плейлисте. Это стало возможным благодаря идентификатору списка и самих видео. Если вы хотите взглянуть на это, вы можете сделать это здесь:
А вот репозиторий:
GitHub - ionuser13/async-landing: Целевая страница как проект курса «Асинхронность с JS в…
Лендинг как проект курса Асинхронность с JS в Plazti Эта целевая страница является проектом…github.com»
Это было не все. И это то, что я вспомнил прошлый проект: галерею песен в моем плейлисте Spotify. Первоначальный план этого проекта состоял в том, чтобы создать страницу для каждой песни… вручную. Это изменилось, когда я узнал, как подключиться к API. Проект немного изменится: я больше не буду лично создавать страницу для каждой песни, но каждый элемент галереи (который был сеткой) будет перенаправлять пользователя на страницу, соответствующую песне в Genius (платформа, где вы можете найти тексты песен). песни, между прочим).
Я использовал метод, аналогичный предыдущему проекту, для получения данных из API, и я сделал еще кое-что: я попытался создать своего рода шаблон для Genius, следуя структуре ссылок на песни. Я использовал регулярные выражения и их методы. В целом все прошло хорошо — я смог подключиться к API. Однако не все песни можно связать с Genius из-за их названий. Если вы хотите увидеть проект, вот он:
Вот репозиторий:
Хотя дизайн можно улучшить, цель этого проекта не в этом, а в проверке навыков работы с интерфейсом.
Отчасти из-за этого я недавно присоединился к Platzi Challenge — конкурсу по созданию портфолио в качестве разработчика JavaScript. Он состоит из создания таких проектов, как генератор паролей, крестики-нолики и другие. И дело в том, что в этой задаче рекомендуется пройти курс, посвященный потреблению API Rest. Это будет следующая вещь, над которой я буду работать.
Приветствую и не сдаюсь.
Редактировать: пока я публиковал галерею песен на Platzi, я спросил себя, можно ли увидеть тексты песен из Spotify. И да, они могут. Поэтому вместо этого, если я использую регулярные выражения для адаптации ссылки к каждой странице Genius, я могу просто использовать идентификатор песни, чтобы он перенаправлял на страницу песни Spotify.
