Code with Shahriar

👩‍💻 8 HTML Snippets Every Developer Must Know

Backend Burger 🍔

HELLO GROCERY 🛒
- eCommerce website

work in progress......

Calendar & Time using HTML CSS JAVASCRIPT

What is Callbacks & Callback Hell in JavaScript?

✅Callback
Callback is a function that is passed as an argument to another function.
The main purpose of a callback is to specify what should happen after a particular operation or task is completed.

Example 🌿

Imagine you have a robot named RoboBob, and you
want RoboBob to dance when you clap your hands.

function clapHands (callback) {
}
console.log("You clapped your hands!");
callback(); // This calls the callback function.
function dance() {
}
console.log("RoboBob starts dancing!");
clapHands (dance); //
Give the dance function as the callback to clapHands.

✅Callback hell
Callback hell, also known as the "pyramid of doom," is a term used to describe a situation in JavaScript programming where there are multiple nested callbacks within callbacks, leading to code that becomes hard to read, understand, and maintain.
It typically occurs when working with asynchronous operations that depend on each other or have complex dependencies.

Example🌿

getData(function (data)
{ process1(data, function (result1)
{ process2(result1, function (result)
{ process3 (result2, function (result3) {
// ... more nested callbacks...
});
});
});
});

To address the issue of callback hell, various techniques have emerged in JS such as using Promises, async/await syntax, to handle asynchronous operations more elegantly

VS CODE IS THE NEW AI 😱
Everyone is using A.I for coding right? So, what if we can use A.I. within our VS Code directly
Here are 6 VS Code A.I. extensions for coders---

1.IntelliCode ✅
-The Visual Studio intelliCode extension provide Ai-assisted development features for python, TypeScript / javaScript and Java Developers in VS Code

2.Denigma AI ✅
-AI that reads and explains complex code naturally , like a human Denigma explains code in conversational english. Powered by machine learing.

3.Blackbox AI Code Generation ✅
-Blackbox provides auto complete code funtionality and supports 20+ programming language including Python, javaScript, TypeScript, Go and Ruby

4.Azure machine Learning ✅
-Azure Machine learning is a cloud-based environment you can use to train, deploy, automate, manage and track ,machine learning models.

5.Tabnine AI Autocomplete ✅
-Tabnine provides whole-line code completions, full-fucntion computers and more within your VS Code and it supports 25+ programming languages

6.Github Copilot ✅
-Github Copilot provides autocomplete suggestions from an AI pair programmer as your code. You can receive suggestions from guthub Copilot either by starting to write the code you want to use or by writing a natural language comment.

Tic Tac Toe Game using Html,CSS & Javascript
⭕❌
4 different mood -
1.Play with your friend
2.Play with Normal Bot
3.Play with Smart Bot
4.Play with Genius Bot

Lets Play : https://classy-fudge-41d1e3.netlify.app/

THE BURGERFI
(The Burgerfi - designed with the latest web technologies like HTML5, CSS3, SASS, Bootstrap v4 framework latest jQuery)

Live Site : https://codewithshahriar.github.io/the-burgerfi/

Source Code : https://github.com/CodewithShahriar/the-burgerfi.git