React - Tailwind CSS Marketing Agency Website From Scratch

Build a fully responsive marketing agency website using react and tailwind css from scratch

4.00 (10 reviews)
Udemy
platform
English
language
Web Development
category
React - Tailwind CSS Marketing Agency Website From Scratch
101
students
6 hours
content
Feb 2023
last update
$59.99
regular price

What you will learn

React - Tailwind CSS integration

Tailwind CSS from basics to advanced

Building your own company website or blog using the world first utility css framework

React Components , Routing , Hooks

Working with Lottie Animations

Working with Layouts

By the end of this course you can able to build your first client project for any small companies , marketing agencies , local stores etc.

Q/A Support

Why take this course?

React

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.

Tailwind CSS

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.

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

Single Page Apps , Components

Routing , Component level code spliting

Pure CSS vs Tailwind CSS

Colors, Heights, Widths , Margins , Paddings

Flexboxes and Alignments

Animations, Keyframes

Positions (Relative , Absolute , Fixed)

Making websites responsive without Media queries.


As per official Tailwind CSS documentation, Tailwind CSS is a highly customizable, low-level CSS framework that allows you to custom-build designs eliminating opinionated component styles that you would anyway 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.

Content

Introduction

Promo and Resources
Setup
Folder structure and Npm Modules
Layout

Navbar

Navbar Part-1
Navbar Part-2

Home Page

Intro
Marketing Strategies
Marketing Strategies List
Why Marketing

About Page

Intro Background
What we do
Why Choose Us

Clients Page

Clients Intro
Intro Text and Image Part
Clients List
Clients List with Next , Previous Buttons
Refractor Clients List
Clients Numbers

Contact Page

Contact Info
Contact Form

Responsive

Tailwind Media Queries and Breakpoints
Home Page Responive
About Page Responsive
Clients Page Responsive
Contact Page Responsive
Designed and Developed By

Deployment

Pushing to Github and Deploy to Netlify

Bonus

Next Js Intro
Next vs React
Next Helloworld
Next app debug
Next Router
Next Router Params
Next Router Dynamic
Next Router Push

Screenshots

React - Tailwind CSS Marketing Agency Website From Scratch - Screenshot_01React - Tailwind CSS Marketing Agency Website From Scratch - Screenshot_02React - Tailwind CSS Marketing Agency Website From Scratch - Screenshot_03React - Tailwind CSS Marketing Agency Website From Scratch - Screenshot_04

Reviews

Han
January 31, 2023
Some Ressources not available, videos in wrong order, testing around while teaching is very difficult to follow.

Charts

Price

React - Tailwind CSS Marketing Agency Website From Scratch - Price chart

Rating

React - Tailwind CSS Marketing Agency Website From Scratch - Ratings chart

Enrollment distribution

React - Tailwind CSS Marketing Agency Website From Scratch - Distribution chart
4705458
udemy ID
5/26/2022
course created date
6/1/2022
course indexed date
Bot
course submited by