Modern CSS techniques to create stunning designs and effects
How to use and apply the CSS Box model to Page Layout
Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, etc.
What considerations to take when using CSS for mobile
CSS Grid layouts: build a huge real-world project with CSS Grid
Flexbox layouts: build a huge real-world project with flexbox
8 sections • 70 lectures • 4h 52m total length
Syntax of CSS elements
Add colors with RGB values
Add colors with HEX values
Add colors with HSL values
Background Position Property
What is Box Model?
Width and Height
What is Responsive Design?
Meta tag for Responsive Design
Flexbox Layout 1
Flexbox Layout 2
Grid Layout 1
Grid Layout 2
Practice Video 1
Practice Video 2
Practice Video 3
Practice Video 4
Prior programming knowledge of HTML is needed
Any text editor and HTML,CSS compatible web browser
Great persistence to learn CSS3 professionally
Are you’re a beginner who wants to start programming and become web developer or experienced programmer who wants to advance their knowledge about CSS.
If your answer is yes, you are the right way and let’s start
We do not assume any prior knowledge so we go through the concepts from the beginner's point of view. This course is prepared to give students an contemporary insights at CSS and CSS3 features.
We will start with the selection of some significant text editors .Then we jump to ways to add CSS and the syntax of the elements in CSS. During the lesson, you will learn to style HTML elements with usage of CSS codes such as color,font size,width,height and etc. You will also see how different types of animations and transitions are set up and learn how to apply them. We will talk about how the CSS Grid and Flexbox layout system, one of the most important topics in CSS, and how they are used to create Responsive Design which means the design can adopt to all of device types such as mobile, computer, tablets, laptops.
After completing the course, you will be able to professionally write the codes of your webpage. Anything covered in theory had a hands on example in the course.This course is both theorical and practical.
Who this course is for:
This course is intended for people who want to get into web development
Beginner students who desire to be professional developer
Experienced programmers who want to advance their knowledge
I am a Front-End Web Developer with experience in different programming languages and their usage in various projects. I have created tens of different projects and at the moment I continue to learn new things about both Front-End and Back-End Development. I am passionate about learning new information about contemporary technology and teaching them to others.