{"componentChunkName":"component---src-pages-index-js","path":"/","webpackCompilationHash":"f92dbf25810602c1889e","result":{"data":{"site":{"siteMetadata":{"title":"Web Devlog","configs":{"countOfInitialPost":7}}},"allMarkdownRemark":{"edges":[{"node":{"excerpt":"What is the Virtual DOM?VDOM is a programming concept where an virtual representation of a UI is kept in memory and synced with the real DOM by a library such as ReactDOM.This approach enables the de…","fields":{"slug":"/React/react-concept-1---virtual-dom/"},"frontmatter":{"date":"July 19, 2019","title":"React Concept 1 - Virtual DOM and the myths around it solved","category":"React"}}},{"node":{"excerpt":"What is SQL?Structured Query Language with which you can retrieve/insert/update/delete the data you need from database.Relational DatabaseA database which works with certain assumptions or in a certa…","fields":{"slug":"/development/sql-vs-nosql--which-one-you-might-want-to-use/"},"frontmatter":{"date":"July 18, 2019","title":"SQL vs NoSQL- Which one you might want to use","category":"Development"}}},{"node":{"excerpt":"AgileA process that provides customers with some part of the product or servie instead of making them wait until the product is fully featured which have many advantages:Both the company and the cust…","fields":{"slug":"/development/what-are-cicd-and-devops/"},"frontmatter":{"date":"July 18, 2019","title":"What are Agile, DevOps and CICD","category":"Development"}}},{"node":{"excerpt":"How Server Side Rendering works?We load up .html pages on the server, then the server turns them into useful documents on the user’s browsers.\nSSR is the traditional rendering method and it worked ju…","fields":{"slug":"/development/csr-and-ssr/"},"frontmatter":{"date":"July 17, 2019","title":"Sever Side Rendering & Client Side Rendering","category":"Development"}}},{"node":{"excerpt":"What is an API?A way to let software components to talk to each other, and it could be in any form.How do APIs relate to Web Services?Web Servieces are just APIs, but in general, not the other way ar…","fields":{"slug":"/development/rest-api/"},"frontmatter":{"date":"July 16, 2019","title":"The difference between API and REST API","category":"Development"}}},{"node":{"excerpt":"Why Module is important?ReusabilityComposabilityLeverageIsolation (Easy to maintain)OrganizationCommonJSCommonJs is one of the standards which NodeJS has been using. Before ES6, browsers didn’t suppo…","fields":{"slug":"/JavaScript/javascript-concept-12---commonjs/"},"frontmatter":{"date":"July 16, 2019","title":"JavaScript Concept 12 - Modules in JavaScript (CommonJS, Babel & Webpack)","category":"JavaScript"}}},{"node":{"excerpt":"CallbackWhat is callback?A function that is to be exceuted after another functionA function that is passed as an argument to other functionWhen is it needed?JavaScript is a single-threaded language, …","fields":{"slug":"/JavaScript/javascript-concept-11---callback-promise-async&await/"},"frontmatter":{"date":"July 15, 2019","title":"JavaScript Concept 11 - Callback, Promise and Async/Await","category":"JavaScript"}}},{"node":{"excerpt":"Arrow functionWe can now keep our code clear and short with arrow function.ES5ES6When passing a single parameter, you can ditch the parenthesis around the parameter. Plus, arrow function provides us …","fields":{"slug":"/JavaScript/javascript-concept-10---differences-between-es5-and-es6/"},"frontmatter":{"date":"July 15, 2019","title":"JavaScript Concept 10 - ES5 vs ES6","category":"JavaScript"}}},{"node":{"excerpt":"OOP (Object Oriented Programming)Combines a group of related variables and functions into an object.A programming paradigm based on the concept of objects, which can contain data, known as attributes…","fields":{"slug":"/JavaScript/javascript-concept-9---functional-programming-&-object-oriented-programming/"},"frontmatter":{"date":"July 14, 2019","title":"JavaScript Concept 9 - Functional Programming & Object Oriented Programming","category":"JavaScript"}}},{"node":{"excerpt":"JavaScript is a single threaded programming languagesingle threadsingle call stackIts runtime can only process one piece of code at a timeAny code that is slow blocks the stack.For example console.lo…","fields":{"slug":"/JavaScript/javascript-concept-8---event-loop/"},"frontmatter":{"date":"July 08, 2019","title":"JavaScript Concept 8 - Event Loop","category":"JavaScript"}}},{"node":{"excerpt":"What’s the difference between == and === ?==\n\nChecks for equality\n\n\n=== \nChecks for equality and type\n\n\n== in JavaScript sees both null and undefined as having no value eventhough they have different…","fields":{"slug":"/JavaScript/javascript-concept-7---==-and-===/"},"frontmatter":{"date":"July 07, 2019","title":"JavaScript Concept 7 - == and ===","category":"JavaScript"}}},{"node":{"excerpt":"What’s the difference between a varible that is: null, undefined or undeclared?UndeclaredUndefinedIt’s declared but it hasn’t been assigned with any values.NullNull has a value. Its value is null whi…","fields":{"slug":"/JavaScript/javascript-concept-6---null-undefined-undeclared/"},"frontmatter":{"date":"July 06, 2019","title":"JavaScript Concept 6 - Null Undefined Undeclared","category":"JavaScript"}}},{"node":{"excerpt":"The difference on the usage of ‘Definition’ and ‘Expression’Expressions result in a value even if just “undefined”\nDefinition creates sort of like a reference but it’s not an actual value so you can’…","fields":{"slug":"/JavaScript/javascript-concept-5---statement(definition)-and-expression/"},"frontmatter":{"date":"July 05, 2019","title":"JavaScript Concept 5 - Statement(Definition) and Expression","category":"JavaScript"}}},{"node":{"excerpt":"1. What is Scope?A scope in JavaScript defines what variables are accessible. There are two kinds of scope - global scope and local scopeGlobal scope (Not advised)When a varible is declared outside a…","fields":{"slug":"/JavaScript/javascript-concept-4---scope-and-closure/"},"frontmatter":{"date":"July 04, 2019","title":"JavaScript Concept 4 - Scope and Closure","category":"JavaScript"}}},{"node":{"excerpt":"What’s the difference between var, let, and const?let & constNot hoistedScoped within the block they are in (within the curly bracket {})Gives you more controlconst creates immutable varibles whereas…","fields":{"slug":"/JavaScript/javascript-concept-3---var-let-const/"},"frontmatter":{"date":"July 03, 2019","title":"JavaScript Concept 3 - var let const","category":"JavaScript"}}},{"node":{"excerpt":"Explain ‘Hoisting’All variables using var are declared at the top of any given function scope whether you like it or not(includes function declartions)var declaration hoisted to top. Linters don’t li…","fields":{"slug":"/JavaScript/javascript-concept-2---hoisting/"},"frontmatter":{"date":"July 02, 2019","title":"JavaScript Concept 2 - Hoisting","category":"JavaScript"}}},{"node":{"excerpt":"Event Delegation in JavaScriptJS event listeners fire not only on a single DOM element but on all its decendants. For example, if you add event listeners to ul, you’re actually adding event listeners…","fields":{"slug":"/JavaScript/javascript-concept-1---event-delegation/"},"frontmatter":{"date":"July 01, 2019","title":"JavaScript Concept 1 - Event Delegation","category":"JavaScript"}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":true}}}