golden layout....

http://golden-layout.com/
free layout for ui.

Typeahead Example

1. A recommended way to install ng2-typeahead is through the npm package manager using the following command:

npm i ng2-typeahead --save

Alternatively, you can download it in a ZIP file.

1. Currently ng2-typeahead contains one directive: typeahead.

Example

install the plugin - https://www.npmjs.com/package/ng2-typeahead

Thanks,
Bhaskar

new Angular 5 forms functionality.

Angular 5 is out and many improvements have been made to the framework. 

In our latest video tutorial we've put special focus on the new Angular 5 forms functionality.

To improve performance, you can now specify when validation and update of values should be done.

Every time a FormControl value is changed, the validation will be performed accordingly. In the case of more complex validations, this can lead to a a noticeably worse performance.

With the new updateOn option, Angular 5 allows you to specify more precisely when this validation should be performed. You can select change, which specifies the previous behavior, submit or blur.

Learn how to work with updateOn options in both template-driven and reactive forms now:

https://codingthesmartway.com/angular5-forms-update/

Thanks,

Bhaskar

JSONPlaceholder - Fake Online REST API for Testing and Prototyping

JSONPlaceholder - Fake Online REST API for Testing and Prototyping

Intro

JSONPlaceholder is a free online REST service that you can use whenever you need some fake data.

It's great for tutorials, faking a server, sharing code examples, ...

https://jsonplaceholder.typicode.com/

Thanks,
Bhaskar

CKEditor online editor in Browser

CKEditor is an online WYSIWYG editor that is used to edit HTML documents (or their fragments) in the browser.

So what does this mean?

• The "online" part means that CKEditor works in a web browser (like Firefox, Chrome, Internet Explorer or Safari). It is thus not a standalone program that can be installed on your computer and then opened as a desktop application.
• The "WYSIWYG" part means that when you use CKEditor, you can style the text and add rich media contents to your document in real time by using the editor UI (toolbar buttons, dialog windows), and the result will be seen immediately. If you click the Bold button, the text will become bold; when you add an image, it will appear straightaway.
• CKEditor works on HTML, which is a markup language used to create web content. The huge benefit that CKEditor gives you, however, is that you do not need to see the HTML code directly nor understand its intricacies. The editor is sort of an intermediary here — it hides the HTML code from you and lets you just work the WYSIWYG way.
• The "edit HTML documents" part means that the editor can be used to edit any HTML content, like website content (blog articles, blog comments, forum posts), e-mails, or things that you write in web forms. That is not all, however: CKEditor can also be used in all sorts of online applications, i.e. all those that use HTML as their source text format and are run in the browser!

for more info https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_installation

Thanks,

Bhaskar

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