Форум | Последние учебники веб-разработки
 

Angular Material Tutorial



Angular Material представляет собой библиотеку компонентов пользовательского интерфейса для Angular разработчиков JS. Angular Material компоненты помогают в построении привлекательных, согласующиеся и функциональных веб - страниц и веб - приложений, придерживаясь современных принципов веб - дизайна , как браузер мобильности, независимости устройств и грациозной деградации. Это помогает в создании быстрее, красивые и отзывчивые веб-сайтов. Он вдохновлен от Google Material Design.


Аудитория

Данное учебное пособие предназначено для специалистов , которые хотели бы изучить основы Angular Material и как использовать его для создания быстрее, красивыми, и отзывчивых сайтов. Это руководство объясняет все основные понятия Angular Material .


Предпосылки

Прежде чем приступить к этой обучающей программе , вы должны иметь общее представление о Angular JS, HTML, CSS, JavaScript, Document Object Model (DOM) , и любой текстовый редактор. Кроме того, это поможет, если вы знаете, как работают веб-приложения.


Выполнение Angular Material в Интернете

Для большинства из примеров , приведенных в данном руководстве вы найдете Try-it вариант. Используйте этот параметр , чтобы выполнить ваши Angular Material программы на месте и наслаждаться обучения.

Попробуйте следующий пример использования Try-it опция доступна в правом верхнем углу следующего окне образца кода -

<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>