JavaScript

JavaScript

JavaScript, often abbreviated as JS, is a programming language that conforms to the ECMAScript specification. JavaScript is a high-level, dynamic, multi-paradigm, object-oriented, prototype-based, weakly-typed language used for both client-side and server-side scripting. Its primary use is in rendering and performing manipulation of web pages. JavaScript framework is an application framework written in JavaScript where the programmers can manipulate the functions and use them for their convenience. JavaScript framework: Angular, React, Vue.js, Ember.js, Meteor, Mithril, Node.js, Polymer, Aurelia, Backbone.js, ....
Ruth  Nabimanya

Ruth Nabimanya

1638689460

How to Use Support Tedious for Node Applications with SQL Database

While building commercial applications, developers always want to use packages that are backed by professional support and a lively community. One such module is Tedious. In this tutorial, we'll learn How to Use Support Tedious for Node Applications with SQL Database

  1. What is Tedious?
  2. Sample
  3. Objective
  4. File.. New Project

#node #sql #database #backend #nodejs #javascript 

How to Use Support Tedious for Node Applications with SQL Database

Scope Chain in JavaScript | JavaScript Interview Series : EP3

Scope Chain in JavaScript | JavaScript Interview Series : EP3

In this episode of JavaScript Interview Series, I have explained what is Scope, what is Global and Local Scope and how Scope chain works.

Understanding these concepts helps you understand what is going on behind the scenes.

#javascript  #interview-questions  #scope #scopechain

https://youtu.be/BjZaZOq610g

Scope Chain in JavaScript | JavaScript Interview Series : EP3

How To Add, Edit, Remove Selected LI Using Javascript [ with source code ]

In this video, we will guide insert update delete selected LI from UL in javascript

  • Insert A New <LI> To A <UL> .
  • Display The Selected <LI> From The List To Input Text .
  • Update The Selected <LI> From The List Using Input Text .
  • Remove The Selected <LI> From The List .

On 3 Button Click Event In JS And Netbeans Editor .

Subscribe : https://www.youtube.com/channel/UCS3W5vFugqi6QcsoAIHcMpw

Project Source Code:


<!DOCTYPE html>
<html>
    <head>
        <title>Javascript: add edit delete LI</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <style>
            li{cursor: pointer}
        </style>
        
    </head>
    <body>
       
        <input type="text" id="txt">
        <button onclick="addLI()">Add</button>
        <button onclick="editLI()">Edit</button>
        <button onclick="deleteLI()">Delete</button>
        
        <ul id="list">
            <li>HTML</li> 
            <li>CSS</li>
            <li>Javascript</li>
            <li>PHP</li>
        </ul>
        
        <script>
            
            var inputText = document.getElementById("txt"),
                 items = document.querySelectorAll("#list li"),
                 tab = [], index;
         
             // get the selected li index using array
             // populate array with li values
             
             for(var i = 0; i < items.length; i++){
                 tab.push(items[i].innerHTML);
             }
             
             // get li index onclick
             for(var i = 0; i < items.length; i++){
                 
                 items[i].onclick = function(){
                     index = tab.indexOf(this.innerHTML);
                     console.log(this.innerHTML + " INDEX = " + index);
                     // set the selected li value into input text
                     inputText.value = this.innerHTML;
                 };
                 
             }
            
            function refreshArray()
            {
                // clear array
                tab.length = 0;
                items = document.querySelectorAll("#list li");
                // fill array
                for(var i = 0; i < items.length; i++){
                 tab.push(items[i].innerHTML);
               }
            }
            function addLI(){
                
                var listNode = document.getElementById("list"),
                    textNode = document.createTextNode(inputText.value),
                    liNode = document.createElement("LI");
                    
                    liNode.appendChild(textNode);
                    listNode.appendChild(liNode);
                    
                    refreshArray();
                    
                    // add event to the new LI
                    
                    liNode.onclick = function(){
                     index = tab.indexOf(liNode.innerHTML);
                     console.log(liNode.innerHTML + " INDEX = " + index);
                     // set the selected li value into input text
                     inputText.value = liNode.innerHTML;
                 };
                    
             }
             
             function editLI(){
                 // edit the selected li using input text
                 items[index].innerHTML = inputText.value;
                 refreshArray();
              }
              
              function deleteLI(){
                  
                      refreshArray();
                      if(items.length > 0){
                          items[index].parentNode.removeChild(items[index]);
                          inputText.value = "";
                      }
              }
            
        </script>
        
    </body>
</html>

#js #javascript

How To Add, Edit, Remove Selected LI Using Javascript   [ with source code ]
Barry  Powell

Barry Powell

1638674100

Add Dropzone.js to Django Project with Multi-form Submit

Dropzone is a fantastic Javascript library that allows you to create a great-looking image/file dropzone for your project. In this video, I will show you how to add Dropzone to your Django project.
I will also show you how to process multiple forms in one form submit

