#4 Пишем КИНОСАЙТ на Javascript
В этом видео мы напишем учебный проект на Javascript - Киносайт или Movie App.
По практикуем верстку, взаимодействие с API и Document Object Model. Поехали!
Этот видео урок подойдет новичкам, которые уже познакомились с Html, Css, Javascript и знают, что такое Document Object Model (Dom).
⭐️ Инфо для проекта:
kinopoiskapiunofficial.tech/
api key: 8c8e1a50-6322-4135-8875-5d40a5420d86
⭐️ Код из видео:
github.com/balkoev/10-javascr...
⭐️ Мои соц. сети
Инстаграм: / adam_balkoev
Вконтакте: adam_balkoev
Пікірлер: 92
Очень приятно, что есть такие люди как ты, счастья и всех земных благ тебе!
Отличный урок, спасибо! Было бы интересно посмотреть в рамках этого проекта реализацию модального окна и пагинации. И еще, по возможности, сделать favorite list, в который можно добавлять понравившиеся фильмы или фильтр по жанрам.
Привет, Адам!!! Контент супер,продолжай в том же духе и лайки видосам обеспечены,главное не останавливайся!!!
Спасибо за отличный урок. Ждем продолжения видосов на js и React
Ждем пагинацию и модальное окно. За урок большое спасибо.
Большое спасибо, я с нетерпением жду продолжения․
спасибо Адам за интересные 4 проекта все сделал вместе с тобой оч круто)
Привет. Ты, конечно, золотой контент для новичков делаешь. Спасибо! Когда уже продолжение этого проекта?
Спасибо вам вы очень помогаете практиковать js, теории много ,а практики в свободном пространстве не так уж и много)
Спасибо мужик, значительно мне помог в освоении =)
Спасибо, лучший урок на эту тему!)
Добрый день! Крутые видео по API, fetch. Выложите пожалуйста еще новые видосы на эту тематику! У Вас подача пушка, всё понятно, легко. Заранее буду благодарен!
Ждём пагинацию и модалку с детальной информацией фильма в качестве пятого проекта!)
@merunus8556
2 жыл бұрын
можете не ждать, ему даже готовую реализацию в виде кода тяжело скинуть))
@andriizatsepin6137
2 жыл бұрын
@@merunus8556 просто интересно, а чем ссылка на github не подходит?
@deterkot
Жыл бұрын
@@merunus8556 прода вышла!
Хотелось бы увидеть пагинацию в рамках этого проекта
Полезный видос! Спасибо!
Прекрасный урок!
Большое вам спасибо за интересные проекты! Хотела у вас спросить, у меня при поиске на некоторых фильмах в кружке вместо рейтинга вылазит null. По идее ${movie.rating &&`} должен помочь как от undefined, так и от null. Но явно требуется что-то еще. Не подскажете что именно надо сделать?
Все понятно ждем продолжения
go ahead for second part...supporting you
Все еще ждем модалку ))
для новичка получилось офигительно
Годный контент!
Здравствуйте, вы можете сделать ролик для площадки Steam , что бы он парсил цены по заданным критериям?
давайте погинацию, плюс модалку добавить, и что бы можно было смотреть выбранный фильм!))
Вообще огонь)
Здравствуйте, я начинающий разработчик. У меня появился вопрос. Почему при получении данных с Api картинки отображаются поверх верстки, то есть картинка большая и закрывает все характеристики фильма?
Добрый день. Будут еще уроки по JS ???
Ждем пагинацию )))
Ассаламу алейкум! Баркал за видео, очень интересно. Если не трудно, запиши ещё видео как отправлять на изменение данные через API, а не только чтение )
тут есть проблема оценка кино (ретинг ) на процентах к примеру 98.10% красный светится а как писать типо не можешь так пистаь else if (vote >= 70%) { return 'green' это Ошибка % оператор и как в функции написать? дайте совет
классный проект , даешь пагинацию)
Ура !
А когда будет продолжение? А то уже как никак 2022 год) Просто очень хотелось бы взглянуть на модальное окно и пагинацию)
@user-ff3lc1et3u
Жыл бұрын
да, без пагинации вообще никак
а как убрать undefined ?? Я сделал другое условие, у меня false пишет, но надо убрать
Продолжение создания этого сайта будет?
Почему бы не использовать псевдоклассы сразу на классе movie_cover? .movie_cover: hover например, и просто установить там opacity: 0.7 вместо того, чтоб городить кучу параллельных реальностей ))?
как плагин называется который подсказывает свойства в css?
Давай ещё один час для для этого проекта
Не загружает изображения фильмов? В чем может быть загвоздка? Скачал твой репозиторий - та же проблема.
Было бы не плохо ещё плеер засунуть рабочий. Только хз прилетит за это или нет
Даешь пагинацию и модалку!!! )))
НЕЛЬЗЯ ЛИ СОЗДАТЬ ОБУЧАЮЩИЙ КУРС ПО СОЗДАНИЮ ОНЛАЙН КИНОСАЙТА ДЛЯ ЧАЙНИКОВ С НУЛЯ/ НАЧИНАЯ C ДОМЕНА. ДВИЖКА И ТД. ГДЕ ВЗЯТ ВИНДОСЫ И КАК ЗАПОЛНЯТЬ САЙТ?///////// спс
я нажимаю но почему у меня код другой выходит, это из-за чего?
Почему в категориях не работает foreach, а map работает?
Помогите почему у меня стоит 35 страниц для топ 100 и как это поменять?
Адам покажи как сделать пагинацию на этом-же проекте. Очень интересно узнать как реализуеться, чтобы внедрять в свои проекты
@artemalesenko9855
3 жыл бұрын
Если разбираешься js хоть немного, то сам сможешь реализовать, там всё не трудно, сначала подумай в голове и распиши шаги
А продолжения будет, чтобы сделать полноценный сайт где можно будет фильм посмотреть?
@balkoev
2 жыл бұрын
Это учебный проект, сайт не нацелен, чтобы им пользовались. Цель практиковать js.
спасибо за ролик, подскажите что делать когда мы вешаем тернарник на movie. runtime для того чтобы удалять строчку если нет инфы о продолжительности фильма у меня этот null пишется под карточкой, также с рейтингом, не могу понять ошибку
Когда будет прода?
Почему перестал новые видео выкладывать?
Всем привет доброго времени суток, есть фигма этого проекта ?
Спасибо, крутой урок, вообще ждать еще уроки на твоем канале ?
@balkoev
2 жыл бұрын
Да, все обещаю, но надеюсь скоро ворвусь!
@bytheway7
Жыл бұрын
@@balkoev Спасибо за уроки!
Давай продолжение
Ассалому Алейкум! С Рамаданом! Куда пропали? 😀
я за пагинацию и модалку!!))
Когда продолжение??
слушай а приближай пж сильнее свой код а то почти не видно
давайте и модал и карусел ПЖ спасибо
лайк
Так, стоп , а где видео продолжение
@user-ui6hw3ef1b
2 жыл бұрын
хороший вопрос
Где продолжение то?
Сделай модальное окно
Друзья, у кого нибудь есть пример как осуществить модальное окно для данного проекта? Данный API Кинопоиска не совсем удобный для получения инфы в более подробной информации по фильму, так как в URL ссылке API нет данных description по фильму.
@CyberDanilka
2 жыл бұрын
Данные для описания есть, я для своего проекта на курсовую сделал фильмотеку около недели назад на реакте, но не модальными окнами, а роутингом, могу кинуть ссылку, если хочешь посмотреть пример(роутинг чутка кривой, лень переделывать)
@JoySLAB
2 жыл бұрын
@@CyberDanilka если не в падлу, то буду благодарен, я модалку смог запилить правда все таки, но с фреймом HystModal.
#даешьпагинациюимодалку © Boom
Адам кха видео ца якх воал хьо ?
автор молодец. Что в итоге потом делали?
@balkoev
2 жыл бұрын
Сделал модальное окно и пагинацию. Никак не найду время для записи.
@minkostas7232
2 жыл бұрын
@@balkoev вчерашний вечер полностью посвятил вашему туториалу)
@yalirama
2 жыл бұрын
@@balkoev окей удачи, ждем
Где новые видосы?:)))))))
Font size on vscode little biggest
а как смотреть фильмы ?
@astkh4381
2 жыл бұрын
Никак
Когда пишут js код, похоже на гайд как нарисовать сову
всьо окей ток в некоторих фильмах в рейтинге например 95.0% хз почему так
@balkoev
9 ай бұрын
Возможно я мог пофиксить это поведение во второй части, но это не точно)
25:51
кто разобрался как страницы менять интерактивно?
бесит когда так видео пишут, без микрофона. Как будто не для людей, выставляя себя напоказ, чото бубня себе под нос. Блэээээээээээ как fetch запрос написал одному себе только понятно, наверное Минин, хотя бы готовится!