Current Status

Not Enrolled

Price

$30

Get Started

Course kaan waxaad ku barandoontaa Tailwind Css adigoo bilaawayo basic ilaa heersare. Sidoo kale course waxaad ku dhisi doontaa Full Project oo ah Portifolio Website adigoo isticmaalaya Tailwind CSS. Coursekaan waa tixanaha courses barashada Web Development oo Full Courses bilow ilaa dhamaad.

Requirement

HTML and CSS.

Basics of Javascript.

Module 1. Introduction to Tailwind CSS.

Qeybtaan oo ah qeybta ugu horeysa courseka waxaad ku barandoontaa Tailwind css basics, Farqiga udhaxeeya Tailwind Css iyo Boostrap, sida loo kale waxaad barandoontaa sida loo isticmaalo Flowbite. waxaad qaadandoontaa dhamaan moocduucyadaan hoos ku xusan:-

Introduction to Taiwind CSS .

Bootstrap vs Tailwind CSS.

Download Tailwind in Your Project.

Typography in Taiwind CSS.

Custom Color and Sizes in Taiwind CSS.

Width, Height and Sizes in Taiwind CSS.

utility classes in Taiwind CSS.

border and shadow in Tailwind CSS.

Flexbox and grid in Tailwind CSS.

Breakpoint in Responsivesness using Taiwind CSS.

Module 2. Portifolio Website

Qeybtaan oo ah qeybta 2aad ee courseka waxaad Portifolio Website oo isticmaali doontid Tailwind CSS sidoo kale website waxa aynu ka dhigi doonna mid responsive ah waxaa sidoo kale la isticmaali doonna Javascript iyo Web3form oo noo suura gelinaya inaan gmail keenna ku xerno website sida qofka soo booqda uu message si fudud inoogu soo diri karo:-

Full Website using Tailwind Css.

Responsiveness in Tailwind CSS.

Web3forms for Forms to get Messages.

Tailwind Css

Course kaan waxaad ku barandoontaa Asaasiyaad Git and Gthub iyo sidoo kale Vercel adigoo ka bilaabi doona bilow qaadandoonna moocduucyada ugu muhiimsan sidoo kale course kaan waxaad ku qaadan doonntaa 1 projects si aad Si wacan ugu practicekareyso git skillskaaga Coursekaan Waxaa qaadan kara Qofwalba oo wax uun ka yaqaan codingka gaar ahaan HTML, CSS iyo Javascript. sidoo kale coursekaan waa tixanaha courses barashada Web Development oo Full Courses bilow ilaa dhamaad.

Course Requirement

1- Source code (Portifolio  Website) 👇

https://drive.google.com/drive/folders/1hkK52IwfwFwButEznVfm4kE9V1Wx-mED?usp=sharing

3- Download Tailwind CSS from this link 👇

https://tailwindcss.com/docs/installation

4- Tailwind CSS Website 👇

https://tailwindcss.com/

5- Live preview of the Website 👇

https://portifolio-website-tailwind-css.vercel.app/

Course Content

Module 1. Introduction to Tailwind CSS.
1- Tailwind CSS Introduction
2- Bootsrap VS Tailwind CSS
3- Tailwind CSS download and Typography in Tailwind Css
4- Tailwindcss Custom Sizes and Colors
5- Width, Height and Sizes
6- utility Classes in Tailwind Css
7- borders and shadow in Tailwind Css
8- Flexbox and grids in Tailwind Css
9- Breakpoints for responsive website in Tailwind CSS
10- Tailwindcss Basics Conclution
11- Tailwind CSS Hover and Using Flowbite
Module 2 Portifolio Website
12- Portifolio Website Intro
13- Portifolio Webisite – Navigation style
14- Portifolio Website – Hero Section
15-Portifolio Website – About Section
16- Portifolio Website – Tools I Use
17- Portifolio Website – Services Section
18- Portifolio Website – Portifolio Section
19- Portifolio Website – Footer and Contact Section
20- Portifolio Website – Smooth Linked Secitions and hr
1 of 2