توضیحات
Flexbox Simplified دوره آموزش پروژه محور صفحه آرایی وب سایت با فلکس باکس می باشد که توسط یوتیوبر معروف کوین پاول منتشر شده است. کوین پاول یکی از مدرسین سی اس اس و یوتیوبرهای معروف در حوزه طراحی و برنامه نویسی وب سایت است که به صورت کاملا اختصاصی و پروژه محور در حیطه زبان CSS کار می کند. کانال یوتیوب او بیش از 250 هزار سابسکرایبر داشته و یکی از محبوب ترین کانال های یوتیوب در حیطه برنامه نویسی و توسعه وب سایت است. فلکس باکس یکی از قابلیت های نسبتا جدید زبان CSS است که نسبت به روش های قدیمی و مرسوم صفحه آرایی صفحات را بسیار ساده کرده و انعطاف پذیری زیادی برای توسعه دهندگان و طراحان وب ایجاد می کند. کار با فلکس باکس بسیار ساده است اما در ابعاد وسیع و بزرگ ممکن است برنامه نویسان تازه وارد را با مشکل مواجه کند.
فلکس باکس یک معماری و مکانیزم نیمه مدرن است که همهچیز را در ارتباط با صفحهآرایی وبسایت تغییر داده است. تراز کردن بخشهای مختلف وبسایت و تعیین اندازه دقیق ستونها و ردیفها به صورت پویا و درصدی یکی از مشکلات بزرگ برنامه نویسان وب بود که فلکس باکس تا حد بسیار زیادی آن را رفع کرده است. فلکس باکس بهگونهای خاص و جدید رفتار کرده و معمولاً عیبیابی و دیباگینگ آن اندکی برای برنامه نویسان سنتی مشکل است. ازجمله مهمترین چالشهایی که برنامه نویسان در حین کار با فلکس باکس روبهرو میشوند میتوان به بالانس و یک اندازه کردن ستونها و ردیفها، تغییر اندازه و شکل عناصر به صورت گروهی و انفرادی، جلوگیری از پدیده سرریز شدن عناصر یا overflowing، تراز کردن عناصر در کنار و روی یکدیگر، ریسپانسیو سازی عناصر و ستون ها، تغییر جهت شروع از راست به چپ و چپ به راست و … اشاره کرد.
آنچه در دوره Flexbox Simplified فرا خواهید گرفت:
- صفحه آرایی وب سایت ها با فلکس باکس
- ساخت layout ها و وب سایت های واکنش گرا با فلکس باکس
- تراز کردن ستون ها و عناصر مختلف وب سایت
- تغییر اندازه عناصر به صورت گروهی و انفرادی
- جلوگیری از پدیده سرریز شدن عناصر یا overflowing
- تغییر جهت شروع از راست به چپ و چپ به راست
مشخصات دوره
ناشر: Kevin Powell
مدرس: Kevin Powell
زبان: انگلیسی
سطح آموزش: مقدماتی تا پیشرفته
تعداد دروس: 70
مدت زمان آموزش: 4 ساعت و 42 دقیقه
سرفصل های دوره
Welcome to the course!
My approach
The software I’ll be using
The Discord Community
The file structure
Introduction to declaring display: flex
The flex container
The flex items – part 1
The flex items – part 2
The flex items – part 3
The flex items – part 4
A challenge
Introduction to flexing our muscles
flex-direction basics
Collapsing margins
flex-direction – part 2
The order property
flex-grow
flex-shrink
Grow & Shrink Challenge
Grow & Shrink Solution
Another challenge
My solution
Visualizing with our dev tools
Introduction to flex-basis
The basics of flex-basis
flex-basis challenge
flex-basis solution
Introduction to alignment and justification
Justification basics
Justification continued
Justification and flex-direction
align-items basics
align-items: baseline
Aligning and justifying buttons
A simple navigation – challenge
A simple navigation – solution
A simple navigation follow-up challenge/solution
A look at align-self
Alignment and Justification form challenge
Alignment and Justification form solution
flex-wrap introduction
The basics of flex-wrap
flex-wrap and flex-direction
flex-wrap challenge
flex-wrap solution
Using flex-wrap with flex-grow and flex-shrink
Layouts with flex-wrap
flex-wrap challenge #2
Solution to the challenge
The flex-flow shorthand
A look at align-content
The place-content shorthand
Introduction to the magic of margins
auto margins and flexbox
Fixing a floating footer
Introduction to gap
the gap property
Creating a fallback for gap
flex-grow, revisited
Pushing flex-grow to it’s limits
A use case
Introduction to patterns and layouts
Equal columns, every time
Content / Sidebar
Adaptable sidebar
Grid-ish
Combining layouts and patterns
The holy albatross
The end!
پیش نیازهای دوره Flexbox Simplified
I’m assuming you are comfortable with the basics of writing HTML & CSS.
I won’t be looking at all the CSS involved, but really focusing specifically on the flexbox parts of it.
تصاویر دوره
فیلم معرفی دوره Flexbox Simplified
راهنمای استفاده و نکات
پس از Extract، با Player دلخواه خود مشاهده کنید.
زیرنویس: ندارد
کیفیت: 1080p
لینک دانلود
گذرواژه فایل(ها): www.downloadly.ir
حجم فایل
1.34 گیگابایت
3 دیدگاه. همین الان خارج شوید
ممنونم از اینکه از اقای kevin powell دوره گذاشتین
لطفا باقی دوره های ایشون رو هم قرار بدین ممنون
سلام و خسته نباشید
مثل همیشه عالی و بی نظیر هستید
واقعاً ممنون
kevin powel خیلی خوبه
بقیه دوره هاش هم بزارین