Forum | Gli ultimi tutorial di sviluppo web
 

Angular Material Tutorial



Angular Material è una libreria di componenti di interfaccia utente per Angular sviluppatori JS. Angular Material componenti aiuta nella costruzione di pagine web interessanti, coerenti e funzionali e applicazioni web, nel rispetto moderni principi di web design come la portabilità del browser, l'indipendenza dal dispositivo, e il degrado grazioso. Essa aiuta nella creazione di più veloce, belle, e reattivi siti web. E 'ispirato da Google Material Design.


Pubblico

Questo tutorial è pensato per i professionisti che desiderano imparare le basi del Angular Material e come utilizzarlo per creare più veloce, bello, e siti web sensibili. Questo tutorial spiega tutti i concetti fondamentali della Angular Material .


Prerequisiti

Prima di procedere con questo tutorial, si dovrebbe avere una conoscenza di base Angular JS, HTML, CSS, JavaScript, Document Object Model (DOM) , e qualsiasi editor di testo. Inoltre, vi aiuterà se si sa come funzionano le applicazioni web-based.


Esegui Angular Material online

Per la maggior parte degli esempi forniti in questo tutorial, si trova un Try-it opzione. Utilizzare questa opzione per eseguire i vostri Angular Material programmi sul posto e godetevi il vostro apprendimento.

Provate il seguente esempio utilizzando il Try-it opzione disponibile nell'angolo in alto a destra della casella seguente codice di esempio -

<html lang="en" >
   <head>
      <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/ angular -material.min.css">
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/ angular .min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/ angular -animate.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/ angular -aria.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/ angular -messages.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/ angular -material.min.js"></script>
      <script type="text/javascript">    
         angular.module('firstApplication', ['ngMaterial']) ;
      </script>
   </head>
   <body ng-app="firstApplication" ng-cloak>
      <md-toolbar class="md-warn">
         <div class="md-toolbar-tools">
            <h2 class="md-flex">HTML 5</h2>
         </div>
      </md-toolbar>
      <md-content flex layout-padding>
         <p>HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World Wide Web.</p>
         <p>HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG) .</p>
         <p>The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears.</p>
      </md-content>
   </body>
</html>