Öğreticiyi Materyalleştir

Materialize, CSS, JavaScript ve HTML ile oluşturulmuş bir UI bileşen kitaplığıdır. Materialise UI bileşenleri, çekici, tutarlı ve işlevsel web sayfaları ve web uygulamaları oluşturmaya yardımcı olurken, aynı zamanda tarayıcı taşınabilirliği, cihaz bağımsızlığı ve zarif bozulma gibi modern web tasarım ilkelerine bağlı kalır. Daha hızlı, güzel ve duyarlı web siteleri oluşturmaya yardımcı olur. Google Materyal Tasarımından esinlenmiştir.

Bu eğitim, Materialize'ın temellerini öğrenmek ve daha hızlı, güzel ve duyarlı web sayfaları ve uygulamalar oluşturmak için nasıl kullanılacağını öğrenmek isteyen profesyoneller içindir. Bu eğitim, Materialize'ın tüm temel kavramlarını açıklamaktadır.

Bu eğiticiye devam etmeden önce, HTML, CSS, JavaScript, Belge Nesne Modeli (DOM) ve herhangi bir metin düzenleyici hakkında temel bir anlayışa sahip olmalısınız. Ek olarak, web tabanlı uygulamaların nasıl çalıştığını bilmeniz yardımcı olacaktır.

Bu eğitimde verilen örneklerin çoğu için bir Try-itseçeneği. Materyalize programlarınızı yerinde yürütmek ve öğrenmenin tadını çıkarmak için bu seçeneği kullanın. Aşağıdaki örneği deneyin:Try-it seçeneği aşağıdaki örnek kod kutusunun sağ üst köşesinde mevcuttur.

<!DOCTYPE html>
<html>
   <head>
      <title>The Materialize Example</title>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">      
      <link rel = "stylesheet"
         href = "https://fonts.googleapis.com/icon?family=Material+Icons">
      <link rel = "stylesheet"
         href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
      <script type = "text/javascript"
         src = "https://code.jquery.com/jquery-2.1.1.min.js"></script>           
      <script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js">
      </script>             
   </head>
   
   <body>
      <div class = "card-panel teal lighten-2"><h3>Hello World!</h3></div>
   </body>
</html>