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&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" > < 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" >
2016-07-28 17:26:09 +03:00
< h5 > Quick Start< / h5 >
2016-05-25 13:42:47 +03:00
< 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" >
2016-07-28 17:26:09 +03:00
< h5 > Customization< / h5 >
2016-05-25 13:42:47 +03:00
< 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" >
2016-07-28 17:26:09 +03:00
< h5 > Components< / h5 >
2016-05-25 13:42:47 +03:00
< 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 ng2-admin?< / h2 >
2016-09-20 11:36:39 +03:00
< p > ng2-admin is a front-end Admin Dashboard template based on Angular 2, Bootstrap 4 and Webpack. That means all the
data you can see on graphs, charts and tables is mocked in Javascript so you can use the
backend of your choice with no limitations.< / p >
2016-05-25 13:42:47 +03:00
< h2 id = "how-can-it-help-me-" > How can it help me?< / h2 >
< p > We believe that at the moment a lot of business applications have administration/management interfaces inside of them. Sometimes it’ etc.< / p >
2016-09-20 11:36:39 +03:00
< p > ng2-admin aims to bootstrap the development of your product and provide an
ecosystem for building production-ready application or prototypes.< / p >
< p > Frameworks like Bootstrap provide a number of components, but usually it’
build a real-world app. This template comes with lots of popular < span class = "caps" > UI< / span > components with a unified color scheme,
plus it is based on a modern Angular 2 framework and has a flexible component based structure.< / p >
< p > You can also use ng2-admin for the purpose of learning Angular 2.< / p >
2016-05-25 13:42:47 +03:00
< h2 id = "list-of-features" > List of features< / h2 >
< ul >
2016-10-13 16:27:42 +03:00
< li > Angular 2< / li >
< li > Webpack 2< / li >
2016-05-25 13:42:47 +03:00
< li > Bootstrap 4 < span class = "caps" > CSS< / span > Framework< / li >
< li > < span class = "caps" > SASS< / span > < / li >
2016-10-13 16:27:42 +03:00
< li > < a href = "http://akveo.com/ng2-admin/#/pages/tables/smarttables" > Smart Table< / a > < / li >
< li > < a href = "http://akveo.com/ng2-admin/#/pages/forms/inputs" > Forms< / a > < / li >
< li > < a href = "http://akveo.com/ng2-admin/#/pages/editors/ckeditor" > Editors< / a > < / li >
< li > < a href = "http://akveo.com/ng2-admin/#/pages/charts/chartist-js" > Charts (amChart, Chartist, Chart.js, Morris)< / a > < / li >
< li > < a href = "http://akveo.com/ng2-admin/#/pages/maps/googlemaps" > Maps (Google, Leaflet, amMap)< / a > < / li >
< li > Responsive layout< / li >
< li > High resolution< / li >
2016-05-25 13:42:47 +03:00
< li > and many more!< / li >
< / ul >
< h2 id = "i-want-to-start-developing-with-ng2-admin" > I want to start developing with ng2-admin< / h2 >
2016-09-20 11:36:39 +03:00
< p > Welcome aboard!< / p >
< p > You can start with the < a href = "/ng2-admin/articles/002-installation-guidelines/" > Installation Guidelines< / a > .
There we describe how you can download and run the template on your local machine.< / p >
2016-05-25 13:42:47 +03:00
< p > Good luck and have fun!< / p >
< / div >
< / section >
< footer class = "wrap" >
< div class = "left" > Powered by Angular 2, Bootstrap 4, Webpack and many more...< / div >
< div class = "right" > © 2015– < 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 & Fork on GitHub" class = "github-fork-ribbon" > < / a >
< / body >
< / html >
