Let's build Netflix with Bricks and OxyProps (TMDB API, custom made repeaters, render data from PHP)
In this video, we are building together the Netflix app in WordPress using Bricks builder and OxyProps. All movies data is pulled from the TMDB API.
Doing so, we learn :
How to use vanilla Javascript to add / remove a class to an element based on scroll position.
How to use data from custom PHP functions in Brick dynamic data.
How to fetch data from an external API and how to format it to be used in Bricks.
How to create a custom repeater with a code element to loop through our external data.
This will be a lot of fun !
🎉 Get OxyProps while it is on LTD !
OxyProps: https://oxyprops.com
🔗 Links
Github Repo: https://github.com/OxyProps/netflix-b...
TMDB: https://www.themoviedb.org/
⌚ Timestamps
00:00 - Introduction
02:30 - Getting started
03:50 - Create the header template
16:47 - The Hero section. Creating the structure.
27:40 - The TMDB API.
30:53 - Custom PHP functions for Bricks.
36:00 - Interacting with the API
1:10:25 - Populating the Hero Section
1:19:50 - Creating custom repeaters
1:38:50 - Final review
#CSSFramework #bricksbuilder #OxyProps
___
Come hang out with other OxyProps users ans Oxygen lovers in our Facebook Community
💬 / oxyprops
___
My editor:
VS Code - https://code.visualstudio.com/
My Terminal Enhancements:
OhMyZSH: https://ohmyz.sh/
Powerlevel10k: https://github.com/romkatv/powerlevel10k
___
Find OxyProps on the internet :
Facebook: / oxyprops
Twitter: / oxy_props
___
And don't forget that if you can design it with Bricks, you can style it with OxyProps!
Watch video Let's build Netflix with Bricks and OxyProps (TMDB API, custom made repeaters, render data from PHP) online without registration, duration hours minute second in high quality. This video was added by user OxyProps 15 November 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,807 once and liked it 194 people.