Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React

Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React

4.00 (3 reviews)
Udemy
platform
English
language
Web Development
category
Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React
47
students
11.5 hours
content
Feb 2023
last update
$54.99
regular price

What you will learn

Plain CSS vs Tailwind CSS

Tailwind CSS installation and setup in React

Building Real Time Projects using Tailwind CSS

Job Consultancy Website

Marketing Website

Portfolio Website

Deploying Applications To Netlify

QA Support , All Deployed Apps Code Repositiries

Description

The Three Projects that we are going to build in this course are listed below

1. Job Consultancy Website

2. Portfolio Website

3 . Marketing Website

In this course, you will also learn the following topics from React, CSS, Tailwind CSS

Colors, Heights, Widths

Flexboxes and alignments

Animations, Keyframes, Webkit

Positions

Wave formats, blobs, transforms, and transitions.

Components in React

Props

Routing

Making websites responsive without Media queries.

As per the official Tailwind CSS documentation, Tailwind CSS is a highly customizable, low-level CSS framework that allows you to custom-build designs and eliminate opinionated component styles that you would want to override.

Beautiful custom user interfaces can be effectively built using CSS without actually putting in much coding effort. Being a utility-first framework, Tailwind CSS renders the leverage of styling every component distinctively, the way you desire.

Adapting the “form follow function”, the name of the utility class predicts the exact function of that class for ease in designing. Tailwind combines the most critical CSS properties which can be customized and extended according to project requirements.

Tailwind CSS can be used to style websites in the fastest and easiest way.

Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

The beauty of this thing called tailwind is it doesn’t impose design specifications or how your site should look, you simply bring tiny components together to construct a user interface that is unique. What Tailwind simply does is take a ‘raw’ CSS file, process this CSS file over a configuration file, and produces an output.

Content

Introduction

Introduction

Project 1 - Job Consultancy Website

Header
Intro
Intro Responsive
Company Info - Part 1
Company Info - Part 2
Company Info Responsive
Specializations
Hover Effects
Recruitment Areas
Counts
Contact Info
Contact Form
Footer
Splash screen
Enhancements and Fixes
Deployment

Project 2 - Marketing Website

Setup
Folder Structure
Layout
Navbar - 1
Navbar - 2
Navbar Responsive
Intro
Marketing Strategies
Marketing Strategies List
Why Marketing
Intro Background
What We Do
Why Choose US
Clients Intro
Clients List
Clients List with Next and Prev
Refractor Clients List
Clients Numbers
Contact Info
Contact Form
Tailwind Media Queries Breakpoints
Homepage Responsive
About Page Responsive
Clients Page Responsive
Contact Page Responsive
Footer
Deployment

Project 3 - Portfolio Website

Demo
Configuration
Folder Structure
Layout
Navbar
Navbar Styling
Navbar Responsive
Homepage Intro - 1
Homepage Intro Part - 2
Technologies Part - 1
Technologies Part - 2
JS Buff Part - 1
JS Buff Part - 2
Dev Stack Representation
Developer Info Blob
Projects Intro
Adding Projects , Courses Data
Representing Projects
Hover Effects
Courses Intro
Courses Representation
Contact Page Intro
Contact Form
Footer Part - 1
Footer Part - 2
Animations and Fixes
Deployment

Screenshots

Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React - Screenshot_01Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React - Screenshot_02Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React - Screenshot_03Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React - Screenshot_04

Charts

Price

Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React - Price chart

Rating

Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React - Ratings chart

Enrollment distribution

Master Tailwind CSS v3.0 -Build 3 Hands on Projects in React - Distribution chart
SkillShare
SkillShare

Unlimited access to 30 000 Premium SkillShare courses

topics
30-DAY FREE TRIAL
Refurb
Refurb

Notre nouveau site qui scanne en temps reel les prix sur Amazon Warehouse (FR)

> 40% reduction sur le prix initial
5121342
udemy ID
1/29/2023
course created date
2/7/2023
course indexed date
Bot
course submited by