Understanding new template strings and string functions that are part of ES6 / ES 2015 release.

– Introduction to template string
– interpolation in string templates
– Tagged string templates
– New functions such as startsWith, endsWith, includes, repeat and String.raw

startsWith endsWith includes repeat

JavaScript Pattern: How to properly define variables in javaScript. Considering Global vs Local, const, block scope.

– Advance javascript tutorials on object oriented programming
– How to define a global variable
– How to define a local variable
– how the block scope work in javascript
– How to define a constant in javascript

What are closures in javaScript and how and where to use them.

So what is closure in javascript?
“whenever you declare a function inside another function, the inside function(s) is/are recreated again each time the outside function is called”

“Closures are functions that refer to independent (free) variables. In other words, the function defined in the closure ‘remembers’ the environment in which it was created.”

We will learn how to jquery style chain functions ( Methods) using pure javaScript. in Jquery we can do $(‘.class’).addClass(‘new’).removeClass(‘old’). we can achive similar chaining using pure javascript.

Method chaining, also known as named parameter idiom, is a common syntax for invoking multiple method calls in object-oriented programming languages. Each method returns an object, allowing the calls to be chained together in a single statement without requiring variables to store the intermediate results.

javascript advance tutorials
javascript function chaining
jquery like function chaining
javascript how to chain functions
java script function chaining
method chaining
chaining module method calls
method cascading
ECMAScript 5
ECMAScript6

fundamentals of Callback function in javascript explained

– How to pass functions as parameters.
– understanding callback hell
– use of callback functions

What is IIFE and how to use it (with code example) ? Javascript iife pattern .

Javascript iife namespace
WHat is Function Expression
self-executing anonymous function
self-invoked anonymous function
JS IIFE example
techsith

Understanding Prototypal inheritance in JavaScript. Part-2

– How to create subclass ( sub constructor )
– How to override prototype method
_ What is constructor in javaScript.
– How to add properties to prototype.
– How to create classes
_ ECMA6, ECMA2015
– The root object in javascript

Keywords: javascript prototype , techsithtube , techsith, js prototype, jquery prototype, inheritance, constructor, code example, tutorial, prototype property, prototype pattern , what is prototype, how to use prototype, javascript prototype explained, prototype object, prototype chain, advance javascript tutorial , javascript object oriented programming, pure javascript , prototypal inheritance,

What is shadow dom in html5 and how to use it , a basic introduction to Shadow dom .

Url to code samples :
https://jsfiddle.net/jspatel/rwqsf7sk/
https://jsfiddle.net/jspatel/bducoqja/

We will cover following topic in this tutorial :
– What is shadow dom
– How to add a shadow root
– HOw to add elements to shadow root
– How to add styles to element in shadow dom.
– HOw to use template element with shadow dom

Shadow Dom in HMTL Introduction tutorial
html shadow DOM
html5 shadow DOM
CSS3 Shadow dom
html template shadow dom
shadow dom support
What is shadow dom
introduction to shadow dom
shadow dom basic
shadow dom 101
fundamentals of shadow dom
css scoping
web component
Dom tree ecapsulation
shadow root
shadow host
template element
host::
pseudo classes in css
shadow doms

How to build a curry function in javascript that takes function as an argument.

IN this tutorial we will understand what currying means,
– We will build a simple curry function to add two number
– We will also build a generic curry method that takes function as an argument.
– We will also look the use cases and benefits of using currying

currying in javascript, curry function, curry method, currying arguments, curry partials, lesson , javascript pattern, techsith, techsithtube ,

Understand new features of JavaScript ECMA6 – spread operator and rest parameters.

The spread operator allows an expression to be expanded in places where multiple arguments (for function calls) or multiple elements (for array literals) are expected.

– What is spread operator
– Benefits of using spread operator
– Improving performance using spread operator
– Passing spread operator as a function parameter makes it rest parameters.
– Using spread operator in arrays
– Using spread operator to do array.push

Article : https://medium.com/@patelhemil/utility-of-spread-operator-in-javascript-83c6e157afed