مطالب پیشنهادی از سراسر وب

راهنمای کامل CSS Flexbox با یک پروژه کامل [آپدیت 2021]

دسته بندی ها: آموزش فلکس باکس (Flexbox) ، آموزش های Packtpub ، آموزش طراحی وب ، آموزش سی اس اس (CSS)

آیا می خواهید به راحتی و به سرعت و فقط با خطوط ساده کد، طرح بندی های پیچیده وب سایت را ایجاد کنید؟ این دوره به شما کمک می کند با استفاده از جادوی flexbox، آن دسته از طرح بندی های پیچیده وب سایت را به راحتی ایجاد کنید.
این دوره را با ایجاد اولین کانتینر flexbox برای درک نحوه عملکرد flexbox شروع خواهید کرد. سپس می آموزید که چگونه با استفاده از flexbox CSS تراز بندی عناصر را کنترل کنید. در حین آموزش، تکنیک هایی برای کنترل اندازه عناصر و ساخت منوهای ساده و پیشرفته با استفاده از flexbox را یاد می گیرید. در پایان، شما می توانید یک وب سایت با طرح بندی های ریسپانسیو پیشرفته، مانند Holy Grail، طرح بندی ستون های مساوی و چیدمان آجری افقی را بسازید.
در پایان این دوره، شما قادر هستید با استفاده از flexbox طرح بندی وب سایت های ریسپانسیو در دنیای واقعی را ایجاد کنید.
تمامی فایل های کد و فایل های پشتیبانی از اینجادر دسترس هستند.

فایل های تمرین exercise_files.zip
آیا این نوشته را دوست داشتید؟
Packt The Complete CSS Flexbox Guide with a Complete Project [Updated for 2021] Duration:2 hours 24 minutes

Do you want to create complex website layouts easily and quickly with just simple lines of code? This course will help you to create those complex website layouts with ease using the magic of flexbox.
You will start this course by creating your first flexbox container to understand how flexbox works. Next, you will learn how to control the alignment of elements using the CSS flexbox. Moving along, you will grasp techniques to control the size of elements and to build basic and advanced menus using flexbox. Toward the end, you will learn to build a website with advanced responsive layouts, such as Holy Grail, equal columns layout, and horizontal masonry.
By the end of this course, you will be able to create real-world responsive website layouts using flexbox.
All the code files and support files are available at https://github.com/PacktPublishing/The-Complete-CSS-Flexbox-Guide-With-a-Complete-Project-2021

پیشنهاد آموزش مرتبط در فرادرس