All Projects → rahulrsingh09 → Angularconcepts

rahulrsingh09 / Angularconcepts

Key Angular Concepts using Latest Angular version 5

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Angularconcepts

Angular4-seed
Angular 4 Seed for Angular Forms
Stars: ✭ 37 (+19.35%)
Mutual labels:  angular4, angular-cli, angular-components, angular5
Angular5 Seed
Angular5 Seed for Application
Stars: ✭ 222 (+616.13%)
Mutual labels:  angular-material, angular4, angular-cli, angular5
Angular Interview Questions
Most extensive Angular interview questions based on your level.
Stars: ✭ 354 (+1041.94%)
Mutual labels:  angular-material, angular-components, angular4, angular-cli
Springbootangularhtml5
♨️ Spring Boot 2 + Angular 11 + HTML5 router mode + HTTP interceptor + Lazy loaded modules
Stars: ✭ 89 (+187.1%)
Mutual labels:  karma, jasmine, angular4, angular5
Learn Angular From Scratch Step By Step
Angular step by step tutorial covering from basic concepts of Angular Framework to building a complete Angular app using Angular Material components. We will go through the main building blocks of an Angular 7 application as well as the best practices for building a complete app with Angular.
Stars: ✭ 140 (+351.61%)
Mutual labels:  angular-material, angular-components, angular4, angular5
Nebular
💥 Customizable Angular UI Library based on Eva Design System 🌚✨Dark Mode
Stars: ✭ 7,368 (+23667.74%)
Mutual labels:  angular-components, angular4, angular-cli, angular5
angular-material-boilerplate
A straightforward and well structured boilerplate based on Google's Angular Material project.
Stars: ✭ 28 (-9.68%)
Mutual labels:  jasmine, angular-material, karma
angular-unit-testing-examples
Showroom for different Angular unit testing concepts
Stars: ✭ 19 (-38.71%)
Mutual labels:  jasmine, karma, angular-cli
Angular Material App
基于最新Angular 9框架与Material 2技术的web中后台前端应用框架。
Stars: ✭ 509 (+1541.94%)
Mutual labels:  firebase, angular4, angular5
Angular-Firebase-Sortable-Table
Angular Firebase Sortable Table is a module that makes tables creation with firebase an easy task.
Stars: ✭ 28 (-9.68%)
Mutual labels:  angular-material, angular4, angular-components
AuthGuard
Example repo for guarding routes post
Stars: ✭ 42 (+35.48%)
Mutual labels:  angular4, angular-cli, angular5
ncg-crud-ngx-md
Angular 4+ Material Design CRUD/Admin app by NinjaCodeGen http://DNAfor.NET
Stars: ✭ 36 (+16.13%)
Mutual labels:  angular-material, angular4, angular-cli
Todo Angular Firebase
Todo app with Angular CLI • AngularFire2 • Firebase • OAuth • SW-Precache
Stars: ✭ 517 (+1567.74%)
Mutual labels:  firebase, angular4, angular-cli
awesome-angular
💖 A list of awesome Angular (2️⃣➕) resources
Stars: ✭ 61 (+96.77%)
Mutual labels:  angular-material, angular-cli, angular-components
metadatamanagement
Metadatamanagement (MDM) - Data Search for Higher Education Research and Science Studies
Stars: ✭ 21 (-32.26%)
Mutual labels:  jasmine, angular-material, karma
angular-admin-panel
An Angular Admin boilerplate to quickly scaffold any large scale enterprise application.
Stars: ✭ 18 (-41.94%)
Mutual labels:  karma, angular-cli, angular5
Ngx Smart Modal
Modal/Dialog component crafted for Angular
Stars: ✭ 256 (+725.81%)
Mutual labels:  angular4, angular-cli, angular5
Angular-Movies
Angular Movies | TV Shows is a simple web app that consumes The Movie DB API - Angular 13 + Material Angular
Stars: ✭ 35 (+12.9%)
Mutual labels:  angular-material, angular4, angular-cli
Angular Ssr
Angular 4+ server-side rendering solution compatible with @angular/material, jQuery, and other libraries that touch the DOM (as well as providing a rich feature set!)
Stars: ✭ 283 (+812.9%)
Mutual labels:  angular-material, angular4, angular-cli
Ng2 Search Filter
Angular 2 / Angular 4 / Angular 5 custom pipe npm module to make a search filter on any input, 🔥 100K+ downloads
Stars: ✭ 137 (+341.94%)
Mutual labels:  pipe, angular4, angular5

