Building the YouTube UI with Ionic
9 هزار بار بازدید -
2 سال پیش
-
Learn to replicate the YouTube
Learn to replicate the YouTube app UI with Ionic Angular and build a custom tab bar, bottom drawer and animated header directive with this video!
🔥 Learn Ionic faster with the Ionic Academy: https://ionicacademy.com/
💎 Get the Built with Ionic Book: https://builtwithionic.com/
🎉 Get my Practical Ionic Book: https://devdactic.com/practical-ionic/
#############################
👨💻 Want to read instead of watch?
Here's the full Ionic tutorial: https://devdactic.com/youtube-ui-with...
Assets: https://github.com/saimon24/builtwith...
Hosted app version: https://stupefied-beaver-b3089d.netli...
😱 NEW: Capacitor Crash Course!
https://ionicacademy.com/capacitor-cr...
⚡️Take my famous 7 Day Ionic Crash Course
https://ionicacademy.com/ionic-crash-...
🤷♂️Want more Ionic tutorials?
There you go: https://devdactic.com/
#############################
❤️You can also find me...
on Instagram: simongrimm_
on Twitter: schlimmson
on Facebook: devdactic
Or join our Facebook group:
Facebook: simonics
#############################
00:00 Built with Ionic
01:10 Ionic app setup
03:00 YouTube tab bar
09:20 Bottom drawer component
15:20 Horizontal segment bar
25:50 Loading skeleton views
28:34 YouTube video feed UI
35:16 Hide header on scroll
50:00 Teardown
#builtwithionic #ionic #youtubeapp
🔥 Learn Ionic faster with the Ionic Academy: https://ionicacademy.com/
💎 Get the Built with Ionic Book: https://builtwithionic.com/
🎉 Get my Practical Ionic Book: https://devdactic.com/practical-ionic/
#############################
👨💻 Want to read instead of watch?
Here's the full Ionic tutorial: https://devdactic.com/youtube-ui-with...
Assets: https://github.com/saimon24/builtwith...
Hosted app version: https://stupefied-beaver-b3089d.netli...
😱 NEW: Capacitor Crash Course!
https://ionicacademy.com/capacitor-cr...
⚡️Take my famous 7 Day Ionic Crash Course
https://ionicacademy.com/ionic-crash-...
🤷♂️Want more Ionic tutorials?
There you go: https://devdactic.com/
#############################
❤️You can also find me...
on Instagram: simongrimm_
on Twitter: schlimmson
on Facebook: devdactic
Or join our Facebook group:
Facebook: simonics
#############################
00:00 Built with Ionic
01:10 Ionic app setup
03:00 YouTube tab bar
09:20 Bottom drawer component
15:20 Horizontal segment bar
25:50 Loading skeleton views
28:34 YouTube video feed UI
35:16 Hide header on scroll
50:00 Teardown
#builtwithionic #ionic #youtubeapp
2 سال پیش
در تاریخ 1401/01/02 منتشر شده
است.
9,073
بـار بازدید شده