بخش دوم دوره صد روز تا Developer شدن

آموزش CSS

CSS روشی ساده برای نمایش چیدمان و جلوه‌های تصویری مانند نوع قلم، رنگ و اندازه‌ها در صفحات وب است. در واقع می توان گفت CSS برای جدا سازی متونی که به زبان HTML نوشته می شود، از فرمت ظاهری آنها بوجود آمده است.

در بخش اول “آموزش جامع صفر تا صد Developer شدن” مفاهیم HTML و HTML5 را آموختیم.

مشاهده آموزش HTML و HTM5

در بخش دوم “آموزش جامع صفر تا صد Developer شدن” آموزش CSS را خواهیم آموخت. در بخش های بعدی آموزش JavaScript , Jquery , Jquery Mobile , Phonegap , Cordova , VueJS , Rect ,  ReactNative , AngularJS , Ionic را خواهیم داشت.

 

معرفی دوره آموزش CSS :

در این دوره با برنامه نویسی CSS که دومین مجموعه از “آموزش جامع صفر تا صد Developer شدن” است، آشنا می شویم و در آن مفاهیم جدیدی را عنوان خواهیم کرد. مانند بخش قبل در این دوره نیز به صورت پروژه محور و با بیانی ساده ، زبان CSS آموزش داده می شود .

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

سورس پروژه نیست در اختیار شما قرار خواهد گرفت.

HTML , CSS

 

آنچه در دوره آموزش CSS خواهید آموخت:

  • معرفی دوره CSS
  • معرفی بیشتر دوره و نیازمندیهای آن
  • شروع برنامه نویسی در CSS
  • سه روش استایل دادن در CSS و نوشتن قوانین استایلی
  • روش استایل دهی به روش فایل خارجی
  • دادن قوانین استایلی به پاراگراف
  • معرفی شناسه (ID) در CSS
  • معرفی کلاس (Class) در CSS
  • معرفی کلاس‌های خاص
  • معرفی استایل های رنگی در CSS
  • معرفی استایل های تصویری و پس زمینه در CSS
  • معرفی کدهای رنگی و تکرارپذیری پس زمینه
  • تعریف قوانین مربوط به استایل دهی رنگ
  • تعریف قوانین مربوط به استایل دهی پاراگراف و فونت
  • معرفی حاشیه‌ها و فواصل و تعریف استایل قاب
  • معرفی مدل جعبه‌ای و خلاصه نویسی استایل قاب
  • معرفی استایل پدینگ و مارجین در مدل جعبه‌ای
  • تعریف قوانین مربوط به عکس و توضیحات در CSS
  • معرفی موقعیت المان‌ها (Position) و انواع آن
  • بحث شناور سازی المانی
  • استایل دهی در لیست در CSS
  • ادامه بحث استایل دهی در لیست و لیست تصویری
  • معرفی نحوه نمایش المان‌ها و بحث‌های اینلاینی و بلاکی در HTML
  • معرفی انیمیشن در CSS

سورس پروژه در اختیار شما قرار خواهد گرفت.

در بخش های بعدی این دوره جامع

آموزش JavaScript , Jquery , Jquery Mobile

Phonegap , Cordova , VueJS , Rect , ReactNative

AngularJS و Ionic را خواهیم داشت.

منتظر انتشار دوره های بعد باشید…

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.