UNDERTAKING UPDATE TO ANGULAR V6 PLEASE DONOT FORK OR PULL THIS CODE UNTILL THIS WARNING IS REMOVED

AngularConcepts

This project was generated with Angular CLI By Rahul Singh [email protected]

Please fork this repo or write to me at [email protected] to add more concepts that you have .

For any problem raise and issue will be glad to to help.

This Repo Gives a code Demo of some of the Concepts of Angular 2 in a basic way , will update it for more soon :- Angular Core Concepts

Simple Angular Component Custom Pipes Custom Directives Event Emitters Input & Output Form Controls in Reactive or Data Driven Forms Form Controls In Template Driven Forms Example of Http Client Module how to create a service in angular, error handling and Interceptors in Services Angular 4 Rc2 IF else Dynamic Components using Component Factory Resolver Angular Testing Components and Custom Components like Directives ,Pipes, Router etc [work in progress] Angular Router Guards using CanActivate and Can Deactivate Interfaces Passing Data via Router and also Retriving them look at Angular4Component for code Usage of Host and Host-Context in Angular 2 Components [The shadow Dom] View Child , View Children and Content Children Example Ngrx Store[Redux] Simple Example and Observables Gist Angular Router Resolve Explanation For Router Resolve Please Refer to my Other repo as i have used them in detail over there in https://github.com/rahulrsingh09/FootBallScores For Lazy Loading in Angular Please Refer the Same repo https://github.com/rahulrsingh09/FootBallScores I have used them in Detail Also i have used Shared Modules , Feature Modules and Core Modules in repo https://github.com/rahulrsingh09/FootBallScores Use of HighCharts to Show Graphical Info of Data that is mostly used now a days in web apps [Multi level , Multi level - multi chart Drill Down Included] Using Firebase with Angular using ng2 Firebase Saving data to Real time Firebase Database and making a Commenting Section out of it using Renderer 2 Facebook and google Auth in Angular Apps Notes on very common Angular Questions in the Notes section and use of third party JS Library In Angular File Upload and Download Using Angular HttpClient and Node Server Working Example of the following code can be found under https://rahulrsingh09.github.io/AngularConcepts

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Build using AOT ng build --prod --env=prod --output-hashing none

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

To update

npm install @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] --save

To get Latest Info on Angular

https://github.com/angular/angular/blob/master/CHANGELOG.md

Things to Note

While Forking this Repo and trying to build the same, you might encounter this error Cannot find module './shared/firebase.config' in app.module and enviornment

This is because i have some Production and Development Enviornment Settings that load my Firebase Details accordindly, you need to create your own firebase credentials.

So what you need to do is to create a file named as firebase.config.ts in Shared folder and add your Firebase Credentials to the same , with a Structure like this in your firebase database

YOUR APP
|
|
| Comments
|   |
|    users
| pageCount

Like -

export const firebaseConfigDev = {
    apiKey: "XXXXX",
    authDomain: "XXX",
    databaseURL: "XXX",
    projectId: "XXX",
    storageBucket: "XXXX",
    messagingSenderId: "XXXX"
};

and like wise for prod if any

export const firebaseConfig = {
    apiKey: "XXXXX",
    authDomain: "XXX",
    databaseURL: "XXX",
    projectId: "XXX",
    storageBucket: "XXXX",
    messagingSenderId: "XXXX"
};

This credentials will be given by Firebase when you create a new Webapp inside of ther console if any doubts please comment or get in touch .

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].