Complete Profile
Quick Login
LIVE THE NIGHT
Discover new and amazing experiences nearby
By signing in, you agree to our
Terms of Usage
Quick Login with OTP
Enter your 10 digit phone number
By signing in, you agree to our
Terms of Usage
Please enter the OTP to verify your account
Time Left : 02 : 00
Oops..time out!!
Resend CodeBy signing in, you agree to our
Terms of Usage
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. Check other courses for learning HTML/CSS basics.
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
Basic knowledge
What will you learn
You'll learn how actually use flexboxes and how experienced developers using it right now.
You class project - that you should do after completing this course will be:
Your project is to create a page with recipe cards. Nothing complex, but you need to use flexboxes. Don't use CSS grids or Bootstrap.
It should have a Header, Footer, Navigation(linked to recipe cards at content).With three or more blocks-cards with details about your favorite dishes.
You can use a plain CSS or SASS.
As a code style and "best practice" example you can use SMACSS
BUT you restricted to use BEM approach(it's good if you don't know what I'm talking about).
Be cool with your code, use comments, if you want to create easy to understand code structure.
Online event. Refer Event Description for more information.
Event_Over! |