CSS - Basics to Adv for front end development by Udemy
Complete guide to create beautiful, responsive and user-friendly websites using CSS3. Learn CSS3 with hands-on projects
Course Highlights
- Basic styling of web pages using CSS3
- Manipulate the display and position of HTML elements
- Understand the Box Model concept
- Introduction into Responsive Design
- Design mobile friendly web pages using CSS Media Queries
- Animate HTML elements using CSS animate property
- Web page Layouts - CSS Flex Box and CSS Grid
Skills you will learn!
Curriculum
2 Topics
CSS - Introduction
CSS - How to use CSS?
7 Topics
CSS - Styling Text
CSS - Adding Borders
CSS - Margin and Padding
CSS - Styling Lists
CSS - Styling Links
CSS - Styling Buttons
CSS - Adding Icons
6 Topics
CSS - Working with Display Values
CSS - Display value: Inline-Block
CSS - Positioning HTML Elements Part-1
CSS - Positioning HTML Elements Part-2
CSS - Handling Content Overflow
CSS - Floating HTML Elements
3 Topics
CSS - Box Model
CSS - Box Sizing
CSS - Adding Shadows
5 Topics
CSS - Combinators Part-1
CSS - Combinators Part-2
CSS - Pseudo Classes Part-1
CSS - Pseudo Classes Part-2
CSS - Pseudo Elements
3 Topics
CSS - Adding Backgrounds
CSS - Gradients
CSS - Handling Text Overflow
2 Topics
CSS - Practice Problem-1: Create Google.com Look-Alike
CSS - Practice Problem-1: Create Google.com Look-Alike Solution
5 Topics
CSS - Introduction to Responsive Web Design
CSS - Viewport
CSS - Dynamic Size
CSS - Introduction to Media Queries
CSS - Responsive Webpage Design using Media Queries
6 Topics
CSS - Flex Layout
CSS - Flex Container Properties
CSS - Align Flex Items
CSS - Flex Item Properties
CSS - Design Topbar using Flex
CSS - Responsive Grid using Flex
5 Topics
CSS - Transform Property
CSS - Align Elements using Transform Property
CSS - Transition Property
CSS - Animation Property
CSS - Flying Rocket Animation using Animation Property
3 Topics
CSS - Introduction to Grid Layout
CSS - Grid Container Properties
CSS - Grid Item Properties
1 Topic
CSS - Final Project Problem Statement
CSS - Basics to Adv for front end development
Related CSS Courses
.webp)
Thank You!
Your review has been submitted successfully.