Free Udemy Courses
Trending

CSS – Basics to Advanced

PUBLISHER :- EdYoda Digital University , Qaifi Khan

LANGUAGE :- English

PRIZE :- 117.10$ 0$

CSS – Basics to Advanced

WHO CAN ACCESS THIS COURSE :-

  • 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

WHAT ARE YOUR REQUIREMENTS FOR THIS COURSE ?

  • Basic understanding of HTML5

WHAT YOU ARE GOING TO LEARN FROM THIS COURSE ?

  • 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

DESCRIPTION

****UPDATE [06-July-2020]:  New Content Added!!!!!****

Around 25+ NEW video content added

New Sections added on:

  • Responsive Design
  • Flex box
  • Grid Layouts

********************************************************                         

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 the 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 in order to help you become a professional Frontend web developer.

PS: More lectures will be uploaded soon.

COURSE CONTENT

  • 12 sections • 48 lectures • 4h 55m total length

2 lectures • 14minCSS Introduction

  • CSS – IntroductionPreview02:29
  • CSS – How to use CSS?Preview11:33

7 lectures • 45minBasic Styling

  • CSS – Styling Text11:13
  • CSS – Adding Borders05:48
  • CSS – Margin and Padding05:15
  • CSS – Styling Lists05:17
  • CSS – Styling Links05:11
  • CSS – Styling Buttons06:54
  • CSS – Adding Icons05:44

6 lectures • 30minDisplay and Position Properties

  • CSS – Working with Display Values04:04
  • CSS – Display value: Inline-Block06:50
  • CSS – Positioning HTML Elements Part-108:20
  • CSS – Positioning HTML Elements Part-203:20
  • CSS – Handling Content Overflow03:27
  • CSS – Floating HTML Elements03:38

3 lectures • 13minBox Model and Shadows

  • CSS – Box Model03:57
  • CSS – Box Sizing03:53
  • CSS – Adding Shadows04:54

5 lectures • 33minCombinators, Psudeo Classes and Elements

  • CSS – Combinators Part-105:23
  • CSS – Combinators Part-206:20
  • CSS – Pseudo Classes Part-106:18
  • CSS – Pseudo Classes Part-207:48
  • CSS – Pseudo Elements07:30

3 lectures • 17minBackgrounds and Gradients

  • CSS – Adding Backgrounds05:21
  • CSS – Gradients07:43
  • CSS – Handling Text Overflow04:01

2 lectures • 33minPractice Problems

  • CSS – Practice Problem-1: Create Google.com Look-Alike00:59
  • CSS – Practice Problem-1: Create Google.com Look-Alike Solution31:49

5 lectures • 27minResponsive Design

  • CSS – Introduction to Responsive Web Design01:19
  • CSS – Viewport04:55
  • CSS – Dynamic Size04:31
  • CSS – Introduction to Media Queries03:27
  • CSS – Responsive Webpage Design using Media Queries13:00

6 lectures • 31minFlex Layout

  • CSS – Flex Layout02:42
  • CSS – Flex Container Properties07:21
  • CSS – Align Flex Items07:41
  • CSS – Flex Item Properties05:26
  • CSS – Design Topbar using Flex03:52
  • CSS – Responsive Grid using Flex04:20

5 lectures • 29minEffects and Animations

  • CSS – Transform Property07:38
  • CSS – Align Elements using Transform Property03:01
  • CSS – Transition Property07:01
  • CSS – Animation Property08:47
  • CSS – Flying Rocket Animation using Animation Property02:50

3 lectures • 20minGrid Layout

  • CSS – Introduction to Grid Layout02:31
  • CSS – Grid Container Properties08:28
  • CSS – Grid Item Properties08:36

1 lecture • 3minFinal Project

  • CSS – Final Project Problem Statement02:48

HOW TO MAKE MONEY ONLINE & TIPS AND TRICKS

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker