ngx-admin/articles/001-getting-started/index.html

86 lines
5.3 KiB
HTML
Raw Normal View History

2016-05-25 13:42:47 +03:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="admin,dashboard,template,angular,bootstrap,blur,panel,html,css,javascript">
2016-07-12 16:34:59 +03:00
<title>ng2-admin documentation - Getting Started</title>
2016-05-25 13:42:47 +03:00
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css">
<link rel="stylesheet" href="/ng2-admin/css/main.css">
<link rel="shortcut icon" href="/ng2-admin/images/favicon.png">
</head>
<body>
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/ng2-admin/" class="nav-home"><img src="/ng2-admin/images/logo.png" width="24" height="24" class="nav-logo">&nbsp;<span class="blur-label">ng2-</span>admin</a>
<ul class="nav-site nav-site-internal">
<li><a href="/ng2-admin/">Home</a></li>
<li><a href="/ng2-admin/articles/001-getting-started/" class="active">Docs</a></li>
</ul><span class="nav-docs-right">Need some help? Let us know! <a href="mailto:contact@akveo.com">contact@akveo.com</a></span>
</div>
</div>
<section class="content wrap documentationContent">
<div class="nav-docs">
<div class="nav-docs section">
<h3>Quick Start</h3>
<ul>
<li><a href="/ng2-admin/articles/001-getting-started/" class="active">Getting Started</a></li>
<li><a href="/ng2-admin/articles/002-installation-guidelines/">Installation Guidelines</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Customization</h3>
<ul>
<li><a href="/ng2-admin/articles/011-changing-color-scheme/">Changing Color Scheme</a></li>
<li><a href="/ng2-admin/articles/014-switch-to-blur-theme/">Enabling blur theme</a></li>
<li><a href="/ng2-admin/articles/012-project-structure/">Project Structure</a></li>
<li><a href="/ng2-admin/articles/013-create-new-page/">Create New Page</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Components</h3>
<ul>
<li><a href="/ng2-admin/articles/016-spinner/">Theme Spinner</a></li>
<li><a href="/ng2-admin/articles/015-sidebar/">Sidebar</a></li>
</ul>
</div>
</div>
<div class="inner-content">
<h1>Getting Started</h1>
<div class="subHeader"></div><h2 id="what-is-ng2-admin-">What is&nbsp;ng2-admin?</h2>
2016-05-25 14:35:57 +03:00
<p>ng2-admin is a front-end Admin Dashboard template based on Angular 2, Bootstrap 4 and Webpack. That means all data you can see on graphs, charts and tables is mocked in Javascript so you can use backend of your choice with no&nbsp;limitations.</p>
2016-05-25 13:42:47 +03:00
<h2 id="how-can-it-help-me-">How can it help&nbsp;me?</h2>
<p>We believe that at the moment a lot of business applications have administration/management interfaces inside of them. Sometimes its not that obvious, but a lot of web applications have dashboards with panels, charts analytics,&nbsp;etc.</p>
<p>ng2-admin aims to bootstrap the development of your product and provide ecosystem for building production-ready application or&nbsp;prototypes.</p>
<p>Frameworks like Bootstrap provide a number of components, but usually its not enough to build a real-world app. This template comes with lots of popular <span class="caps">UI</span> components with unified color scheme, plus it based on a modern Angular 2 framework and has a flexible components-based&nbsp;structure.</p>
<p>As well you can use ng2-admin for learning purposes of Angular&nbsp;2.</p>
<h2 id="list-of-features">List of&nbsp;features</h2>
<ul>
<li>Responsive&nbsp;layout</li>
<li>High&nbsp;resolution</li>
<li>Bootstrap 4 <span class="caps">CSS</span>&nbsp;Framework</li>
<li><span class="caps">SASS</span></li>
<li>Webpack</li>
<li>Angular&nbsp;2</li>
<li>jQuery</li>
<li>Charts (amChart, Chartist, Chart.js,&nbsp;Morris)</li>
<li>Maps (Google, Leaflet,&nbsp;amMap)</li>
<li>and many&nbsp;more!</li>
</ul>
<h2 id="i-want-to-start-developing-with-ng2-admin">I want to start developing with&nbsp;ng2-admin</h2>
<p>Welcome&nbsp;abroad!</p>
<p>You can start with <a href="/ng2-admin/articles/002-installation-guidelines/">Installation Guidelines</a>. There we describe how you can download and run the template on you local&nbsp;machine.</p>
<p>Good luck and have&nbsp;fun!</p>
</div>
</section>
<footer class="wrap">
<div class="left">Powered by Angular 2, Bootstrap 4, Webpack and many more...</div>
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/ng2-admin" title="Star &amp; Fork on GitHub" class="github-fork-ribbon"></a>
</body>
</html>