آموزش یک دوره کامل CSS Flexbox و یک پروژه وب سایت دنیای واقعی [ویدئو]
A Complete CSS Flexbox Course and a Real World Website Project [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
سرفصل ها و درس ها
معرفی Introduction
-
معرفی Introduction
ساخت ظرف فلکس Creating a Flex container
-
ایجاد ظرف Flex و موارد Flex Creating the Flex container and Flex items
-
ایجاد و طراحی نوار ناوبری - نمونه دنیای واقعی ما Creating & designing the navigation bar - our real world example
-
نوار پیمایش را به یک ظرف Flex با منوها به عنوان آیتم های انعطاف پذیر تبدیل کنید Make the navigation bar a Flex container with the menus as the flex items
ویژگی های اساسی فلکس باکس Basic properties of Flexbox
-
ویژگی رشد فلکس - اقلام فلکس را برای پر کردن ظرف فلکس رشد دهید Flex grow property - grow the flex items to fill the flex container
-
ویژگی Flex shrink - اقلام انعطاف پذیر را کوچک کنید تا صفحه نمایش کوچکتری داشته باشند Flex shrink property - shrink the flex items to fit a smaller screen
-
ویژگی Flex wrap - هنگامی که اندازه صفحه نمایش کاهش می یابد، موارد انعطاف پذیر را بپیچید Flex wrap property - wrap the flex items when screen size reduces
-
پایه فلکس - یک عرض شروع برای موارد فلکس تنظیم کنید Flex basis - set a starting width for the flex items
-
نماد کوتاه Flexbox Flexbox shorthand notation
ویژگی های بهبود فلکس باکس Enhancement properties of Flexbox
-
خاصیت محتوا را توجیه کنید - موارد انعطاف پذیر را تراز کنید Justify content property - Align the flex items
-
خواص فلکس جریان و جهت فلکس Flex flow and flex direction properties
-
موارد را روی محور متقاطع تراز کنید Align items on the cross axis
-
ترتیب عناصر Element order
-
موارد خود تراز شونده را جداگانه تراز کنید Align self - aligning items separately
پروژه دنیای واقعی - یک وب سایت کامل با Flexbox ایجاد کنید Real world project - create a full blown website with Flexbox
-
اسکلت HTML وب سایت HTML skeleton of the website
-
هدر را طراحی کنید و آن را پاسخگو کنید Design the header and make it responsive
-
با Flexbox یک نوار ناوبری واکنشگرا برای وب سایت طراحی کنید Design a responsive navigation bar for the website with Flexbox
-
دو ستون اصلی را طراحی کنید و آنها را پاسخگو کنید Design the two main columns and make them responsive
-
با ظروف Flex تو در تو، یک فوتر پاسخگو طراحی کنید Design a responsive footer with nested Flex containers
![آموزش Deep Dive iOS 16 Swift - برنامه نویسی SwiftUI [ویدئو]](https://donyad.com/course/getimg/3e5d0c27-4191-4ae0-9c91-86e59a42c5f2.jpg "آموزش Deep Dive iOS 16 Swift - برنامه نویسی SwiftUI [ویدئو]")
![آموزش یک دوره کامل CSS Flexbox و یک پروژه وب سایت دنیای واقعی [ویدئو]](https://donyad.com/course/getimg/7774ef70-8f03-4234-8c29-10d6e38f8b03.jpg "آموزش یک دوره کامل CSS Flexbox و یک پروژه وب سایت دنیای واقعی [ویدئو]")
https://donyad.com/d/199bd4
Aarthi Elumalai
Aarthi Elumalai موسس DigiFisk است. در DigiFisk، آنها قصد دارند برنامه نویسی را سرگرم کننده و تعاملی کنند. اگر از تئوری های بی پایان خسته شده اید، به جای درستی آمده اید. با شروع دوره های سطح مبتدی در هر زبان برنامه نویسی یا زمینه ای، آنها شما را راهنمایی می کنند تا با چندین کلاس مبتنی بر پروژه در دنیای واقعی پیشرفت کنید تا شما را برای پیشرفت در دنیای واقعی مجهز کنند. سخنرانی‌های آنها معمولاً مفصل است و چیزی را از قلم نمی‌اندازد، بنابراین برنامه‌نویسان مبتدی و پیشرفته می‌توانند از هر دوره چیزی یاد بگیرند. مطمئن شوید که از سفر خود به دنیای جذاب برنامه نویسی با DigiFisk لذت خواهید برد.
نمایش نظرات