The project can be found here:https://github.com/bobby-didcoding/did_django_dropzone_duel_form

#django #javascript 

Add Dropzone.js to Django Project with Multi-form Submit
郝 玉华

郝 玉华

1638671520

【javascript】如何取得HTML元素

哈喽大家好,我是小白。今天跟大家介绍的是介绍 Javascript如何取得html元素

#javascript 

【javascript】如何取得HTML元素
郝 玉华

郝 玉华

1638660660

Javascript Class 介紹

哈喽大家好,我是小白。今天跟大家介绍的是介绍 Javascript Class 介紹

#javascript 

Javascript Class 介紹

5 Best Tools For Developers That Will Make You Super Productive

Let’s be productive 😉 and get straight to the point!

1. Insomnia

2. Sourcegraph

3. Cloudinary

4. Retool

5. Netlify

#javascript 

5 Best Tools For Developers That Will Make You Super Productive

Tips and Examples: What is a Call to Action Button?

Such words attract right? You are surfing through a clothing site and there is a button which says “Buy 1 Get 1 Free”, hard to resist eh..!! This is what a call to action does. It urges you to click. In the marketing world, CTA plays a very pivotal role.

It helps to:

  • Destroy decision fatigue and confusion of customer
  • Direct your visitor’s actions based on your needs
  • Grow your audience and increase sales
  • To convert visitors into buyers.

In this article, we are going to discuss what CTA is and also, there are tips and examples that will help you design better CTA for your websites and apps.

#javascript 

Tips and Examples: What is a Call to Action Button?
郝 玉华

郝 玉华

1638649680

Javascript 2維陣列、巢狀迴圈

哈喽大家好,我是小白。今天跟大家介绍的是介绍 Javascript 2維陣列、巢狀迴圈

#javascript 

Javascript 2維陣列、巢狀迴圈

Find out: Real-Life Use-Cases for useCallback & useMemo React Hooks

Let’s play with some hooks

One of my friends gave his React interview and the interviewer asked him to give some real-life use-cases where he actually used useCallback and useMemo to solve his problem. And unfortunately, he got stuck at that point.

I have also taken lots of interviews and personally observed that developers know the definition of useCallback and useMemo but they actually don’t know when to use them. So they don’t use them to solve their real-life problems.

In this blog, I will explain when to use them and solve some real-life use-cases in a very simplified way.

#react #reacthooks #javascript 

Find out: Real-Life Use-Cases for useCallback & useMemo React Hooks
郝 玉华

郝 玉华

1638638820

Javascript 製作一個問答程式

哈喽大家好,我是小白。今天跟大家介绍的是介绍 Javascript 製作一個問答程式

#javascript 

Javascript 製作一個問答程式

How To Make An Input Text Accept Only Numeric Values Using Javascript [ with source code ]

In This Javascript Tutorial we will See How To Create An Input Text That Allow Only Numbers On KeyPress Event Using test function using JS And Netbeans Editor .

Subscribe : https://www.youtube.com/channel/UCS3W5vFugqi6QcsoAIHcMpw

Project Source Code:


<!DOCTYPE html>
<html>
    <head>
        <title>Javascript - Input Text Allow Only Numbers</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        
        <input type="text" onkeypress="isInputNumber(event)">
        
        <script>
            
            function isInputNumber(evt){
                
                var ch = String.fromCharCode(evt.which);
                
                if(!(/[0-9]/.test(ch))){
                    evt.preventDefault();
                }
                
            }
            
        </script>
       
    </body>
</html>

#js #javascript

How To Make An Input Text Accept Only Numeric Values Using Javascript   [ with source code ]

Find out Why You Should Stop Representing Age As A Number in Your Code

Does the famous saying “Age is just a number” hold true in the programming world too? Can age be simply an integer type? Or is it something more evolved than just a naive primitive type? Can age ever be negative? I bet the primitive integer value can. So what is a better representation of age in programming languages then?

Age and Integer (as much as they look like they were made for each other) are quite different types and have different properties and behaviours. Let's try to think out loud. An integer can be added to or subtracted from another integer, would you need to do that with age? Maybe. An integer can be multiplied with or divided by another integer, would you need to do that with age? Probably Not. An integer can be negative, can age ever be negative? Definitely not.

#javascript 

Find out Why You Should Stop Representing Age As A Number in Your Code
Chris  Miller

Chris Miller

1638634560

Image Gallery Tutorial Video with React, Javascript - Part 3

In this video, we create a website that you can search for an image using the Unsplash API. You will get the images displayed in a nice format, with pagination.

#React  #javascript 

Image Gallery Tutorial Video with React, Javascript - Part 3
郝 玉华

郝 玉华

1638627961

JavaScript For 迴圈介紹

哈喽大家好,我是小白。今天跟大家介绍的是介绍 【javascript】for 迴圈介紹

 #javascript 

JavaScript For 迴圈介紹