آموزش CSS مبتدی تا پیشرفته (دوره جامع آموزش CSS3)

دوره آموزش CSS - کامل ترین پکیج آموزشی CSS هست و ما مفتخریم که آموزش مبتدی تا پیشرفته ی سی اس اس رو همراه با پروژه ها در طول دوره به شما ارائه میدیم. طی این دوره مثال ها و مینی پروژه های کاربردی CSS هم داریم و میتونید از اپراتور های اختصاصی برای پرسش و پاسخ بهره ببرید.

قیمت پکیج
تومان 250,000
 

پیش نیاز:
Html

 

نوع دوره:
پکیج

 

مدت زمان آموزش:
8 ساعت

 

روش پشتیبانی:
اپراتور اختصاصی

 

وضعیت آزمون:
ندارد

 

گواهینامه:
ندارد

 

خرید اقساطی:
ندارد

 

نحوه مشاهده:
ویدیو

درصد پیشرفت دوره: 100%

در آموزش CSS مبتدی تا پیشرفته (دوره جامع آموزش CSS3) چه خواهید آموخت

قبل از هر چیزی بریم ببینیم که css چی هست! css مخفف کلمه ی Cascading style Sheets هست و اصلا یک زبان برنامه نویسی حساب نمیشه! از مباحث پایه و ابتدایی وب هست که شما طی دوره های آموزش طراحی وبسایت باید یاد بگیرید. css تشکیل شده از مجموعه ای دستورات هست که کار شما رو برای زیباسازی و رنگ و لعاب دادن به استراکچر وبسایتتون راحت میکنه! یادگیری CSS بسیار ساده‌ است و تنها نیاز به کمی حوصله و تمرین داره. و ما به شما تضمین میکنیم با تمرین های مداوم و طبق آموزش پروژه محور css که براتون آماده کردیم در کمتر از یک ماه میتونید به css به صورت پیشرفته مسلط بشید.

معرفی CSS

کاربرد css در آموزش طراحی وبسایت یک بحث خیلی مهمه که اگه به زبان ساده بخواهیم در موردش صحبت کنیم باید بگیم یادگیری طراحی وبسایت بدون css تقریبا بی فایده یا ناممکنه! چون ارتباط ظاهری که باعث راحتی کاربران سایتتون میشه تقریبا با css پیاده سازی میشه.

اگر یک وبسایت رو شبیه به یک ساختمان در نظر بگیریم، HTML وبسایت شبیه به اسکلت ساختمان و نمای ساختمان شبیه به CSS میباشد. یا اگر بخوایم وبسایت رو با یک انسان شباهت بدیم استخوان انسان شبیه به HTML و رنگ پوست و مو و ظاهر انسان شبیه به CSS میباشد. این تعریف ساده از css میباشد.

برای یادگیری CSS چیزی به جز HTML لازم ندارید و کافیه بتونید استراکچر یا تگ های اصلی سایتتون رو اول پیاده سازی کنید. و ما توی این پکیج آموزشی تقریبا با بیش از 90درصد امکانات css کار میکنیم و با به روز ترین تکنولوژی های css و آخرین نسخه که CSS3 میباشد آشنایی کامل پیدا میکنیم.

آمورش CSS مبتدی تا پیشرفته

این دوره مناسب چه کسانی هست؟

این دوره ویژه افرادیست که قصد یادگیری طراحی وب ‌را دارند، اگر شما مایل هستید وبسایت‌های با ظاهر جذاب و کاربردی ایجاد کنید، قطعا نیاز دارید در قدم اول CSS را یاد بگیرید. کاری که در این دوره انجام می‌د‌هیم این است که به شما کمک کنیم تا CSS را به خوبی یاد بگیرید.

 

سرفصل های دوره آموزش CSS مبتدی تا پیشرفته (دوره جامع آموزش CSS3)

  •  معرفی دوره
  • پیش نیاز های دوره (HTML)
  • مقدمات نصب و راه اندازی
  • معرفی روش های CSS نویسی
  • استایل خطی با attribute style
  • استایل دهی با تگ استایل
  • استایل دهی با فایل اکسترنال
  • کامنت گذاری در CSS
  •  نحوه دستور نویسی یا syntax نویسی در CSS
  • معرفی direction
  • معرفی text-align
  • معرفی width و height
  • معرفی color در CSS
  • معرفی align و ترازبندی متن
  • بکگراندها در CSS
  • معرفی انواع display در CSS
  • معرفی margin در CSS
  • معرفی paddding در CSS
  • معرفی float و شناور کردن المان ها در CSS
  • معرفی clear و کلاس کاربردی clearfix
  • معرفی border و outline در CSS
  • بحث position ها در CSS
  • معرفی z-index
  • معرفی css pseudo classes
  • بحث کامل transition در CSS
  • معرفی دیسپلی table و لیست
  • معرفی دیسپلی flex
  • معرفی opacity و visibility
  • معرفی min-width و min-height و max-width و max-height
  • مباحث مربوط به font ها و font-face ها برای افزودن فونت های وب دلخواه
  • معرفی font-family
  • معرفی font-size
  • معرفی font-weight
  • معرفی font-style و ...
  • معرفی انیمیشن ها در CSS به صورت تخصصی
  • استفاده از لایبرری animate.css
  • معرفی تخصصی flexbox
  • معرفی flex-direction
  • معرفی flex-wrap
  • معرفی justify-content
  • معرفی align-items
  • معرفی align-content
  • بحث flex-wrap و order
  • مباحث طراحی واکنشگرا یا responsive دیزاین
  • بحث box-shadow و text-shadow
  • دو بعدی سازی فضا در CSS
  • معرفی ویژگی transform و ...
  • استفاده از هاور افکت های پیشرفته برای المان ها و تصاویر توسط CSS
