Knowledge sharing

What is MVC (Model View Controller)? MVC is Model View Controller. it's architectural pattern which separates the representation and user interaction. It’s divided into three sections, Model, View, and Controller. Model :- its represents the real world object and provides data to the View. View :- is responsible for the look and feel all UI Pages. Controller :- is responsible for taking the end user request and loading the appropriate Model and View. Explain MVC application life cycle? Fill route - If the request is the first request the first thing is to fill the route table with routes collection. this filling of route table written in the global.asax file, then MVC requests are mapped to route tables which in turn specify which controller and action to be invoked. Fetch route - Based on the URL sent “UrlRoutingModule” searche the route table to create “RouteData” object, which having the details of which controller and action to invoke. Request...

Angular.io is official good resource to lean Angular. And For Angular 2-4 you can used this one of best i have see  here https://www.tutorialspoint.com/angularjs/ is a good platform for learning the basics of AngularJS. You can download the pdf file for every tutorials that are available in it. What is AngularJS 2/4? - Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop -created by google development team. What is the difference between Angular 1(AngularJS) and Angular 2/4? -Angular 2/4 is complete re-created of Angular 1.In other word,it was completely rewritten from the ground-up. -Angular 1(AngularJS) is controller and $scope based and Angular 2/4 is based on an architecture of component hiera...

Official Site of Vue js is :-  here My CRUD operation project is here.:-  Vue-JS-CRUD Entire Vue JS simplfy and  documentation here:-  Doc file How to Install Vue? npm install -g vue-cli vue init <template-name> <project-name> vue init webpack my-project template : webpack, webpack-simple, simple, browserify, pwa, browserify-simple The Vue.js is a progressive JavaScript framework and used to building the interactive user interfaces and also it’s focused on the view layer only (front end). The Vue.js is lighter, smaller in size and so faster. It also supports the MVVM (Model-View-ViewModel) pattern. Vue.js are Utilize a virtual DOM? The Vue.js is supporting to multiple Components and libraries like - Tables and data grids Notifications Loader Calendar Display time, date and age Progress Bar Tooltip Overlay Icons Menu Charts Map Pdf viewer And so on How to create an instance of Vue js. You can create Vue instance with the Vue functio...

Basics Mixins are a flexible way to reusable functionalities for Vue components. A mixin object can contain any component options. When a component uses a mixin, all options in the mixin will be “mixed” into the component’s own options. JS Fiddler here for Basic Mixin var mixin = { data: function ( ) { return { message: 'hello' , foo: 'abc' } } } new Vue({ mixins: [mixin], data: function ( ) { return { message: 'goodbye' , bar: 'def' } }, created: function ( ) { console .log( this .$data) // => { message: "goodbye", foo: "abc", bar: "def" } } }) Option Merging When a mixin and a component contain overlapping options, they are merged as shown in the following example. JS Fiddler here for option Merging Global Mixin You can also apply a mixin globally. Use with caution! Once you apply a mixin globall...

<slot> basically use for element to serve as distribution outlets for content. To allow a parent component to pass DOM elements into a child component, provide a <slot></slot> element inside the child component. You can then populate the elements in that slot. Slots basically used for creating Generic components (button, Card, Modal), layout (App, Header, Footer), Recursive component (Tree, Menu).   For Example JS Fiddler Here We have create one component app-child. And we add slot tag and fixed content which always display. But slot content is dynamically what we give it will display. <div id="app">   <h2>We can use slots to populate content</h2>   <app-child>     <h3>This is slot number one</h3>   </app-child>   <app-child>     <h3>This is slot number two</h3>     <small>I can put more info in, too!</small> ...