توضیحات

آموزش حرفه ای CSS3 و  Sass  – صفر تا صد CSS3 – صفر تا صد Flexbox (فلکس باکس)

نام دوره : CSS – The Complete Guide 2024 (incl. Flexbox, Grid & Sass)

به روز رسانی 11/2022 تغییری در محتوا و ساختار نداشته و تنها نام دوره به 2023 عوض شده

11 تمرین کد نویسی به همراه ویدیو آن ها اختصاصی و تنها در یودمی ایران به دوره اضافه شده

پیش نیاز:

• شما باید اصول اولیه HTML و به طور کلی توسعه وب را بدانید
• هرچند دانش پیشرفته HTML یا توسعه وب مورد نیاز نیست
• هیچ دانشی از  CSS اصلا لازم نیست! در این دوره همه چیز را یاد خواهید گرفت!

توضیحات:

CSS – مخفف C ascading S tyle S heets – یک “زبان برنامه نویسی” است که از آن برای تبدیل صفحات خام HTML خود به وب سایت های زیبا استفاده می کنید.

این دوره همه چیز را پوشش می دهد – ما از اصول اولیه شروع می کنیم (CSS چیست؟ چگونه کار می کند؟ چگونه از آن استفاده می کنید)؟ و به تدریج در اعماق فرو می روید. و ما این کار را با نشان دادن مثالهای عملی و همچنین نظریه پشت آن انجام می دهیم.

شروع به کار با CSS ممکن است آسان به نظر برسد اما در واقع عمق زیادی در CSS وجود دارد . از این رو این دوره “مسیرها” یا “نقاط ورود” متفاوتی را برای پاسخگویی دقیق به خواسته های شما ارائه می دهد و سطح دانش فعلی شما را نشان می دهد :

مسیر اصلی : از ابتدا شروع کنید ، CSS را از ابتدا یاد بگیرید. شما با ویدیو 1 شروع می کنید و به سادگی تا انتها ادامه می دهید.

آهنگ پیشرفته : شما از قبل اصول CSS را می دانید ، می دانید که انتخاب کننده ها چیست و چگونه کار می کند ، اما می خواهید عمیق تر وارد شوید و برخی از ویژگی ها و کاربردهای پیشرفته را بیاموزید.

آهنگ تخصصی : شما دانش پیشرفته ای را نیز کسب کرده اید ، اما می خواهید به مواردی مانند Flexbox ، CSS Grid ، CSS Variables یا Sass بپردازید. این آهنگ مخصوص شماست

البته این دوره تئوری و نمونه های عملی را ارائه می دهد – ما یک پروژه کامل دوره واقعی را در طول دوره آموزش حرفه ای CSS3 خواهیم ساخت – اما همچنین چندین تکلیف ، آزمون و چالش برای تمرین مفاهیم فردی که در طول دوره آموزش داده می شود ، وجود دارد.

صحبت در مورد پروژه دوره – ما نمای داخلی (بدون پشتوانه) یک شرکت میزبانی وب تخیلی را ایجاد می کنیم. ما یک صفحه شروع خواهیم داشت که دارای بخشهای مختلف است ، ما یک طراحی پاسخگو با کشوی جانبی متحرک ، مدالها و فرمها و به طور کلی تعداد زیادی انیمیشن CSS ، سبک فونت و موارد دیگر را دریافت کردیم !

در اینجا آنچه در داخل دوره آموزش حرفه ای CSS3 است به تفصیل آمده است.

اینها همه در مورد پروژه در دوره آموزش حرفه ای CSS3 نیز کاربرد دارد:

• اصول اولیه در مورد انتخاب کننده ها ، ترکیب کننده ها و نحوه تنظیم قوانین یک ظاهر طراحی شده به طور کلی
• خواص ، مقادیر و اعلانات
• نحوه عملکرد خاص و وراثت و چرا به آن برگه های سبک “Cascading” گفته می شود
• مفاهیم نظری مهم مانند “مدل جعبه”
• چگونه می توان موقعیت پیش فرض عناصر را تغییر داد
• حالت دادن به پس زمینه (به عنوان مثال شیب) و تصاویر
• کدام واحدها و ابعاد را معمولاً در CSS استفاده می کنید (px ، rem ، and و بیشتر)
• نحوه تعامل جاوا اسکریپت و CSS
• طراحی واکنش گرا و معنی “اول موبایل” چیست
• شکل دادن به فرم ها و ورودی های فرم
• کار با متن ، فونت و سبک های متن
• فلکس باکس! نحوه عملکرد و نحوه استفاده از آن
• استفاده از CSS Grid و تفاوت آن با Flexbox
• تغییر و متحرک سازی عناصر HTML با کمک CSS
• نوشتن CSS مقاوم در برابر آینده با ویژگی هایی مانند متغیرهای CSS
• استفاده از Sass و آنچه در مورد آن است

آیا دوره آموزشی حرفه ای CSS3 و فلکس باکس (Flexbox) و Sass برای شما مناسب است؟

1. شما با یادگیری توسعه وب شروع کرده اید و می خواهید وب سایت های زیباتر بسازید
2. شما از قبل CSS را می شناسید اما می خواهید عمیق تر بیاموزید
3. شما از CSS به صورت آزمایش و خطا استفاده می کنید و می خواهید این را تغییر دهید (باید!)

دوره آموزشی حرفه ای CSS3 و فلکس باکس (Flexbox) و Sass  برای چه کسانی است:

• هرکسی که می خواهد برای اولین بار CSS را بیاموزد یا می خواهد مهارت های CSS خود را تقویت کند
• هر کسی که مشتاق یادگیری آخرین ویژگی های CSS مانند Flexbox ، CSS Grid یا CSS Variables است
• هرکسی که CSS را می داند اما می خواهد عمیق تر غوطه ور شود
• هر کس به دنبال آموزش حرفه ای CSS3 است

بخشی از دوره :