ng-bootstrap examples

ng-bootstrap examples


https://ng-bootstrap.github.io/#/getting-started

More concepts on bootstrapping will be added here ....

Thanks,
Bhaskar

Promise vs Observable in Angular

https://stackoverflow.com/questions/37364973/angular-promise-vs-observable?rq=1

Both Promises and Observables will help us work with the asynchronous functionalities in JavaScript. They are very similar in most cases, however, there are some differences between the two, promises are values that will resolve in asynchronous way like http calls. On the other hand, observables deal with sequence of asynchronous events. The main differences are as below:

promise:

• having one pipe line
• usually only use with async data return
• not easy to cancel

observable:

• are cancellable
• are retriable by nature such as retry and retryWhen
• stream data in multiple pipe lines
• having array-like operations like map, filter etc
• can be created from other sources like events
• they are function, which could be subscribed later on

Also, I've created the graphical image for you below to show the differences visually:

Thanks,

Bhaskar

Wallaby.js is an integrated continuous testing tool for JavaScript

Wallaby.js is an integrated continuous testing tool for JavaScript. It runs your tests immediately as you change your code (you don’t even have to save the file) and displays various results (including the code coverage, error and console messages) right inside your code editor, next to your code. Wallaby.js is great for doing JavaScript TDD (Test-driven development) or BDD (Behavior Driven Development), but it works great for other approaches as well.

Wallaby.js consists of editor plugin to provide features such as the realtime feedback and code coverage:

for more information : https://wallabyjs.com/docs/index.html

YouTube Video for testing in Angular2

https://www.youtube.com/watch?v=bR7JbyjT8ZM

Thanks,

Bhaskar

ScrollMagic and TweenMax JS

ScrollMagic is a jQuery plugin which lets you use the scrollbar like a playback scrub control. Using this, you can build some extremely beautiful landing pages and websites.

Build automation for Angular 2 and TypeScript with Gulp

https://www.towfeek.se/2015/09/13/build-automation-for-angular-2-and-typescript-with-gulp/

Happy Coding,
Bhaskar

Good Link and guides for Angular2/4 and Web API

Good Link for Learning......

Pagination in Angular2/4
http://jasonwatmore.com/post/2016/08/23/angular-2-pagination-example-with-logic-like-google

Animation in Angular2/4 
http://jasonwatmore.com/post/2017/04/19/angular-2-4-router-animation-tutorial-example

Angular 2/4 JWT Authentication Example & Tutorial

http://jasonwatmore.com/post/2016/08/16/angular-2-jwt-authentication-example-tutorial

api-ms-win-crt-runtime-l1-1-0.dll is missing when opening ... stackoverflow.com I am facing this .dll library missing error: This programme can't start because api-ms-win-crt-runtime-l1-1-0.dll is missing. Try to reinstall this.

1.set the mongoDB bin path in environment varibles

2.cmd>enter mongod

any DLL error then install the above DLL.

deployd tool installation:

1.npm install -g deployd

2. > dpd --version

3.>dpd create <>

4. >dpd>restQuote>dpd

Angular2 and AngularJS good links for learn:

https://www.sitepoint.com/ultimate-angular-cli-reference/

https://www.metaltoad.com/blog/angular-2-http-observables-and-concurrent-data-loading

http://www.c-sharpcorner.com/article/cascading-drop-down-in-angular-2/   Cascading Dropdown

http://www.dotnetheaven.com/article/how-to-create-foreign-key-constraints-in-sql  SQL Server 

http://bootsnipp.com/snippets/featured/flat-user-profile-interface-ui  Bootstrap Templates

https://www.airpair.com/angularjs  angularJS 

http://www.thatjsdude.com/interview/js1.html

JS: Interview Algorithm - That JS Dude www.thatjsdude.com javascript interview questions, front end interview questions, javascript interview, algorithm in javascript, javascript interview materials, javascript interview ...

AngularJS Tutorial: A Comprehensive 10,000 Word Guide www.airpair.com 1 Intro to AngularJS. Angular is a client-side MVW JavaScript framework for writing compelling web applications. It's built and maintained by Google and offers a ...

How to Create FOREIGN KEY Constraints in SQL www.dotnetheaven.com In this article I am going to explain about FOREIGN KEY Constraints in SQL.

Cascading DropDown In Angular 2 - c-sharpcorner.com www.c-sharpcorner.com In this article, you will learn how to use cascading DropDownList using Angular 2.

http://www.c-sharpcorner.com/UploadFile/dhananjaycoder/directives-in-angularjs-simplified-with-examples-part-1/

