React - Tailwind CSS Marketing Agency Website From Scratch

Focused View

K.Sathyaprakash Reddy

5:54:04

9 View

01 - Introduction

001 Promo and Resources.mp4

06:10

002 Setup.mp4

04:08

003 Folder structure and Npm Modules.mp4

09:23

004 Layout.mp4

08:39

external-links.txt

02 - Navbar

001 Navbar Part-1.mp4

14:45

002 Navbar Part-2.mp4

14:22

03 - Home Page

001 Intro.mp4

13:42

002 Marketing Strategies.mp4

06:38

003 Marketing Strategies List.mp4

12:37

004 Why Marketing.mp4

08:34

04 - About Page

001 Intro Background.mp4

08:19

002 What we do.mp4

10:55

003 Why Choose Us.mp4

05:30

05 - Clients Page

001 Clients Intro.mp4

08:05

002 Intro Text and Image Part.mp4

08:31

003 Clients List.mp4

09:41

004 Clients List with Next , Previous Buttons.mp4

13:14

005 Refractor Clients List.mp4

16:27

006 Clients Numbers.mp4

07:37

06 - Contact Page

001 Contact Info.mp4

16:01

002 Contact Form.mp4

11:37

07 - Responsive

001 Tailwind Media Queries and Breakpoints.mp4

10:45

002 Home Page Responive.mp4

06:05

003 About Page Responsive.mp4

08:26

004 Clients Page Responsive.mp4

12:49

005 Contact Page Responsive.mp4

05:36

006 Designed and Developed By.mp4

09:58

08 - Deployment

001 Pushing to Github and Deploy to Netlify.mp4

05:57

09 - Bonus

001 Next Js Intro.mp4

06:03

002 Next vs React.mp4

15:45

003 Next Helloworld.mp4

09:26

004 Next app debug.mp4

10:07

005 Next Router.mp4

08:24

006 Next Router Params.mp4

14:19

007 Next Router Dynamic.mp4

06:30

008 Next Router Push.mp4

08:59

Description

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

What You'll 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

Who is this for?

Front End Developers

React Developers

CSS Developers

UI Developers

What You Need to Know?

React

Javascript

CSS

More details

Description
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.
Who this course is for:
Front End Developers
React Developers
CSS Developers
UI Developers

User Reviews

Rating

average 0

Total votes0

Focused display

Hi,I am Satyaprakash Reddy, I am a freelance developer in India.I've 5 years of experience in developing applications in Android and Web Development.I've been teaching coding lectures from the past three years in an Institute. So now I wanted to share my knowledge across the globe through Udemy.I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my Bootcamp courses. In my courses, you'll find lots of geeky humor but also lots of explanations and animations to make sure everything is easy to understand.Thank U.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.