How to make netflix like website in angular 14 | Angular Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024
  • Hii guys, welcome to numofcode channel. in this video we create movie website in angular using themoviedb api.
    In this tutorial, you learn how to create a new angular project, how to create the component & services in the cmd line, or how to define router links and router outlets, how to use host listener in angular.
    ** please subscribe my channel **
    Source Code link:
    github.com/sac...
    ** Subscribe to numofcode ** :
    www.youtube.co....
    ** follow on ** :
    Instagram: / angularpost
    how to create responsive website in angular,
    how to make netflix like website in angular 14,
    angular 14 tutorial, angular tutorial

ความคิดเห็น • 93

  • @courtneycarson
    @courtneycarson ปีที่แล้ว +2

    I love that you showed instead of talking through it, I already understand angular so it was really easy to follow along this way. Great tutorial!

  • @diogoguerra9422
    @diogoguerra9422 ปีที่แล้ว +12

    Many congratulations for this tutorial. I would suggest that instead of music, you comment on the code and explain some code decisions. However, excellent work!

  • @rosasworld1368
    @rosasworld1368 ปีที่แล้ว +7

    thank you very very much. I just finished the project and I'm super excited to say that it works perfectly😍😍👌👌

  • @mohamedismail3917
    @mohamedismail3917 11 หลายเดือนก่อน +1

    Great job!
    1:55:09
    I noticed something when you were adding the genre methods in the movies service. You could have used just one method by passing the genre ID as a parameter and typing the desired ID number in the component.
    Loved the site btw Keep it Up!

    • @numofcode
      @numofcode  11 หลายเดือนก่อน

      Cool, thanks!

  • @alexlarson9866
    @alexlarson9866 ปีที่แล้ว +2

    This has been an amazing tutorial, I look forward to watching your other videos to teach me more! Thank you so much!!!

    • @numofcode
      @numofcode  ปีที่แล้ว

      You are so welcome!

  • @sanjayms00
    @sanjayms00 ปีที่แล้ว +1

    nice work bro keep on creating nice projects in angular. really an inspiration.

  • @SahilMandre
    @SahilMandre ปีที่แล้ว +2

    This was an awesome project, Loved it . request you to make angular dashboard project . Would love to see. Thanks

    • @numofcode
      @numofcode  ปีที่แล้ว +1

      thanks, please watch this video for angular dashboard project th-cam.com/video/tcE0mbpROOw/w-d-xo.html

  • @jjuliefrance
    @jjuliefrance ปีที่แล้ว +2

    Many thanks. Works fine. Code very clean and efficient.

  • @AjayCoding
    @AjayCoding ปีที่แล้ว +1

    thanks sachin

  • @adilmuhammed4357
    @adilmuhammed4357 ปีที่แล้ว +1

    everything amazing and beautiful but use "container/container-fluid" class instead of "contain/contain-fluid".

  • @FarhanKhan-dl5yk
    @FarhanKhan-dl5yk ปีที่แล้ว +1

    thank you so much

  • @nehapatil5516
    @nehapatil5516 ปีที่แล้ว +2

    If you are making another video plz explain the process and concepts also that would be very helpful

  • @asmaaomar9438
    @asmaaomar9438 ปีที่แล้ว

    when i make fetch genres movie dont work with me and get this errror 404 and said "The resource you requested could not be found" what should i do :")?

  • @emanelgarf3191
    @emanelgarf3191 ปีที่แล้ว +1

    thank you you are amazing

  • @manikantapallerla410
    @manikantapallerla410 ปีที่แล้ว +1

    did u use any api for this project...plz rply

    • @numofcode
      @numofcode  ปีที่แล้ว

      Yes, themoviedb api used

  • @ipekerdogann
    @ipekerdogann ปีที่แล้ว +3

    I'm 36 minutes. I wrote exactly as you wrote, but I have a problem. I have added the pictures ok but when I scroll the screen up and down the picture disappears. How can I solve this?

    • @numofcode
      @numofcode  ปีที่แล้ว +1

      Can you share a screenshot on email numofcode@gmail.com

    • @ipekerdogann
      @ipekerdogann ปีที่แล้ว

      @@numofcode ok, I did!

    • @aishaghalia1259
      @aishaghalia1259 ปีที่แล้ว

      @@ipekerdogann Can you please share the response? I'm having the same problem

    • @aishaghalia1259
      @aishaghalia1259 ปีที่แล้ว

      @@numofcode Can you please share the response? I'm having the same problem

    • @ipekerdogann
      @ipekerdogann ปีที่แล้ว

      @@aishaghalia1259 I can't. He didn't answer me. :( Do you find any solution to this problem?

  • @katehuang4314
    @katehuang4314 ปีที่แล้ว

    On the trailer page, the upper portion of the trailer frame is hidden. Can you tell me how to fix it?

  • @anjuk3593
    @anjuk3593 ปีที่แล้ว

    please reply.. i reached 1.37 in the video. in the video when you click watch trailer for the first time , page not found error. later when you remove the .key you got the video. but for me , even after removing the .key from getMovieDetailsResult.key , page not found error exist

  • @maniraghav5913
    @maniraghav5913 ปีที่แล้ว

    Sir Ngo ka project bnawo na with deshbord please Angular mai

  • @uvieemma3854
    @uvieemma3854 ปีที่แล้ว

    Findng it difficult to get the api key..how do i go about it please.

  • @codingchannel001
    @codingchannel001 8 หลายเดือนก่อน

    BOTTOMS UP

  • @jyothyswarreddyreddy6593
    @jyothyswarreddyreddy6593 ปีที่แล้ว +2

    If you don't mind just add explanation to this video your voice
    Please
    Because I already you have done video just add explaination to that video
    And re-relase the video again Please bro

    • @numofcode
      @numofcode  ปีที่แล้ว

      i will try re-release video

  • @prernaohol8340
    @prernaohol8340 ปีที่แล้ว +2

    can u plz tell what are the versions of nodeJS and Angular?

    • @numofcode
      @numofcode  ปีที่แล้ว +1

      Angular : 14.2.9 nodejs : 16.13.0

    • @prernaohol8340
      @prernaohol8340 ปีที่แล้ว +2

      @@numofcode can i use newer versions?

    • @numofcode
      @numofcode  ปีที่แล้ว +1

      @@prernaohol8340 yes

    • @prernaohol8340
      @prernaohol8340 ปีที่แล้ว

      @@numofcode I'm getting error for baseurl and apikey

    • @numofcode
      @numofcode  ปีที่แล้ว

      ​@@prernaohol8340 what is error

  • @velrajavelraja7663
    @velrajavelraja7663 ปีที่แล้ว

    Bro For getMoviesdata url is error what i do

  • @ayushgarg7954
    @ayushgarg7954 ปีที่แล้ว

    my carousel is not working its not showing me more movie than one it shows only one movie and when i click arrow not working what to do

  • @jyothyswarreddyreddy6593
    @jyothyswarreddyreddy6593 ปีที่แล้ว +2

    Without explanation the video is waste
    Truely I am saying
    Please don't feel bad that's the fact
    Please next time if you do any video Please explain while doing each step that make user's understandable and satisfaction

    • @numofcode
      @numofcode  ปีที่แล้ว

      okay ,next time i will do definitely

    • @Xtapodi27
      @Xtapodi27 ปีที่แล้ว +2

      the man can do whatever he wants, he is kind enough to share a good project with Angular and there are not so many of them on youtube

  • @purvatambat8044
    @purvatambat8044 ปีที่แล้ว

    Where did you get that tmdb movie api'?? And howw???

  • @akashdeep4454
    @akashdeep4454 ปีที่แล้ว +1

    How can I get the source code of this project?

    • @numofcode
      @numofcode  ปีที่แล้ว +1

      check github url in description

  • @i_prashantbharate
    @i_prashantbharate 10 หลายเดือนก่อน +1

    it is not good while coding you should explain what you are doing so we will get to know what are you doing

    • @numofcode
      @numofcode  9 หลายเดือนก่อน

      okay

  • @coachjepthe
    @coachjepthe ปีที่แล้ว

    the link do not open the thriller

    • @numofcode
      @numofcode  ปีที่แล้ว +1

      create an account in www.themoviedb.org and you will get an api key . put that api key in service

    • @coachjepthe
      @coachjepthe ปีที่แล้ว

      @@numofcode i do it but not working

    • @coachjepthe
      @coachjepthe ปีที่แล้ว

      @@numofcode thank for the quick answer, but I do it he didn't walk

    • @numofcode
      @numofcode  ปีที่แล้ว

      @@coachjepthe can you share screenshot about that error on email numofcode@gmail.com

    • @coachjepthe
      @coachjepthe ปีที่แล้ว

      @@numofcode ok big bro

  • @gauravsinghrajput6012
    @gauravsinghrajput6012 ปีที่แล้ว

    if you can speak in hindi than please make video in hindi

  • @coachjepthe
    @coachjepthe ปีที่แล้ว

    hello bro

  • @catherinegilbert8312
    @catherinegilbert8312 ปีที่แล้ว

    p̾r̾o̾m̾o̾s̾m̾ 😬

  • @coachjepthe
    @coachjepthe ปีที่แล้ว

    This don't work when I click on it open themoviedb home page and "oops!we can't find the page you're looking for"

  • @linhao5782
    @linhao5782 ปีที่แล้ว

    i used .rowposter::-webkit-scrollbar {
    display: none;
    }
    but it not work when i scrool.

  • @Svayn1
    @Svayn1 ปีที่แล้ว

    May you add auto subtitles in this video? so I can understand better 🥹