Knowledge Transfer

Thursday, October 26, 2017

ng-bootstrap examples

ng-bootstrap examples


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

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

Thanks,
Bhaskar

Tuesday, October 17, 2017

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:
Promises and Observables image
Thanks,
Bhaskar

Monday, October 16, 2017

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

Thanks,
Bhaskar

Sunday, October 15, 2017

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.

Friday, October 13, 2017

Build automation for Angular 2 and TypeScript with Gulp

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



https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded
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:










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 ...



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

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


www.c-sharpcorner.com
In this article we will learn Directives in AngularJS simplified with examples.


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:
www.w3schools.com
body, html { height: 100%;} /* The hero image */.hero-image { /* The image used */ background-image: url("photographer.jpg"); /* Set a specific height */


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.


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 ...







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

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.herokuapp.com
CSS (paste your CSS code and convert!) Your Syntactically Awesome StyleSheets code

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



Monday, October 9, 2017







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


Saturday, October 7, 2017

Authentication and Authorization in Angular2/4

Friday, October 6, 2017

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





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


Thursday, October 5, 2017

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