Directives in AngularJS Simplified With Examples: Part 1 www.c-sharpcorner.com In this article we will learn Directives in AngularJS simplified with examples.

http://www.c-sharpcorner.com/blogs/pass-data-from-parent-controller-to-child-controller

Pass Data from Parent Controller to Child Controller in ... www.c-sharpcorner.com In this blog we will learn how to pass data from Parent controller to child controller and child controller to parent controller in AngularJs

w3schools:

https://www.w3schools.com/howto/howto_css_hero_image.asp

How To Create a Hero Image - w3schools.com www.w3schools.com body, html { height: 100%;} /* The hero image */.hero-image { /* The image used */ background-image: url("photographer.jpg"); /* Set a specific height */

http://www.tutorialrepublic.com/css-tutorial/css-pseudo-elements.php

CSS Pseudo-elements - Tutorial Republic www.tutorialrepublic.com CSS Pseudo-elements. The CSS pseudo-elements is a ways to style elements of the document that weren't explicitly defined by a position in the document tree.

http://www.prepbootstrap.com/converter  -- bootstrap

Bootstrap 3 to 4 Converter | PrepBootstrap www.prepbootstrap.com To use the converter, paste your Bootstrap 3 HTML code in the top text area and press the Convert Code button. Once ready, the converted code will appear ...

tool : http://json2ts.com/

https://blackrockdigital.github.io/startbootstrap-thumbnail-gallery/

https://css2sass.herokuapp.com/  // CSS 2 SASS

http://appinventor.mit.edu/   (online andriod app developement in chrome browser and it will crate the the .apk file to place into google store)

App Inventor ai2.appinventor.mit.edu App Inventor needs JavaScript enabled to run. Your browser might not be compatible. To use App Inventor for Android, you must use a compatible browser. Currently the ...

css2sass | Convert CSS Snippets to Syntactically Awesome ... css2sass.herokuapp.com CSS (paste your CSS code and convert!) Your Syntactically Awesome StyleSheets code

Thumbnail Gallery - Start Bootstrap Template blackrockdigital.github.io Toggle navigation Start Bootstrap. About; Services; Contact; Thumbnail Gallery

Rangle.io also has an Angular 1.x book which is geared towards writing Angular 1.x applications in an Angular 2 style. We hope you enjoy this book

https://angular-2-training-book.rangle.io/handout/project-setup/

Happy Coding,
Bhaskar

Authentication and Authorization in Angular2/4

Good Example and Demo for Authentication and Authorization:

http://jasonwatmore.com/post/2016/08/16/angular-2-jwt-authentication-example-tutorial


- ASP.NET Core + Angular 2/4 - User Registration and Login

https://www.pointblankdevelopment.com.au/blog/113/aspnet-core-angular-24-user-registration-and-login-tutorial-example

Practical use of tab components using Angular2

Developed a tab component app in Angular 2.0 for a tour company to demonstrate the practical use of tab components.

https://www.eduonix.com/blog/web-programming-tutorials/learn-develop-tabs-component-angular-2/

Learn How to Style Components in Angular 2

https://www.eduonix.com/blog/web-programming-tutorials/learn-style-components-angular-2/

Learn about routing and navigation in Angular 2

https://www.eduonix.com/blog/web-programming-tutorials/learn-routing-navigation-angular-2/

Learn About Using Guards to Protect Routes in Angular 2

https://www.eduonix.com/blog/web-programming-tutorials/learn-using-guards-protect-routes-angular-2/

Learn how to create a cheat sheet for Angular 2

https://www.eduonix.com/blog/web-programming-tutorials/learn-create-cheat-sheet-angular-2/

Learn Model Popup example with using Angular2

http://jasonwatmore.com/post/2017/01/24/angular-2-custom-modal-window-dialog-box

Angular Form Builder and Validation Management

https://coryrylan.com/blog/angular-form-builder-and-validation-management

WebPack in Angular2 (Some more concepts in same below URL)

http://www.dotnetcurry.com/angularjs/1320/using-webpack-bundling-with-angular-2

CI,CD for Angular 2 Applications in Azure

Zero touch testing and deployments” is a common DevOps mantra for your continuous integration and continuous deployment (CI/CD) pipeline. Also for you frontend projects.

In this post a how to use and configure Visual Studio Team Services for this CI/CD practice on Angular2 projects. Continue reading and/or watch this overview video:

http://www.clemensreijnen.nl/post/2016/10/17/CICD-Pipeline-for-Angular2-with-VSTS


Agile Planning in VSTS : 

      https://www.youtube.com/watch?v=Vj7DmdO4-Fg

Thanks,
Bhaskar