Professional CSS Flexbox

  • Course provided by Udemy
  • Study type: Online
  • Starts: Anytime
  • Price: See latest price on Udemy
Udemy

Course Description

Flexbox Is the way to layout websites and web applications in the modern world.

In this class you will learn about all the features and properties of Flexbox and how to use them! We will take a hands on approach to discovering all the awesome ways to use Flexbox and by the end of the course you will have a professional understanding of Flexbox and how to use it to layout Websites and Web Applications like a modern CSS guru!

Each video includes a link to the lesson's code so you can easily follow and code along without needing anything but a web browser.

To be successful in this class all you need is a basic understanding of CSS and HTML!

The old way of laying out content on the web is on it's last days. Learn how to utilize Flexbox to streamline, simplify, and future-proof your Websites and Mobile Applications!

Who this course is for:

  • This course is perfect for anyone that wants to learn how to layout web and mobile applications for the modern world.

Instructor

Senior Web Developer
  • 4.5 Instructor Rating
  • 205 Reviews
  • 713 Students
  • 1 Course

I'm a web developer and programming instructor living in New Orleans. I've been programming for 10 years and absolutely love all things web development! I've built responsive web and mobile applications for many companies small and large and love learning and teaching the latest and greatest techniques. I hope you'll join me in learning some awesome new ways to develop for the modern web!

