Building the YouTube UI with Ionic

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

• #education
• #ionic_framework
• #learn_ionic
• #angular
• #ionic_angular
• #ionic_guide
• #cross_platform
• #hybrid_app
• #ionic_for_beginners
• #ionic_course
• #ionic
• #cordova
• #javascript
• #ionic_5
• #learn_ionic_5
• #ionic_5_for_beginners
• #angular_9
• #ionic_5_tutorial
• #ionic_5_angular
• #ionic_5_course
• #ionic_academy
• #ionic_tutorial
• #ionic_youtube_clone
• #ionic_ui
• #ionic_bottom_drawer
• #ionic_6