Angular is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser.
[root]/dist/angular/[demo_id]/.| Path | Description |
|---|---|
| dist | The final build of Angular |
| node_modules | The package.json file in the app root defines what libraries will be installed into node_modules/ when you run npm install. |
| src | Your app lives in the src folder. All Angular components, templates, styles, images, and anything else your app needs go here. Any files outside of this folder are meant to support building your app. |
| app | Main app folder |
| config | Contains the main config for the theme |
| content | The sample pages. |
| core | The core of theme layout |
| fake-api | Sample dummy data for backend API simulation. |
| app.component.html | Main app template. |
| app.component.ts | Main app typescript. |
| app.module.ts | Main app module. The place where to import and declare required components. |
| app-routing.module.ts | Base routing for the app. |
| assets | This folder will contain all the assets needed for the Angular app that are not related to Angular code. |
| environments | This folder contains one file for each of destination environments, each exporting simple configuration variables to use in application |
| environment.prod.ts | Production environment config |
| environment.ts | Development environment config |
| index.html | The index.html lives at the root of front-end structure. The index.html file will primarily handle loading in all the libraries and Angular elements. |
| main.ts | The main entry point for your app. |
| polyfills.ts | Angular is built on the latest standards of the web platform. A particular browser may require at least one polyfill to run any Angular application. You may need additional polyfills for specific features. IE9, IE10 and IE11 requires to enable polyfills. Read more angular.io/guide/browser-support |
| styles.scss | Global styles go here which styles that affect all of your app need to be in a central place. |
| test.ts | |
| tsconfig.app.json | |
| tsconfig.spec.json | |
| typings.d.ts | TypeScript adds static typing to JavaScript. |
| .angular-cli.json | Angular CLI loads its configuration from .angular-cli.json |
| angular.json | Configuration for Angular CLI. In this file you can set several defaults and also configure what files are included when your project is built. Check out the official documentation if you want to know more. |
| package.json | A package.json file contains meta data about app or module. Most importantly, it includes the list of dependencies to install from npm when running npm install. |
| tsconfig.json | tsconfig.json file in a directory indicates that the directory is the root of a TypeScript project. The tsconfig.json file specifies the root files and the compiler options required to compile the project. |
| tslint.json | Linting configuration for TSLint together with Codelyzer, used when running ng lint. Linting helps keep your code style consistent. |
I run a team of 20 product managers, developers, QA and UX resources. Previously we designed everything ourselves. For our newest platform we tried out Metronic. I cannot overestimate the impact Metronic has had. It's accelerated development 3x and reduced QA issues by 50%. If you add up the reduced need for design time/resources, the increase in dev speed and the reduction in QA, it's probably saved us $100,000 on this project alone, and I plan to use it for all platforms moving forward.
The flexibility of the design has also allowed us to put out a better looking & working platform and reduced my headaches by 90%. Thank you KeenThemes!
Everything within Metronic is customizable globally to provide limitless unique styled projects
Choose a perfect design for your next project among hundreds of demos
A huge collection of components to power your application with the latest UI/UX trands
Enterprise ready Angular 6 integration with built-in authentication module and many more
Metronic deeply customizes Bootstrap with native look and feel
Our super sleek and intuitive Datatable comes packed with all advanced CRUD features
Metronic is the only theme trusted by over 60,000 developers world wide
Lifetime updates with new demos and features is guaranteed
Metronic is writer with a code structure that all developers will be able to pick up easily and fall in love