Expected Outcomes

  1. Gain a complete professional understanding of Flexbox Utilize flexbox to solve common layout problems easily. Create professional user interfaces for web and mobile applications with ease. Course content 6 sections • 21 lectures • 42m total length Expand all sections Setup 2 lectures • 3min Setting up your Learning and Development Environment Preview 00:59 What is Flexbox? Preview 02:24 Flex Containers 6 lectures • 15min Flex Wrap 02:20 Justify Content 02:32 Flex Direction Preview 04:11 Align Items 03:11 Align Content 02:17 Review and Practice With Games! 00:27 Flex Items 6 lectures • 13min Order 02:22 Flex Grow 03:03 Flex Shrink 02:05 Flex Basis 02:40 Align Self 01:55 Review and Practice with Games! 00:27 Shorthand Properties 1 lecture • 1min Shorthand Properties - flex and flex-flow. 00:35 Techniques 4 lectures • 10min Perfect Centering 02:00 Holy Grail and Beyond Preview 03:22 Responsive Forms 01:28 Scroll Items Independently 03:05 Additional Material 2 lectures • 2min Flexbox Quick Reference 01:13 Course Feedback and Comments 00:18 Requirements You should have a basic understanding of HTML and CSS. Description Flexbox Is the way to layout websites and web applications in the modern world. In this class you will learn about all the features and properties of Flexbox and how to use them! We will take a hands on approach to discovering all the awesome ways to use Flexbox and by the end of the course you will have a professional understanding of Flexbox and how to use it to layout Websites and Web Applications like a modern CSS guru! Each video includes a link to the lesson's code so you can easily follow and code along without needing anything but a web browser. To be successful in this class all you need is a basic understanding of CSS and HTML! The old way of laying out content on the web is on it's last days. Learn how to utilize Flexbox to streamline, simplify, and future-proof your Websites and Mobile Applications! Who this course is for: This course is perfect for anyone that wants to learn how to layout web and mobile applications for the modern world. Show more Show less Featured review Aisha Smith 206 courses 23 reviews Rating: 5.0 out of 5 a year ago I thought this course was ABSOLUTELY EXCELLENT. It's short and concise and the examples are very clear. It has helped me greatly for my assignment. The teacher is excellent and has put alot of time and effort into the course and it shows the value. I love the games provided and references so we can continue to practice or play quick reference what we learnt. I give this a 5 star one of the best course on Udemy. Show more Show less Instructor Greg Bararaghimian Senior Web Developer 4.5 Instructor Rating 205 Reviews 713 Students 1 Course I'm a web developer and programming instructor living in New Orleans. I've been programming for 10 years and absolutely love all things web development! I've built responsive web and mobile applications for many companies small and large and love learning and teaching the latest and greatest techniques. I hope you'll join me in learning some awesome new ways to develop for the modern web! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778010c0f06ce57',m:'ba9eb272a51fd81bd314e65a5bf6dca53670cd4d-1627746856-1800-AaYUeqMFh9OG+1Au1kDa0iMkGv05C83FOY+N04a1KBbRT+RF8Hpr4lnMFkVpVIo+VYkuqKXk596yQDI781IhQgfnDVvcCKVluPv0a0YGdLqTPYphyYAhLtizQEwbLBTl8jW44jyJDDAhfDX75rSZ72E=',s:[0xbfe70788b7,0xdbe5c6062f],}})();
  2. Utilize flexbox to solve common layout problems easily. Create professional user interfaces for web and mobile applications with ease. Course content 6 sections • 21 lectures • 42m total length Expand all sections Setup 2 lectures • 3min Setting up your Learning and Development Environment Preview 00:59 What is Flexbox? Preview 02:24 Flex Containers 6 lectures • 15min Flex Wrap 02:20 Justify Content 02:32 Flex Direction Preview 04:11 Align Items 03:11 Align Content 02:17 Review and Practice With Games! 00:27 Flex Items 6 lectures • 13min Order 02:22 Flex Grow 03:03 Flex Shrink 02:05 Flex Basis 02:40 Align Self 01:55 Review and Practice with Games! 00:27 Shorthand Properties 1 lecture • 1min Shorthand Properties - flex and flex-flow. 00:35 Techniques 4 lectures • 10min Perfect Centering 02:00 Holy Grail and Beyond Preview 03:22 Responsive Forms 01:28 Scroll Items Independently 03:05 Additional Material 2 lectures • 2min Flexbox Quick Reference 01:13 Course Feedback and Comments 00:18 Requirements You should have a basic understanding of HTML and CSS. Description Flexbox Is the way to layout websites and web applications in the modern world. In this class you will learn about all the features and properties of Flexbox and how to use them! We will take a hands on approach to discovering all the awesome ways to use Flexbox and by the end of the course you will have a professional understanding of Flexbox and how to use it to layout Websites and Web Applications like a modern CSS guru! Each video includes a link to the lesson's code so you can easily follow and code along without needing anything but a web browser. To be successful in this class all you need is a basic understanding of CSS and HTML! The old way of laying out content on the web is on it's last days. Learn how to utilize Flexbox to streamline, simplify, and future-proof your Websites and Mobile Applications! Who this course is for: This course is perfect for anyone that wants to learn how to layout web and mobile applications for the modern world. Show more Show less Featured review Aisha Smith 206 courses 23 reviews Rating: 5.0 out of 5 a year ago I thought this course was ABSOLUTELY EXCELLENT. It's short and concise and the examples are very clear. It has helped me greatly for my assignment. The teacher is excellent and has put alot of time and effort into the course and it shows the value. I love the games provided and references so we can continue to practice or play quick reference what we learnt. I give this a 5 star one of the best course on Udemy. Show more Show less Instructor Greg Bararaghimian Senior Web Developer 4.5 Instructor Rating 205 Reviews 713 Students 1 Course I'm a web developer and programming instructor living in New Orleans. I've been programming for 10 years and absolutely love all things web development! I've built responsive web and mobile applications for many companies small and large and love learning and teaching the latest and greatest techniques. I hope you'll join me in learning some awesome new ways to develop for the modern web! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778010c0f06ce57',m:'ba9eb272a51fd81bd314e65a5bf6dca53670cd4d-1627746856-1800-AaYUeqMFh9OG+1Au1kDa0iMkGv05C83FOY+N04a1KBbRT+RF8Hpr4lnMFkVpVIo+VYkuqKXk596yQDI781IhQgfnDVvcCKVluPv0a0YGdLqTPYphyYAhLtizQEwbLBTl8jW44jyJDDAhfDX75rSZ72E=',s:[0xbfe70788b7,0xdbe5c6062f],}})();
  3. Create professional user interfaces for web and mobile applications with ease. Course content 6 sections • 21 lectures • 42m total length Expand all sections Setup 2 lectures • 3min Setting up your Learning and Development Environment Preview 00:59 What is Flexbox? Preview 02:24 Flex Containers 6 lectures • 15min Flex Wrap 02:20 Justify Content 02:32 Flex Direction Preview 04:11 Align Items 03:11 Align Content 02:17 Review and Practice With Games! 00:27 Flex Items 6 lectures • 13min Order 02:22 Flex Grow 03:03 Flex Shrink 02:05 Flex Basis 02:40 Align Self 01:55 Review and Practice with Games! 00:27 Shorthand Properties 1 lecture • 1min Shorthand Properties - flex and flex-flow. 00:35 Techniques 4 lectures • 10min Perfect Centering 02:00 Holy Grail and Beyond Preview 03:22 Responsive Forms 01:28 Scroll Items Independently 03:05 Additional Material 2 lectures • 2min Flexbox Quick Reference 01:13 Course Feedback and Comments 00:18 Requirements You should have a basic understanding of HTML and CSS. Description Flexbox Is the way to layout websites and web applications in the modern world. In this class you will learn about all the features and properties of Flexbox and how to use them! We will take a hands on approach to discovering all the awesome ways to use Flexbox and by the end of the course you will have a professional understanding of Flexbox and how to use it to layout Websites and Web Applications like a modern CSS guru! Each video includes a link to the lesson's code so you can easily follow and code along without needing anything but a web browser. To be successful in this class all you need is a basic understanding of CSS and HTML! The old way of laying out content on the web is on it's last days. Learn how to utilize Flexbox to streamline, simplify, and future-proof your Websites and Mobile Applications! Who this course is for: This course is perfect for anyone that wants to learn how to layout web and mobile applications for the modern world. Show more Show less Featured review Aisha Smith 206 courses 23 reviews Rating: 5.0 out of 5 a year ago I thought this course was ABSOLUTELY EXCELLENT. It's short and concise and the examples are very clear. It has helped me greatly for my assignment. The teacher is excellent and has put alot of time and effort into the course and it shows the value. I love the games provided and references so we can continue to practice or play quick reference what we learnt. I give this a 5 star one of the best course on Udemy. Show more Show less Instructor Greg Bararaghimian Senior Web Developer 4.5 Instructor Rating 205 Reviews 713 Students 1 Course I'm a web developer and programming instructor living in New Orleans. I've been programming for 10 years and absolutely love all things web development! I've built responsive web and mobile applications for many companies small and large and love learning and teaching the latest and greatest techniques. I hope you'll join me in learning some awesome new ways to develop for the modern web! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778010c0f06ce57',m:'ba9eb272a51fd81bd314e65a5bf6dca53670cd4d-1627746856-1800-AaYUeqMFh9OG+1Au1kDa0iMkGv05C83FOY+N04a1KBbRT+RF8Hpr4lnMFkVpVIo+VYkuqKXk596yQDI781IhQgfnDVvcCKVluPv0a0YGdLqTPYphyYAhLtizQEwbLBTl8jW44jyJDDAhfDX75rSZ72E=',s:[0xbfe70788b7,0xdbe5c6062f],}})();