React – Server Side Rendering (SSR)
What is a Universal Application? A Universal application is an application that can run both on the server- and the client-side with the same code.React […]
Javascript
React Native – Design Patterns
Declarative programming React offers a declarative approach makes it easy to use, and consequently, the resulting code is simple, which often leads to fewer bugs […]
Design Pattern – RxJava 2 & Reactive programming
What is it? Real world Think of it as a network of water pipes. You have a source, our water tank Then a series of […]
Auto Complete: All about
ASP.NET – Use “AJAX AutoCompleteExtender” Assign a “ServiceMethod”, a “TargetControlID”, a “OnClientItemSelected” to “AutoCompleteExtender” ServiceMethod is a WebService returning data for autocomplete TargetControlID is a […]
HTML DOM: All about
Concept Javascript – DOM parser speed The DOM isn’t slow, your code is slow. Notes Do not use JQUERY to create HTML element Stop using […]
ReactJS – Concepts
UI creation Work process Create UI mockup Divide UI into different areas, small area is inside bigger area, the biggest area is the entire UI […]
JavaScript: Listen for changes
Basic In HTML [js] [/js] In JavaScript [js] object.onchange = function(){myScript}; [/js] In JavaScript, using the addEventListener() method: [js] object.addEventListener(“change”, myScript); [/js] Specific cases Detect […]
ASP.NET & Ajax in Javascript
GET (https://www.w3schools.com/xml/ajax_intro.asp) [js] var xhttp = new XMLHttpRequest(); xhttp.open(“GET”, “ajax_info.txt”, true); xhttp.send(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { […]
Javascript: Detect browser type
[js] function get_browser_info(){ var ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []; if(/trident/i.test(M[1])){ tem=/\brv[ :]+(\d+)/g.exec(ua) || []; return {name:’IE ‘,version:(tem[1]||”)}; } if(M[1]===’Chrome’){ tem=ua.match(/\bOPR\/(\d+)/) if(tem!=null) {return {name:’Opera’, version:tem[1]};} } M=M[2]? [M[1], […]
Web API: All about
NodeJS Installation Usage [js] /* users.json { “user1” : { “name” : “mahesh”, “password” : “password1”, “profession” : “teacher”, “id”: 1 }, “user2” : { […]