Наше поколение постоянно бомбардируется непрерывным производством фильмов и телешоу. Настолько, что это стало частью американской культуры. Добро пожаловать в наше кино приложение. Это приложение позволяет пользователям собирать список своих любимых фильмов и сериалов в одном удобном месте. Кроме того, если пользователь желает, у него есть возможность поделиться списком на Facebook, чтобы их самые близкие друзья и семья знали, что они недавно смотрели. В этом посте я расскажу, как работает это приложение.
Используемые API: OMDB, The Movie DB, Giphy.
Используемые библиотеки: Popper, Shareaholic.
API довольно просты, если у вас есть опыт внутренней разработки, поэтому я не буду их описывать.
Popper.js — это библиотека javascript, которая создает всплывающее окно, когда пользователь наводит курсор на определенный элемент (что-то вроде мысленного пузыря). Эта библиотека использовалась в приложении для просмотра фильмов для отображения описания фильма при наведении курсора на постер фильма.
Вот пример:
Чтобы использовать Popper, импортируйте следующий код в свой файл html или javascript:
‹script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js crossorigin="anonymous"›‹/script›
Чтобы создать базовый поппер, используйте следующий код в качестве начального фрагмента для вашего html-файла:
‹div class="card" style="width: 18rem"›
‹img id="movieImage" src="assets/images/Placeholder1.jpg" class="card-img-top" alt="…" title="Description"
data-content = «Это описание искомого фильма». data-trigger="hover" data-toggle="popover"
размещение данных = «право» ›
‹/дел›
И примените следующий код в javascript:
$(функция() {
$(‘[data-toggle="popover").popover();
});
Popper.js действительно прост в использовании, как только вы освоите его.
Сотрудничество над этим проектом научило меня среде gitflow и тому, как эффективно обмениваться идеями с членами команды. Наша команда встречалась 3–4 дня в неделю по несколько часов за исследованиями и написанием кода. Кроме того, как только мы запустили приложение, все пошло как по маслу. В целом, я думаю, что этот первый проект был успешным.