Don't Miss Any Course JoinTelegramRedditFacebook

Learn Tailwind CSS, TESLA, APPLE, Cool Portfolio Tailwind UI

Building A TESLA, APPLE And A Personal Portfolio Tailwind Website From Scratch With Tailwind CSS & HTML 5
Instructor:
Mohammad Chaabawi
4,364 students enrolled
English [Auto]
Tailwind CSS
Tailwind UI
Tailwind classes and styles
Tailwind background customisation
Tailwind border customisation
Tailwind flexbox and grid systems
HTML5 for screen content structure
Designing beautiful layouts effortlessly using Tailwind CSS

This course will rapidly guide you to become a Tailwind UI designer. This course is friendly to those who know nothing about Tailwind CSS, as we start by teaching the basic concepts and style elements. We will first thoroughly explain the essential topics and concepts and go through the necessary Tailwind CSS documentation in order to teach you the fundamentals.

New customer offer! Top courses from $13.99 when you first visit Udemy

We will then dive into designing more complex beautiful web UIs. We will design an elegant Apple UI from scratch to show you how to design stunning professional Websites in a rapid and efficient manner.

We will also teach you how to make your own portfolio website, which you can then personally customise and use. We will also teach you how to build a beautiful landing page, as we demonstrate this through a Tesla landing page example.

This course will enhance your front end design skills and you will appreciate how awesome Tailwind Css actually is. After completing this Tailwind CSS examples that we teach, you will be able to rapidly and efficiently design beautiful user interfaces.

This course will first cover the essential topics such as:

  • Flex-box and Grid utilities
  • Typography and Font styles
  • Responsive styling (styles for specific screen sizes)
  • State variants (for when hovering and focusing on elements)
  • User Interface Layouts
  • Sizing elements
  • Backgrounds class groups
  • Border class groups

After covering the fundamentals, we will then go through some awesome tailwind examples:

  • Apple website:
    • Responsive header and navigation bar
    • Front Page promotional section
    • Ipad section
    • Macbook section
    • Company Team Members section
    • Contact Form section
    • Footer section
  • Portfolio website:
    • Front page
    • Self introduction/promotion section
    • Services section
    • Portfolio/work section
    • Contact section
  • Tesla Landing page:
    • Front page
    • Navigation bar
    • Footer section
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!

Be the first to add a review.

Please, login to leave a review
Learn Tailwind CSS, TESLA, APPLE, Cool Portfolio Tailwind UI

Follow Us

Includes

5 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion
Course available for 2 days
30-Day Money-Back Guarantee
4