07. Designing the Application’s Top Bar with Tailwind CSS

Опубликовано: 11 Январь 2025
на канале: Ervis Trupja

836

In this video, we're building an awesome application top bar with Tailwind CSS. We'll add a logo, search bar, notification section, and profile section to make it look super sleek. Perfect for any web app!

➡️ Full course: https://tinyurl.com/cyunxxr2
🔗 Source code: https://github.com/etrupja/CircleApp
📢 Subscribe for more tutorials

🎓 Learn web development with my Udemy courses:
Build an ASP.NET MVC eCommerce App: https://bit.ly/3CWvkqk
Master ASP.NET Web API: https://bit.ly/3co3ZBG
Build a URL Shortener App: https://bit.ly/49nbHIN

🌐 Connect with me and continue learning:
Read my blog: https://dotnethow.net
Explore my Udemy courses: https://www.udemy.com/user/ervis-trupja
Take my Pluralsight courses: https://www.pluralsight.com/authors/e...
Follow me on LinkedIn: / ervis-trupja

🎓Chapters

00:00 Introduction
01:28 Clean up existing code
03:04 What will you create?
03:49 Creating top bar placeholder divs
05:22 Creating logo sidebar overlay button
07:26 Creating search bar
09:22 Creating notification placeholder
14:57 Creating profile placeholder
22:45 Testing code changes
23:13 Fixing div locations
25:48 Testing updates
26:18 Remove bootstrap
28:45 Adding icons
30:01 Thank you