معرفی دوره پیش نیاز های دوره (HTML) مقدمات نصب و راه اندازی معرفی روش های CSS نویسی استایل خطی با attribute style استایل دهی با تگ استایل استایل دهی با فایل اکسترنال
نحوه دستور نویسی یا syntax نویسی در CSS
مدل های مختلف سلکتور ها در CSS استفاده از color direction text-align و ...
معرفی انواع بکگراند background-color background-image background-repeat background-position background-attachment background-size
معرفی انواع دیسپلی block inline-block block none و ... و دسته بندی تگ های HTML بر اساس اینلاین و بلاک ها
معرفی مارجین ها و پدینگ ها در CSS
معرفی float و شناور کردن المان ها در CSS معرفی clear و کلاس کاربردی clearfix
معرفی border و outline در CSS
با مباحثی که تا به اینجا یاد گرفتیم فصد داریم هدر یک وبسایت رو با هم پیاده سازی کنیم.
67dbd070-fe74-42d4-8239-e26d56529773
تمرین پروژه محور طراحی منو و زیر منو در ادامه ی تمرین قبلی (طراحی هدر) معرفی css pseudo classes
کار با پروپرتی های CSS استفاده از رنگ ها و عرض و ارتفا و پوزیشن و ... در قالب پروژه
در ادامه تمرین ها با کارکرد بیشتر float و clear آشنا میشیم و برای زیبایی پروژه از transition استفاده میکنیم
معرفی ابتدایی دیسپلی فلکس (در ادامه و درس های آینده تکمیل مباحث خواهیم داشت) استفاده از دیسپلی flex در قالب پروژه
طراحی ظاهری اسلایدر محصولات در قالب تمرین پروژه محور
ادامه ویدیو قبلی
در قالب تمرین پروژه محور طراحی فوتر وبسایت رو انجام میدیم و با پروپرتی های جدید CSS مثل opacity و... آشنا میشیم
مباحث مربوط به font ها و font-face ها برای افزودن فونت های وب دلخواه معرفی font-family معرفی font-size معرفی font-weight معرفی font-style و ...
معرفی سلکتور های پیشرفته تر در CSS معرفی nth-child ها و ...
استفاده از لایبرری animate.css برای زیباسازی و استفاده از افکت های متحرک در صفحات وب
سلکتور های پیشرفته CSS بحث تکمیلی
بحث تخصصی flexbox ها در CSS
ادامه بحث تخصصی flexbox
ادامه بحث تخصصی flexbox
معرفی justify-content و align-items
align-content در بحث flex
بحث flex-wrap و order
معرفی ویژگی های visibility و opacity
معرفی طراحی واکنش گرا یا ریسپانسیو
شروع کد نویسی ریسپانسیو و معرفی @media ها
معرفی متاتگ viewport و اهمیت آن در طراحی ریسپانسیو
تمرین پروژه محور ریسپانسیو کردن وبسایت
تمرین پروژه محور ریسپانسیو
معرفی box-shadow و text-shadow
معرفی transform و ...
بحث کامل transition در CSS
استفاده از هاور افکت های پیشرفته برای المان ها و تصاویر
مباحث ابتدایی و پایه انیمیشن سازی در CSS
انیمیشن سازی به صورت تخصصی در CSS
جلسه پایانی CSS و تمرین پروژه محور ساخت آلرت های متفاوت

نظرات ثبت شده کاربران

  • نام کاربر: سهراب امینی | تاریخ ثبت نظر: 21 اردیبهشت 91

    میتونم بگم با اختلاف خیلی خیلی زیاد بهترین و خفن ترین پکیجی که ساخته شده تو کل ویدیو های ضبظ شده راجب css هستش این پکیج

    دیدگاه خود را ثبت کنید

    برای ثبت نظر، ابتدا وارد شوید.

    سوالات متداول از آموزش CSS مبتدی تا پیشرفته (دوره جامع آموزش CSS3)

    کافیه شما به زبان HTML مسلط باشید و تگ های HTML رو بشناسید! برای یادگیری html ما آموزش رایگان html رو داخل چنل یوتوب MA TEAM براتون آماده کردیم.