Home
Videos uploaded by user “Loan Can Thi”
[Javascript Tutorial] javaScript call apply and bind
 
15:36
[Javascript Tutorial] javaScript call apply and bind. How To Use .call(), .apply() and .bind() In Javascript. Learn by code examples. javascript call apply bind javascript call and apply javascript call method call function javascript call vs apply vs bind js call() & apply() vs bind()? How To Use .call(), .apply() and .bind() In Javascript how apply and call functions work in javascript javaScript tutorials, javaScript lessons , javaScript training java Script tutorials, java Script lessons , java Script training JS tutorials, JS lessons , JS training. SUBSCRIBE for more videos!
Views: 195 Loan Can Thi
[Javascript Tutorial] Shadow Dom in HTML Introduction tutorial
 
09:27
[Javascript Tutorial] Shadow Dom in HTML Introduction tutorial. 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. SUBSCRIBE for more videos!
Views: 377 Loan Can Thi
[Javascript Tutorial] css id vs class attributes,  when to use id and when to use class, difference
 
06:35
[Javascript Tutorial] css id vs class attributes, when to use id and when to use class, difference between id and class. css3 id vs class attributes, when to use id and when to use class, difference between id and class in css css benefits of using class over id, css3 benefits of using id over class, html id vs class, css id vs class, html class vs id, css class vs id, The Difference Between ID and Class, id vs class tutorial, difference between id and class tutorial,The Difference Between class and id HTML5, CSS3 and JavaScript Tutorials , lessons with examples. Techsith.com id vs class more of a design related question and its a very important one. Overall you will be using more classes then ids. id: think of element that is unique. there is only one id per element. your html validateor would throw and en error if you do use it which means you will not be reusing the same style anywhere else. all the main containers in your HTMLs you should use id because you are not going to repete them . That doesnt mean that you cant use class there. advantage of using is for is as your main namespace. for css this way you can segregate work so your css doesn't messup. for example #leftContainer .button { color:red} which mean all the botton in the left containers are red. class: you can used them freely. any common styles you can define as class. as you can have multiple classes for the same element. and mix and match of the classes will make your css small . for example you can create two divs with same color but diffrent font sizes. Dont forget the attributes. actually id and class are attributes wich special meaning. and you can create your own custome attributes. like myattr. Platforms like angularjs uses them freely. overall i thin its better to use classes then ids especially when you working in a team envirement where you are responsible for a partial html . using id can be riskier if someone else is using the same id in the other part of the html . in css id has higher priority than class for example ...... SUBSCRIBE for more videos!
Views: 121 Loan Can Thi
[Javascript Tutorial] javaScript tutorial basics fundamentals ( data types string numbers objects n
 
30:03
[Javascript Tutorial] javaScript tutorial basics fundamentals ( data types string numbers objects null undefined ). In this tutorial we learn javascript from the beginning. I will be using code playground such as jsfiddle.net to show you live code examples covering following topics - Javascript how to define a variable - Javascript how to define a string - Javascript how to define a number - Javascript how to define a object - Javascript how to define a null - - Javascript what is undefined? - Javascript what is null? - Javascript how to write hexadecimal, octal, floating point, double, Boolean , - - Javascript how to add properties to an object - Javascript how to properties to an array Keywords: JS, Javascript, java script, java script tutorial , javascript tutorial, js tutorial, HTML5, techsith, learning javascript, javascript 101, javascript how to get started, Javascript introduction, javascript fundamentals,. SUBSCRIBE for more videos!
Views: 7 Loan Can Thi
[Javascript Tutorial] How to make a Triangle and circle in css - html div element
 
09:33
[Javascript Tutorial] How to make a Triangle and circle in css - html div element. How to draw a triangle and circle in html using pure css html triangle shape css triangle div element html triangle down html symbols html triangle button html triangle right css triangle with border Make Shapes with CSS The Shapes of CSS html circle shape css circle div element css circle with border radius css shapes arrow css circles how to make a triangle in css how to make a triangle button in css how to make a triangle div css how to draw a triangle in css how to draw a triangle in css3 how to make a circle in css how to draw a circle in css how to draw a circle in css3 how to make a circle div in css how to create circles with css. SUBSCRIBE for more videos!
Views: 198 Loan Can Thi
[Javascript Tutorial] Javascript Iterators tutorial
 
09:00
[Javascript Tutorial] Javascript Iterators tutorial. JavaScript Iterators fundamentals explained. We well also look at iterables and for of loop. In this tutorial we well look at following - New property called Symbol.iterator - New For loop "for of" - What are iterables - How to iterate through an array using iterators - Next tutorial we will look at generators. SUBSCRIBE for more videos!
Views: 53 Loan Can Thi
[Javascript Tutorial] setTimeout and setInterval in JavaScript
 
13:04
[Javascript Tutorial] setTimeout and setInterval in JavaScript. Understanding setTimeout() and setInterval() in javaScript We will be learning following in this tutorial --------------------------------------------------------------------- - What is setTimeout method - How to uses SetTimeout() - how to cancel setTimeout using clearTimeout function - Understanding applications of setTimeout - Understanding Async behaviour of setTimeout - Using setInterval and clearInterval Code Examples ------------------------ https://github.com/techsithgit/setTimeout. SUBSCRIBE for more videos!
Views: 24 Loan Can Thi
[Javascript Tutorial] css property display block inline none initial ( HTML5 css3)
 
10:58
[Javascript Tutorial] css property display block inline none initial ( HTML5 css3). CSS3 property Display - What is CSS3 display property - CSS display property values ( block, inline-block, inline, none, initial) - CSS Display property Default value - CSS User Agent Stylesheet Css Display property, html display property, css display properti, css display property tutorial, css display property inline, inline-block, display:none, , css3 , html5, javaScript, html css display property, css display, css display, css display none, css display block,. SUBSCRIBE for more videos!
Views: 87 Loan Can Thi
[Javascript Tutorial] javascript callback functions tutorial
 
15:53
[Javascript Tutorial] javascript callback functions tutorial. fundamentals of Callback function in javascript explained - How to pass functions as parameters. - understanding callback hell - use of callback functions. SUBSCRIBE for more videos!
Views: 23 Loan Can Thi
[Javascript Tutorial] Event Bubbling and Capturing in JavaScript
 
09:39
[Javascript Tutorial] Event Bubbling and Capturing in JavaScript. Understanding Event Bubbling and Event Capturing phase in DOM and how to use it. Event Bubbling ------------------------ Event bubbling directs an event to its intended target, it works like this: A button is clicked and the event is directed to the button. If an event handler is set for that object, the event is triggered. If no event handler is set for that object, the event bubbles up (like a bubble in water) to the objects parent.. SUBSCRIBE for more videos!
Views: 35 Loan Can Thi
[Javascript Tutorial] JavaScript Currying function ( method ) explained  Tutorial
 
13:02
[Javascript Tutorial] JavaScript Currying function ( method ) explained Tutorial. 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 ,. SUBSCRIBE for more videos!
Views: 55 Loan Can Thi
[Javascript Tutorial] creating a drop down navigation menu using pure css and html
 
24:32
[Javascript Tutorial] creating a drop down navigation menu using pure css and html. Creating a multi level dropdown navigation menu bar with pure css and html . Step by step coding instruction with explanation using Jsfiddle.net Code example to play around with or copy to your project. . -We will first crete a horizontal menu bar and add vertical drop down list for each item . - On the mouse over of the horizontal bar item the vertical dropdown would show up. drop down navigation bar css drop down navigation menu using css drop down navigation menu in html creating a drop down navigation menu bar using pure css () css horizontal drop down menu Pure CSS Dropdown Navigation bar. SUBSCRIBE for more videos!
Views: 349 Loan Can Thi
[Javascript Tutorial] css center div vertically text block image (css align text)
 
18:40
[Javascript Tutorial] css center div vertically text block image (css align text). HTML centering text or block vertically within an element. - Single line of text using padding, line-height, and flex -Multiple lines of text using display:table , display:flex -block using position:absolute techsith.com. SUBSCRIBE for more videos!
Views: 127 Loan Can Thi
[Javascript Tutorial] JavaScript object creation patterns tutorial - factory , constructor pattern,
 
30:53
[Javascript Tutorial] JavaScript object creation patterns tutorial - factory , constructor pattern, prototype pattern. We will learn, How to create objects from other objects in javascript. We will learn following patterns in depth with code examples in jsfiddle. factory pattern, constructor pattern, prototype pattern and dynamic prototype pattern creating objects in javascript How to create object defining objects javascript has no formal support for classes javascript is a prototypical language. Inheritance in javascipt javascript object.create javascript object literal javascript object oriented programming tutorial objects explained. SUBSCRIBE for more videos!
Views: 120 Loan Can Thi
[Javascript Tutorial] HTML attribute style tutorial ( inline styling vs css )
 
14:05
[Javascript Tutorial] HTML attribute style tutorial ( inline styling vs css ). HTML lesson on style attribute . How to do inline styling in HTML Difference between inline styling and css ( cascading style sheet ) A very basic introduction to style attributes in HTML - How to write attribute in html - HOw to write style attribute - How to write multiple styles in a single line - How to write inline styling - When to use inline styling what is the best way to use inline styling. - css ve inline styling Please like the video, subscribe for future tutorials and provide suggestions. Thanks Techsith admin techsith.com. SUBSCRIBE for more videos!
Views: 15 Loan Can Thi
[Javascript Tutorial] javascript tagged template strings in ES6 (new string functions tutorial )
 
13:52
[Javascript Tutorial] javascript tagged template strings in ES6 (new string functions tutorial ). 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. SUBSCRIBE for more videos!
Views: 85 Loan Can Thi
[Javascript Tutorial] Hoisting  in JavaScript and function scope issues with keyword var
 
14:00
[Javascript Tutorial] Hoisting in JavaScript and function scope issues with keyword var. Understanding Hoisting in JavaScript, also look at function scoping with keyword var. In this tutorial we look at following issues with keyword var in ES5 - function scope issues - Hoisting - lack of const Solution with keyword 'let' and 'const' in ES6 ( ES2015). SUBSCRIBE for more videos!
Views: 21 Loan Can Thi
[Javascript Tutorial] css position property  tutorial ( fixed, absolute, relative, static )
 
17:01
[Javascript Tutorial] css position property tutorial ( fixed, absolute, relative, static ). CSS 'position' property explained . Learn how each fixed, absolute, relative, static value works with simple examples.. SUBSCRIBE for more videos!
Views: 110 Loan Can Thi
[Javascript Tutorial] javaScript promises explained tutorial
 
13:23
[Javascript Tutorial] javaScript promises explained tutorial. How Promises in JavaScript work and how to use them. Explained in a very simple language with real world example. JavaScript promises example How to use promises in JavaScript How to avoid callback hell, advanced javascript tutorials , Java Script, Callback functions , techsith, techsittube. SUBSCRIBE for more videos!
Views: 36 Loan Can Thi
[Javascript Tutorial] ES6 Arrow Functions in JavaScript tutorial ( Fat Arrow Function Expression es
 
11:17
[Javascript Tutorial] ES6 Arrow Functions in JavaScript tutorial ( Fat Arrow Function Expression es2015, ecma6). What is fat arrow functions, How different they are from regular function expressions in terms of syntax, scoping, and lexical this. transpiler , typescript, ecma5, html5, latest javascript tutorial, shorter function. SUBSCRIBE for more videos!
Views: 16 Loan Can Thi
[Javascript Tutorial] JavaScript how to properly declare a variable  ( Local vs Global, block scope
 
05:30
[Javascript Tutorial] JavaScript how to properly declare a variable ( Local vs Global, block scope , constants ). 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. SUBSCRIBE for more videos!
Views: 6 Loan Can Thi
[Javascript Tutorial] Introduction to html tutorial for beginners
 
08:14
[Javascript Tutorial] Introduction to html tutorial for beginners. Welcome to techsith web development tutorials. This is a very basic introduction to html language. You will lean following . - What is HTML stand for ? - What is a markup tag ? - What is an HTML element ? - Opening HTML tag - Closing HTML tag - HTML elements without content - Nested HTML Tags - basic HTML structure - Tags : paragraph = p , break = br , html , header , title , body , footer Checkout our next tutorial - Writing your first html code. Please like the video, subscibe for future tutorials and provide suggestions. Thanks Techsith admin. SUBSCRIBE for more videos!
Views: 0 Loan Can Thi
[Javascript Tutorial] JavaScript scope chain tutorial - understanding  js scope and scoping rules
 
14:01
[Javascript Tutorial] JavaScript scope chain tutorial - understanding js scope and scoping rules. A tutorial covering scope and how scope chain works in JavaScript, -What is lexical scoping -How Global Scope works - Variable shadowing - Variable overriding - Overriding Global variable Please like , and comment . and visit techsith.com. SUBSCRIBE for more videos!
Views: 9 Loan Can Thi
[Javascript Tutorial] Javascript Immediately Invoked Function Expression IIFE - Tutorial
 
08:31
[Javascript Tutorial] Javascript Immediately Invoked Function Expression IIFE - Tutorial. 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. SUBSCRIBE for more videos!
Views: 10 Loan Can Thi
[Javascript Tutorial] javascript web workers tutorial (  introduction to multithreading in js )
 
09:13
[Javascript Tutorial] javascript web workers tutorial ( introduction to multithreading in js ). Simple intro to web workers in javaScript ( a way to do multithreading in javascript) _ WHat is web worker - web worker concept - Sending message to the worker using postMessage - Receiving message from worker using onMessage javascript webworkers , Web workers , web worker, advance javascript tutorial , web workers html5 , web worker tutorial , js, javascript patterns , javascript multithreading, multithreading in javascript , javascript web workers example , ecma6, ecma 2015 -. SUBSCRIBE for more videos!
Views: 9 Loan Can Thi
[Javascript Tutorial] JavaScript Generators Tutorial
 
11:59
[Javascript Tutorial] JavaScript Generators Tutorial. Generators in JavaScript Explained In this tutorial we will look iterators and generators. - We understand iterators in JavaScript - Look at a new property called symbol.iterators - Look at practical use of iterators.. SUBSCRIBE for more videos!
Views: 12 Loan Can Thi
[Javascript Tutorial] Type Conversions in JavaScript tutorial
 
10:59
[Javascript Tutorial] Type Conversions in JavaScript tutorial. Understanding type casting in JavaScript & how to use truthy and falsy conditions to your advantage.. SUBSCRIBE for more videos!
Views: 11 Loan Can Thi
[Javascript Tutorial] How to get started with HTML   basic tutorial - first html page
 
12:10
[Javascript Tutorial] How to get started with HTML basic tutorial - first html page. Welcome to techsith web development tutorials. In this tutorial you will build your first HTML page. You will lean following . - What tools do i need to get started with HTML Checkout our next tutorial - Writing your first html code. - Use notepad as HTML editor - Understand basic HTML structure ( template ) - How web-hosting works - Use code playground to write your first page Please like the video, subscribe for future tutorials and provide suggestions. Thanks Techsith admin. SUBSCRIBE for more videos!
Views: 0 Loan Can Thi
[Javascript Tutorial] Javascript Prototype inheritance Explained  ( tutorial  Part1)
 
11:38
[Javascript Tutorial] Javascript Prototype inheritance Explained ( tutorial Part1). Understanding Prototypal inheritance in JavaScript. _ 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,. SUBSCRIBE for more videos!
Views: 15 Loan Can Thi
[Javascript Tutorial] javaScript object oriented programming tutorial - Understanding Objects Part 1
 
33:50
[Javascript Tutorial] javaScript object oriented programming tutorial - Understanding Objects Part 1. JavaScript OOP Fundamentals : Part 1 ( Object Explained ) - Creating Objects - Adding Properties to Object - Removing Properties to Object - Adding Methods to Objects - Public Methods - Private Methods - Closures - Inner Functions Javascript functions are first class objects in javascript. IN this training we will understand how to write objects properly. We will use Jsfiddle to practice. Understanding objects in Js, OOJ, Object oriented javascript , object oriented programming in javascript, object oriented programming concepts in javascript javascript object oriented programming OOP JavaScript javascript objects javascript objects explained javascript objects and methods javascript object notation javascript object literal javascript object Properties methods javascript function object javascipt Techsith.com. SUBSCRIBE for more videos!
Views: 29 Loan Can Thi
[Javascript Tutorial] Javascript Closure tutorial ( Closures Explained )
 
13:05
[Javascript Tutorial] Javascript Closure tutorial ( Closures Explained ). 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.". SUBSCRIBE for more videos!
Views: 14 Loan Can Thi
[Javascript Tutorial] CSS introduction ( Cascading Stylesheet ) + CSS3
 
16:25
[Javascript Tutorial] CSS introduction ( Cascading Stylesheet ) + CSS3. Basic intro to CSS and CSS3 ( How to do inline styling in HTML Difference between inline styling and css ) A very basic introduction to CSS in HTML - How to write style attribute - Difference between inline styling and CSS - How to write CSS in a separate (.css) file and include it into your HTML header. - Next tutorial covers CSS selectors. Please like the video, subscribe for future tutorials and provide suggestions. Thanks Techsith admin techsith.com Your Home to simple and intuitive HTML Tutorials. SUBSCRIBE for more videos!
Views: 13 Loan Can Thi
[Javascript Tutorial] JavaScript Introduction tutorial ( JavaScript 101 )
 
07:57
[Javascript Tutorial] JavaScript Introduction tutorial ( JavaScript 101 ). Introduction to javascript- If you want to start learning JavaScript Than this would be the first step to understand what javaScript really is and how it works. After you learn this you may move to JavaScript Basics. THis is a quick Intro to javascirpt by example We will cover following topics What is javascript Client-side language When Javascirt runs what is javaScript Engine What is the difference between client-side and server-side languages Techsith.com. SUBSCRIBE for more videos!
Views: 13 Loan Can Thi
[Javascript Tutorial] JavaScript spread operator and rest parameters tutorial ES6 / ES2015
 
09:42
[Javascript Tutorial] JavaScript spread operator and rest parameters tutorial ES6 / ES2015. 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. SUBSCRIBE for more videos!
Views: 14 Loan Can Thi
[Javascript Tutorial] javaScript Method chaining tutorial ( function chaining)
 
12:31
[Javascript Tutorial] javaScript Method chaining tutorial ( function chaining). 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. SUBSCRIBE for more videos!
Views: 43 Loan Can Thi
[Javascript Tutorial] javascript prototype inheritance explained ( tutorial part-2)
 
12:36
[Javascript Tutorial] javascript prototype inheritance explained ( tutorial part-2). 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,. SUBSCRIBE for more videos!
Views: 30 Loan Can Thi
[Javascript Tutorial] About Techsith Tutorial Channel
 
01:14
[Javascript Tutorial] About Techsith Tutorial Channel. This is an introduction to Techsith Tutorial Channel . A new way to learn web-development and web-design using simple real world examples. Please subscribe and stay tune for more tutorial and please . SUBSCRIBE for more videos!
Views: 4 Loan Can Thi
[Javascript Tutorial] css selectors tutorial ( by element , class id ) - HTML5
 
33:22
[Javascript Tutorial] css selectors tutorial ( by element , class id ) - HTML5. CSS3 tutorial for selecting elements by element name, class, id and attribute. We use code snippets and clear examples to expiln this important topic in HTML5 + CSS3 - How to style and element - difference between id and class in html - css hooks - difference between inline-styling and css - css How to change background color of an element - css HOw to change font-size of an element - css applying multiple styles to an element Keywords: css li last child css class selector css id selector css attribute selector css select all children css tutorel. SUBSCRIBE for more videos!
Views: 20 Loan Can Thi
[Javascript Tutorial] Introduction to attributes in HTML tutorial
 
13:59
[Javascript Tutorial] Introduction to attributes in HTML tutorial. A very basic introduction to attributes in HTML - Why do we need attributes in html - how to use attributes - predefined attributes in html - attributes id, class, style, href Please like the video, subscribe for future tutorials and provide suggestions. Thanks Techsith admin. SUBSCRIBE for more videos!
Views: 1 Loan Can Thi
[Javascript Tutorial] Recursion In JavaScript Tutorial
 
10:47
[Javascript Tutorial] Recursion In JavaScript Tutorial. Recursive function in JavaScript. How it works and when not to use it.. SUBSCRIBE for more videos!
Views: 6 Loan Can Thi