Feb

26

2022

Master Responsive Web Dev with CSS3 Flexbox & Media Queries

Laser 26 Feb 2022 02:48 LEARNING » e-learning - Tutorial

Master Responsive Web Dev with CSS3 Flexbox & Media Queries
Genre: eLearning | MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 742 MB | Duration: 1h 24m

What you'll learn
You will learn about Responsive web design and development
You will learn all concepts of Flexbox and how to use them
You will learn the concepts of Media Queries and how to use them
You will learn to use HTML and CSS3
You will learn the basics of Git and Github, commit your code to github
You will learn to use Visual Studio Code editor and related extension
Requirements
No Programming Knowledge
Description
In the course, you will learn all the concepts of flexbox and media queries.

We will learn all the concepts with the help of code examples.
Following are the topics we will cover
1.1-Installing VS Code and Server extension
1.2-Introduction to Flexbox
1.3-Setup index.html and style.css files
1.4- Reset ma padding box-sizing on universal operator
1.5-Styling the Boxes
1.6-Apply display flex on parent
1.7-Flex Direction row row-reverse column column-reverse
1.8-Flex grow shrink
2.1-Justify Content Flex Start
2.2-Justify Content Flex End
2.3-Justify Content Center
2.4-Justify Content Space-Around
2.5-Justify Content Space-Between
3.1-Why you should not use Float property
3.2-Align Item Flex End
3.3-Align Item Flex Start
3.4-Align Item Center
3.5-Flex Basis asme as Width on Flex Item
4.1-Responsivesness with Media Query
4.2-Flex Wrap Layout Creation
4.3-Styling the Flex layout
4.4-Making Screen Responsive with Flex Wrap
4.5-Enhancing the responsiveness
1.1-What is meant by Responsiveness
1.2-Example Non_responsive website
1.3-Creating HTML Skeleton for non-responsive website
1.4-Styling the non responsive page
2.1-Different Device break points
2.2-Make Responsive in device upto 768px
2.3-Make Responsive for device width upto 468px
2.4-Make Responsive for device width above 1024px
2.5-Making Responsive between 769px and 1023px
Creating account on Github
Installing Git bash
Creating github token and connecting from local
Using git commands to commit and push our local code
You will get the complete source code
Who this course is for
Any one who wants to learn how to create responsive website



DOWNLOAD
uploadgig.com



rapidgator.net


nitro.download

High Speed Download

Add Comment

  • People and smileys emojis
    Animals and nature emojis
    Food and drinks emojis
    Activities emojis
    Travelling and places emojis
    Objects emojis
    Symbols emojis
    Flags emojis