What you'll learn
- What is flexbox module
- How to manage items at container level
- How to manage items at items level
- How to create basic layouts, using flexboxes
Requirements
- Students need to know basics of HTML and CSS
Description
This class is about learning how flexboxes work.
Did you hear about them before?
It's a module, that has roots at Mozilla. It's a big timesaver for Frontend developers.
You'll never want to create an HTML page without flexboxes after this course.
We'll learn only basic things. Specification mostly.
All CSS properties related to flexboxes.
And we'll have a set of easy practical lessons.
For each practice lesson, I advise you to recreate an example from scratch(no copy-paste) by your hands.
Be aware, that this course touching only flexbox basics, so you need to know HTML and CSS.
TOOLKIT
Github- if you ok to share your code with other - My current pick
Bitbucket - if you want to have a free storage
Google drive or Dropbox - if you just want to save your code at cloud
You can also use Codesandbox or other online editors.
For practice lessons, I'll use CodePen.
But I'm sure - for your project, you'll decide to use a code editor.
Code editors
Sublime - I use it around 6 years. small size and everything important
Atom because it's backed by the GitHub team and it also has a Github sync.
If you want to save your project tasks, you can use Trello
If you want to have some flexbox practice, you can check this game: flexboxfroggy
For flexbox prefixing please google "flexbox prefixes SASS"
Who this course is for:
- Beginner Frontend developer
Course content
- Preview04:43
- Preview06:11
- 01:51Practice lesson. display:flex
- 02:05Practice lesson. flex-direction
- 02:49Practice lesson. flex-wrap
- 06:07Parent properties. justify-content
- 03:18Practice lesson. justify-content
- 02:46Practice lesson. justify-content
- 01:35Practice lesson. justify-content
- 03:28Practice lesson. justify-content
- 03:19Parent properties. align-content
Instructor
My name is Arthur
I'm building tools for Food Tech projects
Teaching to code my team of interns.
Writing articles on Medium - explaining how I'm building a company.
I managed team members with a different skillset.
Usually, I'm managing developers.
Before I managed 10+ members team, created a documentation for complex projects.
Right now I'm coding at React/Nodejs