greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/arabic/css/css-frameworks/css-framework-materialize/index.md

1.8 KiB
Raw Blame History

title localeTitle
CSS Framework Materialize CSS Framework تتحقق

CSS Framework تتحقق

يمثل Materialize إطار CSS متجاوبًا يستند إلى لغة التصميم متعدد الأبعاد من Google.

ابدء

في ما يلي نموذج HTML بسيط يشتمل على أحدث CSS وملف Javascript مجمّعة ومختصرة لمكتبة Materialize.

`

<html> <head> 
  <!--Let browser know website is optimized for mobile--> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
</head> 

<body> 
  <h1>Hello World!</h1> 
  <!--Import jQuery before materialize.js--> 
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script> 
</body>
</html> `

لقد استخدمنا CDN في هذا المثال ، ولكن يمكنك التحقق من طرق أخرى لتثبيت ثريتم هنا .

مصادر التعلم

  • الوثائق الرسمية لـ Materialize متاحة هنا .
  • مستودع GITHub مفتوح المصدر لـ Checkout من Materialize هنا .
  • هنا هو تعليمي مفيد في استخدام Materialize.