#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

  • @denchik_797
    @denchik_7972 жыл бұрын

    Очень приятно, что есть такие люди как ты, счастья и всех земных благ тебе!

  • @user-nu3eu8ok5p
    @user-nu3eu8ok5p3 жыл бұрын

    Отличный урок, спасибо! Было бы интересно посмотреть в рамках этого проекта реализацию модального окна и пагинации. И еще, по возможности, сделать favorite list, в который можно добавлять понравившиеся фильмы или фильтр по жанрам.

  • @thebestmotivationalaudiobo2066
    @thebestmotivationalaudiobo20663 жыл бұрын

    Привет, Адам!!! Контент супер,продолжай в том же духе и лайки видосам обеспечены,главное не останавливайся!!!

  • @user-ff3lc1et3u
    @user-ff3lc1et3u Жыл бұрын

    Спасибо за отличный урок. Ждем продолжения видосов на js и React

  • @user-cb2bw2fx4j
    @user-cb2bw2fx4j3 жыл бұрын

    Ждем пагинацию и модальное окно. За урок большое спасибо.

  • @arturkhurshudyan4470
    @arturkhurshudyan44702 жыл бұрын

    Большое спасибо, я с нетерпением жду продолжения․

  • @elperdante
    @elperdante Жыл бұрын

    спасибо Адам за интересные 4 проекта все сделал вместе с тобой оч круто)

  • @user-rb3vo4gt1l
    @user-rb3vo4gt1l2 жыл бұрын

    Привет. Ты, конечно, золотой контент для новичков делаешь. Спасибо! Когда уже продолжение этого проекта?

  • @Cycle329
    @Cycle3293 жыл бұрын

    Спасибо вам вы очень помогаете практиковать js, теории много ,а практики в свободном пространстве не так уж и много)

  • @bagga_lev
    @bagga_lev3 жыл бұрын

    Спасибо мужик, значительно мне помог в освоении =)

  • @user-fo3xl9hi5f
    @user-fo3xl9hi5f8 ай бұрын

    Спасибо, лучший урок на эту тему!)

  • @c4973
    @c49732 жыл бұрын

    Добрый день! Крутые видео по API, fetch. Выложите пожалуйста еще новые видосы на эту тематику! У Вас подача пушка, всё понятно, легко. Заранее буду благодарен!

  • @user-ih5wq9tx9e
    @user-ih5wq9tx9e3 жыл бұрын

    Ждём пагинацию и модалку с детальной информацией фильма в качестве пятого проекта!)

  • @merunus8556

    @merunus8556

    2 жыл бұрын

    можете не ждать, ему даже готовую реализацию в виде кода тяжело скинуть))

  • @andriizatsepin6137

    @andriizatsepin6137

    2 жыл бұрын

    @@merunus8556 просто интересно, а чем ссылка на github не подходит?

  • @deterkot

    @deterkot

    Жыл бұрын

    @@merunus8556 прода вышла!

  • @terrylomacchi2347
    @terrylomacchi23473 жыл бұрын

    Хотелось бы увидеть пагинацию в рамках этого проекта

  • @shiny9788
    @shiny9788 Жыл бұрын

    Полезный видос! Спасибо!

  • @passantfrontend2566
    @passantfrontend25662 жыл бұрын

    Прекрасный урок!

  • @waleriaholmes8378
    @waleriaholmes8378 Жыл бұрын

    Большое вам спасибо за интересные проекты! Хотела у вас спросить, у меня при поиске на некоторых фильмах в кружке вместо рейтинга вылазит null. По идее ${movie.rating &&`} должен помочь как от undefined, так и от null. Но явно требуется что-то еще. Не подскажете что именно надо сделать?

  • @user-ju5uo9wb2z
    @user-ju5uo9wb2z2 жыл бұрын

    Все понятно ждем продолжения

  • @technopack497
    @technopack4972 жыл бұрын

    go ahead for second part...supporting you

  • @user-sc9cn3os6w
    @user-sc9cn3os6w2 жыл бұрын

    Все еще ждем модалку ))

  • @eliabloneva9030
    @eliabloneva9030 Жыл бұрын

    для новичка получилось офигительно

  • @orcsamuro9687
    @orcsamuro96872 жыл бұрын

    Годный контент!

  • @user-qi5sv2ge4p
    @user-qi5sv2ge4p2 жыл бұрын

    Здравствуйте, вы можете сделать ролик для площадки Steam , что бы он парсил цены по заданным критериям?

  • @user-dx5dx4wv8f
    @user-dx5dx4wv8f2 жыл бұрын

    давайте погинацию, плюс модалку добавить, и что бы можно было смотреть выбранный фильм!))

  • @user-bx6nw2ko9o
    @user-bx6nw2ko9o Жыл бұрын

    Вообще огонь)

  • @aazazazqadsacz6331
    @aazazazqadsacz6331 Жыл бұрын

    Здравствуйте, я начинающий разработчик. У меня появился вопрос. Почему при получении данных с Api картинки отображаются поверх верстки, то есть картинка большая и закрывает все характеристики фильма?

  • @RamazanDjafarov
    @RamazanDjafarov Жыл бұрын

    Добрый день. Будут еще уроки по JS ???

  • @morelifetv1041
    @morelifetv10412 жыл бұрын

    Ждем пагинацию )))

  • @user-cn1ix2us2b
    @user-cn1ix2us2b3 жыл бұрын

    Ассаламу алейкум! Баркал за видео, очень интересно. Если не трудно, запиши ещё видео как отправлять на изменение данные через API, а не только чтение )

  • @legion465
    @legion4652 жыл бұрын

    тут есть проблема оценка кино (ретинг ) на процентах к примеру 98.10% красный светится а как писать типо не можешь так пистаь else if (vote >= 70%) { return 'green' это Ошибка % оператор и как в функции написать? дайте совет

  • @nazar9796
    @nazar97963 жыл бұрын

    классный проект , даешь пагинацию)

  • @arthurvysotsky4759
    @arthurvysotsky47593 жыл бұрын

    Ура !

  • @denchik_797
    @denchik_7972 жыл бұрын

    А когда будет продолжение? А то уже как никак 2022 год) Просто очень хотелось бы взглянуть на модальное окно и пагинацию)

  • @user-ff3lc1et3u

    @user-ff3lc1et3u

    Жыл бұрын

    да, без пагинации вообще никак

  • @user-po4qi4mz7t
    @user-po4qi4mz7t2 жыл бұрын

    а как убрать undefined ?? Я сделал другое условие, у меня false пишет, но надо убрать

  • @CMD_IT
    @CMD_IT Жыл бұрын

    Продолжение создания этого сайта будет?

  • @e-politolog
    @e-politolog Жыл бұрын

    Почему бы не использовать псевдоклассы сразу на классе movie_cover? .movie_cover: hover например, и просто установить там opacity: 0.7 вместо того, чтоб городить кучу параллельных реальностей ))?

  • @gazimagomed8748
    @gazimagomed8748 Жыл бұрын

    как плагин называется который подсказывает свойства в css?

  • @arthurvysotsky4759
    @arthurvysotsky47593 жыл бұрын

    Давай ещё один час для для этого проекта

  • @user-je6qn8qu6d
    @user-je6qn8qu6d Жыл бұрын

    Не загружает изображения фильмов? В чем может быть загвоздка? Скачал твой репозиторий - та же проблема.

  • @azazel2899
    @azazel28992 жыл бұрын

    Было бы не плохо ещё плеер засунуть рабочий. Только хз прилетит за это или нет

  • @Zibinskiy
    @Zibinskiy3 жыл бұрын

    Даешь пагинацию и модалку!!! )))

  • @KZ-QAZAQ_Eli_QAZAQ_Tilde1977
    @KZ-QAZAQ_Eli_QAZAQ_Tilde19772 жыл бұрын

    НЕЛЬЗЯ ЛИ СОЗДАТЬ ОБУЧАЮЩИЙ КУРС ПО СОЗДАНИЮ ОНЛАЙН КИНОСАЙТА ДЛЯ ЧАЙНИКОВ С НУЛЯ/ НАЧИНАЯ C ДОМЕНА. ДВИЖКА И ТД. ГДЕ ВЗЯТ ВИНДОСЫ И КАК ЗАПОЛНЯТЬ САЙТ?///////// спс

  • @white2244
    @white2244 Жыл бұрын

    я нажимаю но почему у меня код другой выходит, это из-за чего?

  • @WockeezChannel
    @WockeezChannel Жыл бұрын

    Почему в категориях не работает foreach, а map работает?

  • @user-xc5yx9ui5h
    @user-xc5yx9ui5h Жыл бұрын

    Помогите почему у меня стоит 35 страниц для топ 100 и как это поменять?

  • @dmitry3241
    @dmitry32413 жыл бұрын

    Адам покажи как сделать пагинацию на этом-же проекте. Очень интересно узнать как реализуеться, чтобы внедрять в свои проекты

  • @artemalesenko9855

    @artemalesenko9855

    3 жыл бұрын

    Если разбираешься js хоть немного, то сам сможешь реализовать, там всё не трудно, сначала подумай в голове и распиши шаги

  • @ha3apbl4
    @ha3apbl42 жыл бұрын

    А продолжения будет, чтобы сделать полноценный сайт где можно будет фильм посмотреть?

  • @balkoev

    @balkoev

    2 жыл бұрын

    Это учебный проект, сайт не нацелен, чтобы им пользовались. Цель практиковать js.

  • @littlespoon9270
    @littlespoon92706 ай бұрын

    спасибо за ролик, подскажите что делать когда мы вешаем тернарник на movie. runtime для того чтобы удалять строчку если нет инфы о продолжительности фильма у меня этот null пишется под карточкой, также с рейтингом, не могу понять ошибку

  • @rich_makson9675
    @rich_makson96752 жыл бұрын

    Когда будет прода?

  • @user-oe6xt6rb4g
    @user-oe6xt6rb4g Жыл бұрын

    Почему перестал новые видео выкладывать?

  • @erlanabdraimov3432
    @erlanabdraimov34322 ай бұрын

    Всем привет доброго времени суток, есть фигма этого проекта ?

  • @user-sc9cn3os6w
    @user-sc9cn3os6w2 жыл бұрын

    Спасибо, крутой урок, вообще ждать еще уроки на твоем канале ?

  • @balkoev

    @balkoev

    2 жыл бұрын

    Да, все обещаю, но надеюсь скоро ворвусь!

  • @bytheway7

    @bytheway7

    Жыл бұрын

    @@balkoev Спасибо за уроки!

  • @artursemenov9346
    @artursemenov93463 жыл бұрын

    Давай продолжение

  • @flashback8504
    @flashback85042 жыл бұрын

    Ассалому Алейкум! С Рамаданом! Куда пропали? 😀

  • @user-vv6fy1tt3i
    @user-vv6fy1tt3i2 жыл бұрын

    я за пагинацию и модалку!!))

  • @user-mc9bs1yc3m
    @user-mc9bs1yc3m2 жыл бұрын

    Когда продолжение??

  • @deterkot
    @deterkot Жыл бұрын

    слушай а приближай пж сильнее свой код а то почти не видно

  • @ravshan.abduqodir
    @ravshan.abduqodir2 жыл бұрын

    давайте и модал и карусел ПЖ спасибо

  • @deterkot
    @deterkot Жыл бұрын

    лайк

  • @user-zx1xm9yw8s
    @user-zx1xm9yw8s2 жыл бұрын

    Так, стоп , а где видео продолжение

  • @user-ui6hw3ef1b

    @user-ui6hw3ef1b

    2 жыл бұрын

    хороший вопрос

  • @hojiali2705
    @hojiali27052 жыл бұрын

  • @user-lc6wo7bt1m
    @user-lc6wo7bt1m2 жыл бұрын

    Где продолжение то?

  • @hamormaratovuch4181
    @hamormaratovuch41813 жыл бұрын

    Сделай модальное окно

  • @JoySLAB
    @JoySLAB2 жыл бұрын

    Друзья, у кого нибудь есть пример как осуществить модальное окно для данного проекта? Данный API Кинопоиска не совсем удобный для получения инфы в более подробной информации по фильму, так как в URL ссылке API нет данных description по фильму.

  • @CyberDanilka

    @CyberDanilka

    2 жыл бұрын

    Данные для описания есть, я для своего проекта на курсовую сделал фильмотеку около недели назад на реакте, но не модальными окнами, а роутингом, могу кинуть ссылку, если хочешь посмотреть пример(роутинг чутка кривой, лень переделывать)

  • @JoySLAB

    @JoySLAB

    2 жыл бұрын

    @@CyberDanilka если не в падлу, то буду благодарен, я модалку смог запилить правда все таки, но с фреймом HystModal.

  • @boomroom3138
    @boomroom31382 жыл бұрын

    #даешьпагинациюимодалку © Boom

  • @host_admm
    @host_admm Жыл бұрын

    Адам кха видео ца якх воал хьо ?

  • @minkostas7232
    @minkostas72322 жыл бұрын

    автор молодец. Что в итоге потом делали?

  • @balkoev

    @balkoev

    2 жыл бұрын

    Сделал модальное окно и пагинацию. Никак не найду время для записи.

  • @minkostas7232

    @minkostas7232

    2 жыл бұрын

    @@balkoev вчерашний вечер полностью посвятил вашему туториалу)

  • @yalirama

    @yalirama

    2 жыл бұрын

    @@balkoev окей удачи, ждем

  • @user-fedorIhor
    @user-fedorIhor2 жыл бұрын

    Где новые видосы?:)))))))

  • @afin4684
    @afin46842 жыл бұрын

    Font size on vscode little biggest

  • @lpseeen5030
    @lpseeen50303 жыл бұрын

    а как смотреть фильмы ?

  • @astkh4381

    @astkh4381

    2 жыл бұрын

    Никак

  • @wanzet11
    @wanzet11 Жыл бұрын

    Когда пишут js код, похоже на гайд как нарисовать сову

  • @aduvancik9673
    @aduvancik96739 ай бұрын

    всьо окей ток в некоторих фильмах в рейтинге например 95.0% хз почему так

  • @balkoev

    @balkoev

    9 ай бұрын

    Возможно я мог пофиксить это поведение во второй части, но это не точно)

  • @user-eo6rv7sq6e
    @user-eo6rv7sq6e2 жыл бұрын

    25:51

  • @Gabriel-zt3ow
    @Gabriel-zt3ow Жыл бұрын

    кто разобрался как страницы менять интерактивно?

  • @sony1939
    @sony19398 ай бұрын

    бесит когда так видео пишут, без микрофона. Как будто не для людей, выставляя себя напоказ, чото бубня себе под нос. Блэээээээээээ как fetch запрос написал одному себе только понятно, наверное Минин, хотя бы готовится!

Келесі