About This Course

The Flexbox Layout module of CSS helps scale web apps from desktop to mobile and vice versa. Flexbox allows you to customize the scaling and movement of containers in multiple directions, rather than just one. Flexbox has widespread browser support and creates layouts that are easy to implement and maintain.

The Flexbox Fundamentals Training course will guide developers through the basics of Flexbox. Along the way, developers will learn to build a simple web app that takes advantage of Flexbox’s scaling properties. Developers will be guided through best practices and learn to transition an existing web app to flexbox.

Request More Info About This Course
css

Course Category

Duration

This is a three-day hands-on course.

Skill Level

What Happy Developers Say

The instructor did a good job of adjusting content to meet different skill levels.
Developer, Intuit
The instructor was very knowledgeable, making it easy to ask questions and provided good conversation about the topic at hand.
dell  logoWeb Developer, DELL
The instructor demonstrated strong broad knowledge as well as technical in-depth when appropriate
Engineer, Starbucks
I liked that we could determine what to learn, no time was wasted.
Javascript Developer, RetailMeNot
I had trouble understanding a certain concept, and told the instructor that I just didn't get it. While the class was busy with an exercise, he sat down with me, gave me material to read, and made sure I understood it before I moved on. I really appreciated that.
JavaScript Developer, PayPal
The instructor has a great attitude and pacing. Amazing how much he knows about JS!
Junior JavaScript Developer, Macy's

Purpose

  • Know the benefits of using Flexbox when developing web apps.
  • Understand how Flexbox axes, containers, and items build responsive, dynamic layouts.
  • Use Flexbox to build a web app layout that scales based on the viewing environment.
  • Learn to transition an existing web app to Flexbox.

Audience

Developers who have experience with CSS and are interested in building their skills and building web apps that are more responsive to different viewing environments.

Course Outline

  • What is Flexbox
    • CSS layouts
    • Benefits of using flexbox
    • Flexbox vs. Grid
  • The Basics
    • Axes
    • Containers
    • Items
    • Directions
    • Dimensions
  • Getting Started
    • Setting up flexbox
    • Alignment
    • Wrapping
  • Properties
    • Flex-direction
    • Flex-wrap
    • Flex-flow
    • Justify-content
    • Align-items
    • Align-content
    • Order
    • Flex-grow
    • Flex-shrink
  • Transitioning to Flexbox
Request More Info About This Course

Instructors Who Teach This Course

Will

Will

Will attended MIT for a B.S. in CS and an MEng in Machine Learning with his Master’s thesis on self-learning classification optimization systems. He has co-founded and ran three startups in various industries, including: home media server software, machine learning analytics for the pharmaceutical industry, and advertising network for the rideshare industry.

In addi... read more

Peter

Peter

Peter is a Senior Java Developer / Architect / Manager with over 20 years of experience in the analysis, design, and development of computer systems, including 20 years of experience architecting and delivering web-based IT solutions. Peter manages and leads an experienced team of Java and object-oriented programming specialists that provide a wide range of technical services. Peter founded Jav... read more

Kito

Kito

Kito D. Mann is the Principal Consultant at Virtua, Inc., specializing in enterprise application architecture, training, development, and mentoring with JavaServer Faces, HTML5, Web Components, portlets, Liferay, and Java EE technologies. He is also the editor-in-chief of JSFCentral.com (www.jsfcentral.com), co-host of the Enterprise Java Newscast (https://www.enterprisejavanews.com), and the a... read more

Eric

Eric

Eric is a professional trainer and software developer who loves learning new things, sharing what he learns, and helping clients to solve business problems. He holds a BS in Computer Science from the Virginia Military Institute, and numerous software certifications to include the Microsoft Certified Professional Developer certification.

Eric has extensive experience providing customized trai... read more

Eve

Eve

Eve has been focused on web and curriculum development since college, where she studied user interface design and usability. Since then, she has consulted as a project manager and coder to deliver interactive web applications, from e-Learning portals to mobile apps.

Well-versed in HTML5, CSS3 and other front-end technologies, Eve has lent her interface and training skills to the redesign of ... read more

Jeremy

Jeremy

Jeremy is a senior software engineer with over 15 years experience building websites and applications. He develops mobile apps with Ionic, crafts user interfaces with AngularJS, and builds web-service layers with Node.js.

He has a passion for open source and is the author of Ionic in Action and coauthor of Angular 2 in Action. He lives in Texas with his wife and daughter, and when he isn’t c... read more

Who Takes This Training?

Learn More About This Course