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 >
2017-02-28 14:37:20 +03:00
< div class = "subHeader" > < / div > < h2 id = "what-is-ng2-admin-" > What is ng2-admin?< / h2 >
2017-04-28 16:56:56 +03:00
< p > ng2-admin is a front-end Admin Dashboard template based on Angular, Bootstrap 4 and Angular < span class = "caps" > CLI< / span > . That means all the
2016-09-20 11:36:39 +03:00
data you can see on graphs, charts and tables is mocked in Javascript so you can use the
2017-02-28 14:37:20 +03:00
backend of your choice with no< span class = "widont" > < / span > limitations.< / p >
< h2 id = "how-can-it-help-me-" > How can it help< span class = "widont" > < / span > me?< / h2 >
< p > We believe that at the moment a lot of business applications have administration/management interfaces inside of them. Sometimes it’ < span class = "widont" > < / span > etc.< / p >
2016-09-20 11:36:39 +03:00
< p > ng2-admin aims to bootstrap the development of your product and provide an
2017-02-28 14:37:20 +03:00
ecosystem for building production-ready application or< span class = "widont" > < / span > prototypes.< / p >
2016-09-20 11:36:39 +03:00
< 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,
2017-04-28 16:56:56 +03:00
plus it is based on a modern Angular framework and has a flexible component based< span class = "widont" > < / span > structure.< / p >
< p > You can also use ng2-admin for the purpose of learning< span class = "widont" > < / span > Angular.< / p >
2017-02-28 14:37:20 +03:00
< h2 id = "list-of-features" > List of features< / h2 >
2016-05-25 13:42:47 +03:00
< ul >
2017-04-28 16:56:56 +03:00
< li > Angular 2+< / li >
< li > Angular < span class = "caps" > CLI< / span > < / li >
2017-02-28 14:37:20 +03:00
< li > Bootstrap 4 < span class = "caps" > CSS< / span > < span class = "widont" > < / span > Framework< / li >
2016-05-25 13:42:47 +03:00
< li > < span class = "caps" > SASS< / span > < / li >
2017-02-28 14:37:20 +03:00
< li > < a href = "http://akveo.com/ng2-admin/#/pages/tables/smarttables" > Smart Table< / a > < / li >
2016-10-13 16:27:42 +03:00
< 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 >
2017-02-28 14:37:20 +03:00
< li > < a href = "http://akveo.com/ng2-admin/#/pages/charts/chartist-js" > Charts (amChart, Chartist, Chart.js,< span class = "widont" > < / span > Morris)< / a > < / li >
< li > < a href = "http://akveo.com/ng2-admin/#/pages/maps/googlemaps" > Maps (Google, Leaflet,< span class = "widont" > < / span > amMap)< / a > < / li >
< li > Responsive layout< / li >
< li > High resolution< / li >
< li > and many more!< / li >
2016-05-25 13:42:47 +03:00
< / ul >
2017-02-28 14:37:20 +03:00
< h2 id = "i-want-to-start-developing-with-ng2-admin" > I want to start developing with< span class = "widont" > < / span > ng2-admin< / h2 >
< p > Welcome aboard!< / p >
2016-09-20 11:36:39 +03:00
< p > You can start with the < a href = "/ng2-admin/articles/002-installation-guidelines/" > Installation Guidelines< / a > .
2017-02-28 14:37:20 +03:00
There we describe how you can download and run the template on your local< span class = "widont" > < / span > machine.< / p >
< p > Good luck and have< span class = "widont" > < / span > fun!< / p >
2016-05-25 13:42:47 +03:00
< / div >
< / section >
< footer class = "wrap" >
2017-04-28 16:56:56 +03:00
< div class = "left" > Powered by Angular, Bootstrap 4, Angular CLI and many more...< / div >
< div class = "right" > © 2017 Akveo LLC< br / > Documentation licensed under < a href = "https://creativecommons.org/licenses/by/4.0/" > CC BY 4.0< / a > .< / div >
2016-05-25 13:42:47 +03:00
< / footer >
< / div > < a href = "https://github.com/akveo/ng2-admin" title = "Star & Fork on GitHub" class = "github-fork-ribbon" > < / a >
< / body >
< / html >
