YoVDO

Responsive React Website Using Styled Components

Offered By: Lama Dev via YouTube

Tags

React Courses Web Development Courses Responsive Web Design Courses CSS Animation Courses Styled-components Courses SVG Animation Courses

Course Description

Overview

Build a responsive React website from scratch using styled components in this comprehensive tutorial. Learn essential techniques including adding custom fonts, creating a navbar, designing product introduction and feature pages, implementing CSS animations and clip-path, incorporating video content, crafting pricing and contact sections, and developing a footer. Master responsive design principles to ensure your React website looks great on all devices. Gain hands-on experience with React.js and styled components while following along with provided source code and exploring additional resources for CSS and SVG animations.

Syllabus

Introduction
Installation
How to Add a Font Family to React App
React Styled Components
Create React Navbar
Product Introduction Page
How to use Clip-path
React CSS Animation
React Features Page
React Services Page
Adding a Video to React App
React Pricing Page
React Contact Page
React Footer Design
React Responsive Design
Outro


Taught by

Lama Dev

Related Courses

Learn CSS: Transitions and Animations
Codecademy
Beyond Basic CSS: Typography, Color, Effects, & Animation
University of California, Davis via Coursera
Creating Accessible Skeleton Loader Animation from Scratch with HTML and CSS
egghead.io
CSS Tips and Tricks
egghead.io
Learn CSS Animations for a Better User Experience
egghead.io