#4 Пишем КИНОСАЙТ на Javascript

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024
  • В этом видео мы напишем учебный проект на Javascript - Киносайт или Movie App.
    По практикуем верстку, взаимодействие с API и Document Object Model. Поехали!
    Этот видео урок подойдет новичкам, которые уже познакомились с Html, Css, Javascript и знают, что такое Document Object Model (Dom).
    ⭐️ Инфо для проекта:
    kinopoiskapiun...
    api key: 8c8e1a50-6322-4135-8875-5d40a5420d86
    ⭐️ Код из видео:
    github.com/bal...
    ⭐️ Мои соц. сети
    Инстаграм: / adam_balkoev
    Вконтакте: adam_ba...

Комментарии • 90

  • @ИгорьГубанов-ф3ч
    @ИгорьГубанов-ф3ч 3 года назад +47

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

    • @merunus8556
      @merunus8556 2 года назад +1

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

    • @andriizatsepin6137
      @andriizatsepin6137 2 года назад +2

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

    • @deterkot
      @deterkot 2 года назад +1

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

  • @LiliiaShvets-t9n
    @LiliiaShvets-t9n 3 года назад +11

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

  • @АлександрМ-я9ч
    @АлександрМ-я9ч 3 года назад +9

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

  • @bagga_lev
    @bagga_lev 3 года назад +2

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

  • @arturkhurshudyan4470
    @arturkhurshudyan4470 3 года назад

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

  • @terrylomacchi2347
    @terrylomacchi2347 3 года назад +18

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

  • @ДмитрийКрук-у4т
    @ДмитрийКрук-у4т 3 года назад +3

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

  • @denchik_797
    @denchik_797 2 года назад +13

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

  • @ЧакДжонс-и3й
    @ЧакДжонс-и3й 3 года назад +3

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

  • @ДенисДоровских-я2с
    @ДенисДоровских-я2с 3 года назад +3

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

  • @АлексейЯлунин-з7м
    @АлексейЯлунин-з7м 3 года назад

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

  • @arthurvysotsky4759
    @arthurvysotsky4759 3 года назад +1

    Ура !

  • @ronallik
    @ronallik 3 года назад +7

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

  • @ЗапасЗнаний
    @ЗапасЗнаний Год назад +1

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

  • @ВарвараПопова-ж9ю
    @ВарвараПопова-ж9ю 2 года назад

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

  • @denchik_797
    @denchik_797 2 года назад +5

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

  • @ДмитрийКрук-у4т
    @ДмитрийКрук-у4т 3 года назад +1

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

    • @balkoev
      @balkoev  3 года назад +1

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

    • @bytheway7
      @bytheway7 2 года назад

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

  • @boomroom3138
    @boomroom3138 3 года назад +1

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

  • @thebestmotivationalaudiobo2066
    @thebestmotivationalaudiobo2066 3 года назад +3

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

  • @Zibinskiy
    @Zibinskiy 3 года назад +3

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

  • @ЯрославКошелев-о9ы
    @ЯрославКошелев-о9ы 2 года назад +3

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

  • @azazel2899
    @azazel2899 3 года назад +1

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

  • @e-politolog
    @e-politolog Год назад

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

  • @nazar9796
    @nazar9796 3 года назад +2

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

  • @dmitry3241
    @dmitry3241 3 года назад +9

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

    • @artemalesenko9855
      @artemalesenko9855 3 года назад +1

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

  • @Великолепие-т2х
    @Великолепие-т2х 3 года назад

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

  • @ravshan.abduqodir
    @ravshan.abduqodir 3 года назад +1

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

  • @erlanabdraimov3432
    @erlanabdraimov3432 6 месяцев назад

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

  • @RamazanDjafarov
    @RamazanDjafarov 2 года назад

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

  • @Cycle329
    @Cycle329 3 года назад +2

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

  • @morelifetv1041
    @morelifetv1041 3 года назад +1

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

  • @passantfrontend2566
    @passantfrontend2566 2 года назад +2

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

  • @hojiali2705
    @hojiali2705 2 года назад

  • @arthurvysotsky4759
    @arthurvysotsky4759 3 года назад +1

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

  • @sergeykhmelnitsky5307
    @sergeykhmelnitsky5307 2 месяца назад

    футболка классная, классика!

  • @МаксимКотолевский

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

  • @waleriaholmes8378
    @waleriaholmes8378 Год назад

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

  • @KZ-QAZAQ_Eli_QAZAQ_Tilde1977
    @KZ-QAZAQ_Eli_QAZAQ_Tilde1977 2 года назад

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

  • @sony1939
    @sony1939 Год назад

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

  • @WockeezChannel
    @WockeezChannel 2 года назад

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

  • @aazazazqadsacz6331
    @aazazazqadsacz6331 Год назад

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

  • @growmindtogether
    @growmindtogether 2 года назад

    go ahead for second part...supporting you

  • @afin4684
    @afin4684 2 года назад

    Font size on vscode little biggest

  • @deterkot
    @deterkot 2 года назад

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

  • @necroman-c5m
    @necroman-c5m Год назад

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

  • @gazimagomed8748
    @gazimagomed8748 Год назад

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

  • @white2244
    @white2244 2 года назад

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

  • @виталийкытманов-п8ф

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

  • @АндрейЛазерко-п4ч
    @АндрейЛазерко-п4ч 2 года назад

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

  • @legion465
    @legion465 2 года назад

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

  • @flashback8504
    @flashback8504 2 года назад

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

  • @Gabriel-zt3ow
    @Gabriel-zt3ow 2 года назад

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

  • @CMD_IT
    @CMD_IT 2 года назад

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

  • @host_admin
    @host_admin 2 года назад

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

  • @РоманЗібарєвіч
    @РоманЗібарєвіч 3 года назад

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

  • @c4973
    @c4973 2 года назад

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

  • @eliabloneva9030
    @eliabloneva9030 Год назад

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

  • @deterkot
    @deterkot 2 года назад

    лайк

  • @minkostas7232
    @minkostas7232 2 года назад +1

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

    • @balkoev
      @balkoev  2 года назад +2

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

    • @minkostas7232
      @minkostas7232 2 года назад

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

    • @yalirama
      @yalirama 2 года назад +1

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

  • @АндрейМакаревич-ч2я

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

  • @shiny9788
    @shiny9788 Год назад

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

  • @wanzet11
    @wanzet11 Год назад

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

  • @aduvancik9673
    @aduvancik9673 Год назад

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

    • @balkoev
      @balkoev  Год назад

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

  • @Viet-w9i
    @Viet-w9i 2 года назад

    25:51

  • @Домнаопушке
    @Домнаопушке 2 года назад

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

  • @user-mc9bs1yc3m
    @user-mc9bs1yc3m 2 года назад

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

  • @elperdante
    @elperdante 2 года назад

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

  • @hamormaratovuch4181
    @hamormaratovuch4181 3 года назад

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

  • @rich_makson9675
    @rich_makson9675 2 года назад

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

  • @artursemenov9346
    @artursemenov9346 3 года назад

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

  • @ha3apbl4
    @ha3apbl4 2 года назад

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

    • @balkoev
      @balkoev  2 года назад

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

  • @orcsamuro9687
    @orcsamuro9687 2 года назад

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

  • @user-fedorIhor
    @user-fedorIhor 3 года назад

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

  • @lpseeen5030
    @lpseeen5030 3 года назад

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

  • @littlespoon9270
    @littlespoon9270 10 месяцев назад

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