Learn CSS

Overview

This course teaches learners how to use CSS to create visually appealing components, animations, and effects. The course covers topics such as creating line-through effects, custom progress bars, light/dark theme toggles, loading animations, navigation animations, smooth scrolling, and more. By the end of the course, students will have gained skills in CSS styling, JavaScript integration, animation techniques, and design implementation. The teaching method includes hands-on tutorials and coding challenges. This course is suitable for beginners and intermediate learners interested in enhancing their CSS skills and creating engaging web designs.

Syllabus

Line Through Effect - CSS and JavaScript - Day 05.
Custom Progress Bar with CSS and JavaScript - Day 02.
Light/Dark Theme Toggle with CSS and JavaScript.
Jumping Loading Animation with CSS.
CSS3 Pulse Effect.
Netflix Mobile Navigation Animation with CSS and JavaScript.
CSS Smooth Scroll - Only one line - Day 14.
Traffic Lights Simulator with CSS and JavaScript - Day 09.
JavaScript Random Picker Visualizer & 1000 Subs Giveaway .
CSS Custom Checkbox - Day 08.
Image Reflection - CSS effect - Day 10.
Mix Blend Loader - CSS Tutorial - Day 12.
Waves Animation with JavaScript - Day 18.
PokeDex - JavaScript Tutorial - Day 19.
Kinetic Loader Animation with CSS - Day 24.
HTML and CSS Newsletter Design - Day 25.
Setting Goals For 2020.
Rotating Circles Animation - Day 26.
Wave Animation on inputs - CSS and JavaScript Tutorial - Day 27.
CSS Triangle Shape - Day 28.
Zoom Effect - CSS and JavaScript tutorial - Day 30.
Animated Sidebar Menu - CSS and JavaScript tutorial - Day 31.
Responsive Navigation with Hamburger Menu - CSS And JavaScript Tutorial.
I "Hacked" YouTube's Homepage with a Chrome Extension .
Create a Modal (Popup) with HTML/CSS and JavaScript.
Responsive Animated Navigation Bar | HTML, CSS and JavaScript Tutorial.
CSS Only Heart Shape | CSS Beginner Tutorial.
CSS Only Heart Shape | CSS Beginner Tutorial.
Heart Pulse Effect | CSS Animation Tutorial.
Heart Pulse Effect | CSS Animation Tutorial.
Donate Card | Design to CSS Project.
Full Page Background | Simple CSS Tutorial.
Building 10 Websites - From Design to HTML and CSS - Coding Challenge .