CSS – Basics to Adv for front end development

CSS – Basics to Adv for front end development, available at $54.99, has an average rating of 4.41, with 48 lectures, based on 2943 reviews, and has 242735 subscribers.

You will learn about 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 This course is ideal for individuals who are Beginners who are new to Web Development or Freshers who want to learn CSS3 from scratch or Web Developers who want to brush up the concepts of CSS It is particularly useful for Beginners who are new to Web Development or Freshers who want to learn CSS3 from scratch or Web Developers who want to brush up the concepts of CSS.

Enroll now: CSS – Basics to Adv for front end development

Summary

Title: CSS – Basics to Adv for front end development

Price: $54.99

Average Rating: 4.41

Number of Lectures: 48

Number of Published Lectures: 48

Number of Curriculum Items: 48

Number of Published Curriculum Objects: 48

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

Beginners who are new to Web Development
Freshers who want to learn CSS3 from scratch
Web Developers who want to brush up the concepts of CSS

Target Audiences

Beginners who are new to Web Development
Freshers who want to learn CSS3 from scratch
Web Developers who want to brush up the concepts of CSS

UPDATE : New Content Added

25+ NEW video content added.

New Sections added on:

Responsive Design
Flexbox
Grid Layouts

CSS – short for Cascading Style Sheets – is a “programming language” you use to turn your raw HTML pages into real beautiful websites.

If you are new to web development but you have a little bit of knowledge of HTML and its tags and want to take the next step towards becoming a professional frontend web developer, then this is the right course for you.

Here, we have covered everything right from basics to advanced concepts of CSS3. We have included all the properties in CSS + the newly introduced ones in CSS3 that will help shape the future of web development in the coming years. This course is designed bearing in mind that a beginner should be able to understand what is CSS and how it is used to turn a raw, basic, black & white HTML webpage structure into a beautiful web page. To make web pages interactive for users, you will also learn how to animate the various HTML elements.

By the end of this course, you will be able to design beautiful, user-friendly, and mobile-friendly websites from scratch, all on your own.
After completion, we recommend checking out our Javascript, ES6, and React JS courses which are designed with the same simple approach to help you become a professional Frontend web developer.

PS: More lectures will be uploaded soon.

Who’s teaching you in this course?

I am a Computer Science graduate highly rated instructor with a rating of 4.3 and more than 200k students on Udemy, I have been part of the corporate circle since his college days. In his early days, I was part of a startup team delivering production grid android apps. Currently, I am a lead developer at EdYoda. I’m responsible for the entire front-end development & integration with the back-end. React, Python, Django is my areas of expertise. I have been delivering corporate training for Android, React, Javascript, Python & Django. I have eyes for details & that makes him suited for delivering a finished product. I’m a fitness freak & working out is his favorite thing to do in his spare time.

I want everyone should enjoy learning and I have shared my knowledge that gonna be helpful for you.

Enroll Now!! see you in class.

Happy learning
Team Edyoda

Course Curriculum

Chapter 1: CSS Introduction

Lecture 1: CSS – Introduction

Lecture 2: CSS – How to use CSS?

Chapter 2: Basic Styling

Lecture 1: CSS – Styling Text

Lecture 2: CSS – Adding Borders

Lecture 3: CSS – Margin and Padding

Lecture 4: CSS – Styling Lists

Lecture 5: CSS – Styling Links

Lecture 6: CSS – Styling Buttons

Lecture 7: CSS – Adding Icons

Chapter 3: Display and Position Properties

Lecture 1: CSS – Working with Display Values

Lecture 2: CSS – Display value: Inline-Block

Lecture 3: CSS – Positioning HTML Elements Part-1

Lecture 4: CSS – Positioning HTML Elements Part-2

Lecture 5: CSS – Handling Content Overflow

Lecture 6: CSS – Floating HTML Elements

Chapter 4: Box Model and Shadows

Lecture 1: CSS – Box Model

Lecture 2: CSS – Box Sizing

Lecture 3: CSS – Adding Shadows

Chapter 5: Combinators, Psudeo Classes and Elements

Lecture 1: CSS – Combinators Part-1

Lecture 2: CSS – Combinators Part-2

Lecture 3: CSS – Pseudo Classes Part-1

Lecture 4: CSS – Pseudo Classes Part-2

Lecture 5: CSS – Pseudo Elements

Chapter 6: Backgrounds and Gradients

Lecture 1: CSS – Adding Backgrounds

Lecture 2: CSS – Gradients

Lecture 3: CSS – Handling Text Overflow

Chapter 7: Practice Problems

Lecture 1: CSS – Practice Problem-1: Create Google.com Look-Alike

Lecture 2: CSS – Practice Problem-1: Create Google.com Look-Alike Solution

Chapter 8: Responsive Design

Lecture 1: CSS – Introduction to Responsive Web Design

Lecture 2: CSS – Viewport

Lecture 3: CSS – Dynamic Size

Lecture 4: CSS – Introduction to Media Queries

Lecture 5: CSS – Responsive Webpage Design using Media Queries

Chapter 9: Flex Layout

Lecture 1: CSS – Flex Layout

Lecture 2: CSS – Flex Container Properties

Lecture 3: CSS – Align Flex Items

Lecture 4: CSS – Flex Item Properties

Lecture 5: CSS – Design Topbar using Flex

Lecture 6: CSS – Responsive Grid using Flex

Chapter 10: Effects and Animations

Lecture 1: CSS – Transform Property

Lecture 2: CSS – Align Elements using Transform Property

Lecture 3: CSS – Transition Property

Lecture 4: CSS – Animation Property

Lecture 5: CSS – Flying Rocket Animation using Animation Property

Chapter 11: Grid Layout

Lecture 1: CSS – Introduction to Grid Layout

Lecture 2: CSS – Grid Container Properties

Lecture 3: CSS – Grid Item Properties

Chapter 12: Final Project

Lecture 1: CSS – Final Project Problem Statement

Instructors

EdYoda for Business
Join me on www.edyoda.com
Qaifi Khan
Learning Enabler

Rating Distribution

1 stars: 40 votes
2 stars: 86 votes
3 stars: 387 votes
4 stars: 1103 votes
5 stars: 1327 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu