CSS Flexbox - Learn and Build Responsive Websites in 2018 هذه الدورة تدرس باللغة الإنجليزية

تفاصيل الدورة

***Udemy bestseller***

"Perfect!!! The instructor is an excellent communicator, and explains practical content in a concise manner, in a way that is easily understood. I've been working on building my own web app, and he makes difficult concepts simple." -Jordan McEachern

***Last Update -September 2018***

Are you looking for a course to build a modernwebsite in the easiest and most efficient way?

If your answer is yes, you're in the right place. Here you will learn how to build responsive and modern websites using the flexbox layout model.

My name is Luis Carlos, im an enginner & a web developer, andI will be your guide in the next hours for this course. I have several years of experience as a trainer and I will pass on all my knowledge in the area of web development.

Why Flexbox?

CSS Flexbox simplifies complexity.

With Flexbox you will be able to do more with layouts, andallow you to reach the complex layout in an easier and funwaywritingless &clean codeto create them.

What you will learn and be able to do at the end?

• Properties for parents (container) and childrens (flex items)

• Align and position flex items

• Arrange items in different directions and orders

• Fill the remaining space and shrink elements to not overflow

• Create a responsive webpagewith the respective content

• Advanced layout techniques

• Use of media queries and flexbox propertiesto create responsible sites

• Creation of a responsive formandweb gallery using flexbox

• Use of CSS3 properties to create animations and effects

• Create interactive pages with Jquery

• Flexbox Model applied with Bootstrap framework

How is the course structured?

The course is structured in several sections where the first part (section 2 and 3)is dedicated to the properties used for creating websites using the flexbox model. The section 4guide to a real webpage, where i create theholy grail layout using 2 methods, one where i use onlyone dimension layout and later the same layout will be done in two dimensions using nested containers.

With the main layout finished it will be added the content in order to understandhow the flexbox will position and align all the content of the page.

After create the first real webpage, it's timeto learn advanced techniques to create layouts, where you can check the great dynamicand versatility of the flexbox model.

At this point you canalready create websites to yourown projects, and only need to adapt your website to all types of devices, which is why youlearn insection 5to use media queries in site creation.

Section 6 is dedicated to the creation of pages with different kinds of contents,using always theflexbox model,showingthe great capacity that this model has for creating multiple web contents (Responsive web galleries/ Forms / Image accordion slider/interactive pages using Jquery)

The course has somedocuments available that you can follow and can work as your guide,where it is possible to verify the planning and details that I outlined for the creation of the webpageand some details aboutlayouts and some flexbox properties.

Finally, i have created quizzes in which you can test the knowledge acquired during the course

Recommended speed:

1 - 1.25x

-----What people say about my courses------

Recent reviewsfromanother courses:

"Ideal for students that are starting in this area. The instrutor goes direct to the subject, and make good code exemples. I have truly enjoyed this starting course of html. im waiting for new videos and other courses in this area by this instructor"

*AA*

"Good basic stuff fot those who are starting. Exercises made in videos are very well explained in each topic. I feel confident to the next exercises"

*TK*

"Videos with well defined content. Great step by step overview of each base number with many examples to understand all the conversions. This tutorial is very well prepared, the pace is perfect and the material presented is structured well."

*JW*