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!
Смотрите видео Let's build Netflix with Bricks and OxyProps (TMDB API, custom made repeaters, render data from PHP) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь OxyProps 15 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,807 раз и оно понравилось 194 людям.