Course Description

OVERVIEW:

After completing the Tailwind CSS course, you will be able to create user-friendly interface without using CSS. You can create high-quality websites interfaces without writing a single line of CSS. Tailwind provides all the classes need to create a stunning website. You can use Flexbox, Grid, Animations a lot of other stuff from tailwind for creating user interface.

INTRODUCTION:

Tailwind is CSS utility framework for creating beautiful UI components. By using tailwind, we can easily create website without writing a single line of CSS. It has almost all the classes available for corresponding CSS property. We can use those classes to build user interfaces without any pain.  

PREREQUISITES:

Before starting this course, you should have a working knowledge of Following:

• HTML fundaments
• CSS Fundaments
• Reac.js basics (This course includes tailwind usage with react application)

This training is compatible with Windows 8, Windows 8.1,  Windows 10, and MAC operating system.

CERTIFICATION:

You are hereby advised to visit www.virtualacademy.pk and get yourself certified in Tailwind CSS Training, furthermore you'll have to meet the following criteria for earning this particular Registered Certification.

• You will have to complete all 20 lessons through Virtual Academy Online Learning Management System at www.virtualacademy.pk.
• Every lesson has 3 to 5 quizzes, which you must have to pass with 70% marks.
• You need to submit your project/assignments on time.
• After completion of Virtual Academy offered Tailwind CSS lessons via www.virtualacademy.pk Online Learning Management System there will be final exam which comprises of 50 to 100 questions.

After having assessment of your account with www.virtualacademy.pk whether you meet all the above terms and conditions, then we will dispatch your Certificate/Diploma at your given address.

COURSE CONTENTS

1. Introduction to Tailwind
2. Typography 
3. Colors and background color
4. Margin and Padding
5. Sizing classes
6. Display Classes
7. Positioning
8. Borders
9. Background Images
10. Square bracket notation for providing your own values
11. Flexbox in Tailwind
12. Grid in tailwind
13. Breakpoints classes in tailwind for responsive design
14. How to create a Responsive grid?
15. Effects in Tailwind 
16.  Filters in Tailwind
17. Transforms in Tailwind
18. Transition in Tailwind
19. Animation
20. Interactivity classes
21. Forms in Tailwind

Final Exam and Certification