https://github.com/asmae-amahrouk/netflix-landing

https://github.com/asmae-amahrouk/netflix-landing

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/asmae-amahrouk/netflix-landing
• Owner: Asmae-Amahrouk
• Created: 2021-08-26T08:09:46.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-08-26T08:10:51.000Z (almost 4 years ago)
• Last Synced: 2025-04-23T00:42:52.539Z (about 2 months ago)
• Language: CSS
• Size: 1.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Hiiii !!! I am here afer watching and typing my FIRST tutorial EVER! Ok in this DOCUMENT I'll try to analyse the code and take note sas well clarify some points that I didn't undertand them ... LET'S GOOO!!!

    -------------------------* HTML PART *-------------------------------

_ NAVIGATION BAR: I used a "header" tag which contain inside "img" tag which contain teh LOGO image and "ul " tag & "il" tags inside of it + a search input field in a "div" then we close our "header" tag 

_ BANNER : I used a simple "div" tag to regroup all the other content of the page so firstly i nested the background image then I created an other "div" tag with class (content) that will contain all the rest page's content such as "span" tag to represent movie's informations and "p" tag for a paragraph that describes brievely the movie's story , then finally I added 02 buttons using a "div" and 02 "a" tags then I closed all "div" tags

_BOTTOM : we used an "a" tag still in the mean "div" of the page I inserted a play image and a video using of course "video" tag to watch the Trailer of the movie then all of "div" tags are closed as well as the mean one .

_JAVASCRIPT PART: now I didn't understand anything in this part so I have a bunch of questions   1. What is the "toggle" function ???

                     2. what is the rule of "document.querySelector()" ???

                     3. What is classList & currentTime

                     4. What "onclick" attribute does???

    ---------------------------- * CSS PART *-------------------------------

_ JQuery : I used jQuery just to add the "Poppins" font family by adding "@import" in top of the page ...

_ What is "font-weight" ???

_ What "display: inline-block" & "line-height" "z-index" does???

_ Learn more about "transform" property ...

_ What is "backdrop-filter" & "outline" & "filter" ???

_ What does "placeholder" does???

_ Learn more how to style nested eements ...

    ----------------------------* PROBLEMS FOUND *------------------------------

_ ICON INSERTING: actually as shown in the TUTORIAL I use the link from (fonts awesome) and put in a "i" tag using bootstrap but those ICONS didn't show on the browser !!!