Ankit Saxena
Ankit Saxena
  • 63
  • 23 543
Building Nested Comments Feature in Vanilla JavaScript | Frontend Interview Question
In this video, we are going to build nested comments from scratch using pure JavaScript! In this tutorial, we'll create a fully functional nested comments feature for threaded discussions. No frameworks or libraries required!
Timestamps:
00:00 Introduction
01:07 HTML
04:34 CSS
10:08 JS
27:46 Reply functionality
48:41 Delete functionality
Fiddle Link (source code) - jsfiddle.net/ankitsaxena26/0qwkajue/11/
LinkedIn Profile - www.linkedin.com/in/iankit/
zhlédnutí: 96

Video

Creating Autocomplete/Typeahead Feature in Vanilla JavaScript | Frontend Interview Question31:15Creating Autocomplete/Typeahead Feature in Vanilla JavaScript | Frontend Interview Question
Creating Autocomplete/Typeahead Feature in Vanilla JavaScript | Frontend Interview Question
zhlédnutí 37Před měsícem
In this video, we are going to build an autocomplete/typeahead feature from scratch using pure JavaScript! In this tutorial, we'll create a fully functional autocomplete feature that suggests options as users type, enhancing their search experience without relying on external libraries. Timestamps: 00:00 Introduction 00:10 HTML 01:42 CSS 06:33 JS Fiddle Link (source code) - jsfiddle.net/ankitsa...
Creating Reusable Modal Feature in Vanilla JavaScript using Classes | Frontend Interview Question11:52Creating Reusable Modal Feature in Vanilla JavaScript using Classes | Frontend Interview Question
Creating Reusable Modal Feature in Vanilla JavaScript using Classes | Frontend Interview Question
zhlédnutí 12Před měsícem
In this video, we are going to build a versatile and reusable modal component in vanilla JavaScript using classes! In this tutorial, we'll create a flexible modal feature that dynamically shows custom UI content with ease. Timestamps: 00:00 Introduction 00:50 HTML 01:37 CSS 04:03 JS Fiddle Link (source code) - jsfiddle.net/ankitsaxena26/xdpmyf4b/16/ LinkedIn Profile - www.linkedin.com/in/iankit/
Implementing Custom Selectors in JavaScript | Frontend Interview Question15:12Implementing Custom Selectors in JavaScript | Frontend Interview Question
Implementing Custom Selectors in JavaScript | Frontend Interview Question
zhlédnutí 21Před měsícem
In this video, we are going to learn how to implement our own custom selectors in JavaScript, similar to getElementById(), getElementsByClassName(), and querySelectorAll(). Understanding the inner workings of native DOM selectors is essential for mastering JavaScript. By the end of this tutorial, you'll be equipped to create custom selectors and enhance your DOM manipulation skills. Timestamps:...
Implementing a Memoization Function in JavaScript: A Basic Example | Frontend Interview Question6:25Implementing a Memoization Function in JavaScript: A Basic Example | Frontend Interview Question
Implementing a Memoization Function in JavaScript: A Basic Example | Frontend Interview Question
zhlédnutí 21Před měsícem
In this video, we are going to learn how to implement memoization in JavaScript to optimize function performance! Memoization is a powerful technique for caching function results, reducing computation time, and making your code more efficient. Timestamps: 00:00 Introduction 00:23 Problem Statement 01:01 Solution 03:27 Dry Run Github (source code) - github.com/ankitsaxena21/Machine-Coding-Questi...
Compose and Pipe Functions in JavaScript | JavaScript Tutorial12:08Compose and Pipe Functions in JavaScript | JavaScript Tutorial
Compose and Pipe Functions in JavaScript | JavaScript Tutorial
zhlédnutí 237Před 11 měsíci
In this video, we are going to learn how to create pipe and compose functions in this JavaScript. Timestamps: 00:00 Introduction 00:09 What are pipe and compose functions? 01:57 Compose function 06:35 Pipe function 10:18 Lodash _.flow() and _.flowRight() GitHub Repo (source code) -github.com/ankitsaxena21/Compose-and-Pipe LinkedIn Profile - www.linkedin.com/in/iankit/
Convert f(a, b, c) to f(a)(b)(c) in JavaScript | JavaScript Interview Question (Currying)14:52Convert f(a, b, c) to f(a)(b)(c) in JavaScript | JavaScript Interview Question (Currying)
Convert f(a, b, c) to f(a)(b)(c) in JavaScript | JavaScript Interview Question (Currying)
zhlédnutí 73Před 11 měsíci
In this video, we are going to solve a popular javascript currying interview question. Timestamps: 00:00 Introduction 00:19 What is currying in javascript? 02:15 Solution 08:08 Code explanation with dry run GitHub Repo (source code) - github.com/ankitsaxena21/JS-Once-Polyfill LinkedIn Profile - www.linkedin.com/in/iankit/
Javascript Clone Object | Writing own deep clone function | JavaScript Interview Question14:23Javascript Clone Object | Writing own deep clone function | JavaScript Interview Question
Javascript Clone Object | Writing own deep clone function | JavaScript Interview Question
zhlédnutí 106Před 11 měsíci
In this video, we are going to learn how to deep clone a javascript object correctly. We'll see multiple solutions to do so - spread operator, Object.assign(), writing own deep clone function, using library like lodash, and JSON.stringify. Timestamps: 00:00 Introduction 01:34 Using spread operator 01:58 Using Object.assign() 02:18 Problem with spread operator and Object.assign() 03:46 Using JSO...
Implement Group By in JavaScript | JavaScript Interview Question14:25Implement Group By in JavaScript | JavaScript Interview Question
Implement Group By in JavaScript | JavaScript Interview Question
zhlédnutí 96Před 11 měsíci
In this video, we are going to learn about what is _.groupBy() function in lodash and how we can write our own implementation of it using the reduce() method. Timestamps: 00:00 Introduction 00:13 Lodash _.groupBy() 04:09 Creating our own implementation of _.groupBy() method 08:07 Code explanation with dry run GitHub Repo (source code) - github.com/ankitsaxena21/Group-By JavaScript LinkedIn Prof...
Run javascript function only once | JavaScript Interview Question (Closures)9:26Run javascript function only once | JavaScript Interview Question (Closures)
Run javascript function only once | JavaScript Interview Question (Closures)
zhlédnutí 640Před 11 měsíci
In this video, we are going to learn about how we can make any function run only once in JavaScript. We'll see how it's done in lodash using the _.once() function as well as we'll write our own implementation of _.once(). Timestamps: 00:00 Introduction 02:39 Lodash _.once() 05:30 Creating our own implementation of _.once() method GitHub Repo (source code) - github.com/ankitsaxena21/JS-Once-Poly...
Permutations II - Leetcode 47 - JavaScript6:16Permutations II - Leetcode 47 - JavaScript
Permutations II - Leetcode 47 - JavaScript
zhlédnutí 122Před rokem
In this video, we are going to solve the permutations II problem on leetcode in JavaScript Leetcode link - leetcode.com/problems/permutations-ii/ Timestamps: 00:00 Read the problem 00:42 Drawing Explanation 04:45 Coding Explanation LinkedIn Profile - www.linkedin.com/in/iankit/
Permutations - Leetcode 46 - JavaScript13:14Permutations - Leetcode 46 - JavaScript
Permutations - Leetcode 46 - JavaScript
zhlédnutí 159Před rokem
In this video, we are going to solve the permutations problem on leetcode in JavaScript Leetcode link - leetcode.com/problems/permutations/description/ Timestamps: 00:00 Read the problem 00:18 Drawing Explanation 10:08 Coding Explanation LinkedIn Profile - www.linkedin.com/in/iankit/
Best Time to Buy and Sell Stock II - Leetcode 122 - JavaScript5:07Best Time to Buy and Sell Stock II - Leetcode 122 - JavaScript
Best Time to Buy and Sell Stock II - Leetcode 122 - JavaScript
zhlédnutí 44Před rokem
In this video, we are going to solve the best time to buy and sell stock II problem on leetcode in JavaScript Leetcode link - leetcode.com/problems/best-time-to-buy-and-sell-stock-ii/ Timestamps: 00:00 Read the problem 00:44 Drawing Explanation 03:37 Coding Explanation LinkedIn Profile - www.linkedin.com/in/iankit/
LRU Cache - Leetcode 146 - JavaScript | Two Ways To Implementation LRU Cache In JS42:00LRU Cache - Leetcode 146 - JavaScript | Two Ways To Implementation LRU Cache In JS
LRU Cache - Leetcode 146 - JavaScript | Two Ways To Implementation LRU Cache In JS
zhlédnutí 167Před rokem
In this video, we are going to solve the LRU cache problem on leetcode in JavaScript Leetcode link - leetcode.com/problems/lru-cache/ Timestamps: 00:00 Read the problem 01:16 Drawing Explanation - 1st Approach 10:56 Coding Explanation - 1st Approach 16:03 Drawing Explanation - 2nd Approach 27:07 Coding Explanation - 2nd Approach LinkedIn Profile - www.linkedin.com/in/iankit/
Minimum Insertion Steps to Make a String Palindrome - Leetcode 1312 - JavaScript6:53Minimum Insertion Steps to Make a String Palindrome - Leetcode 1312 - JavaScript
Minimum Insertion Steps to Make a String Palindrome - Leetcode 1312 - JavaScript
zhlédnutí 307Před rokem
In this video, we are going to solve the minimum insertion steps to make a string palindrome problem on leetcode in JavaScript Leetcode link - leetcode.com/problems/minimum-insertion-steps-to-make-a-string-palindrome/ Timestamps: 00:00 Read the problem 00:58 Drawing Explanation 05:36 Coding Explanation LinkedIn Profile - www.linkedin.com/in/iankit/
Word Ladder- Leetcode 127 - JavaScript -22:01Word Ladder- Leetcode 127 - JavaScript -
Word Ladder- Leetcode 127 - JavaScript -
zhlédnutí 97Před rokem
Word Ladder- Leetcode 127 - JavaScript -
Network Delay Time - Leetcode 743 - JavaScript - Dijkstra Algorithm16:52Network Delay Time - Leetcode 743 - JavaScript - Dijkstra Algorithm
Network Delay Time - Leetcode 743 - JavaScript - Dijkstra Algorithm
zhlédnutí 188Před rokem
Network Delay Time - Leetcode 743 - JavaScript - Dijkstra Algorithm
Find Eventual Safe States - Leetcode 802 - JavaScript12:12Find Eventual Safe States - Leetcode 802 - JavaScript
Find Eventual Safe States - Leetcode 802 - JavaScript
zhlédnutí 86Před rokem
Find Eventual Safe States - Leetcode 802 - JavaScript
Find the Town Judge - Leetcode 997 - JavaScript6:01Find the Town Judge - Leetcode 997 - JavaScript
Find the Town Judge - Leetcode 997 - JavaScript
zhlédnutí 107Před rokem
Find the Town Judge - Leetcode 997 - JavaScript
Intersection of Two Linked Lists - Leetcode 200 - JavaScript10:33Intersection of Two Linked Lists - Leetcode 200 - JavaScript
Intersection of Two Linked Lists - Leetcode 200 - JavaScript
zhlédnutí 88Před rokem
Intersection of Two Linked Lists - Leetcode 200 - JavaScript
Longest Palindromic Subsequence - Leetcode 516 - JavaScript7:09Longest Palindromic Subsequence - Leetcode 516 - JavaScript
Longest Palindromic Subsequence - Leetcode 516 - JavaScript
zhlédnutí 139Před rokem
Longest Palindromic Subsequence - Leetcode 516 - JavaScript
Longest Common Subsequence - Leetcode 1143 - JavaScript14:40Longest Common Subsequence - Leetcode 1143 - JavaScript
Longest Common Subsequence - Leetcode 1143 - JavaScript
zhlédnutí 78Před rokem
Longest Common Subsequence - Leetcode 1143 - JavaScript
3Sum Closest - Leetcode 16 - JavaScript9:503Sum Closest - Leetcode 16 - JavaScript
3Sum Closest - Leetcode 16 - JavaScript
zhlédnutí 102Před rokem
3Sum Closest - Leetcode 16 - JavaScript
3Sum - Leetcode 15 - JavaScript12:423Sum - Leetcode 15 - JavaScript
3Sum - Leetcode 15 - JavaScript
zhlédnutí 76Před rokem
3Sum - Leetcode 15 - JavaScript
Number of Islands - Leetcode 200 - JavaScript9:30Number of Islands - Leetcode 200 - JavaScript
Number of Islands - Leetcode 200 - JavaScript
zhlédnutí 190Před rokem
Number of Islands - Leetcode 200 - JavaScript
All Nodes Distance K in Binary Tree - Leetcode 863 - JavaScript11:22All Nodes Distance K in Binary Tree - Leetcode 863 - JavaScript
All Nodes Distance K in Binary Tree - Leetcode 863 - JavaScript
zhlédnutí 196Před rokem
All Nodes Distance K in Binary Tree - Leetcode 863 - JavaScript
Minimum Path Sum - Leetcode 64 - JavaScript8:00Minimum Path Sum - Leetcode 64 - JavaScript
Minimum Path Sum - Leetcode 64 - JavaScript
zhlédnutí 146Před rokem
Minimum Path Sum - Leetcode 64 - JavaScript
Merge k Sorted Lists - Leetcode 23 - JavaScript8:53Merge k Sorted Lists - Leetcode 23 - JavaScript
Merge k Sorted Lists - Leetcode 23 - JavaScript
zhlédnutí 94Před rokem
Merge k Sorted Lists - Leetcode 23 - JavaScript
Longest Substring Without Repeating Characters - Leetcode 3 - JavaScript9:41Longest Substring Without Repeating Characters - Leetcode 3 - JavaScript
Longest Substring Without Repeating Characters - Leetcode 3 - JavaScript
zhlédnutí 81Před rokem
Longest Substring Without Repeating Characters - Leetcode 3 - JavaScript
Letter Combinations of a Phone Number - Leetcode 17 - JavaScript5:59Letter Combinations of a Phone Number - Leetcode 17 - JavaScript
Letter Combinations of a Phone Number - Leetcode 17 - JavaScript
zhlédnutí 152Před rokem
Letter Combinations of a Phone Number - Leetcode 17 - JavaScript

Komentáře

  • @rahulnegi4027
    @rahulnegi4027 Před 2 měsíci

    bhaiya what is context ans arguments didnt get it

  • @ankitchaurasiya529
    @ankitchaurasiya529 Před 2 měsíci

    Nice explanation ❤

  • @mohammedfaseeullah6095
    @mohammedfaseeullah6095 Před 3 měsíci

    nice explanation

  • @sameerfaridi2
    @sameerfaridi2 Před 3 měsíci

    really nice explanation sir keep uploading, love to connect some day with 💓💓

  • @Neel07Sanghvi
    @Neel07Sanghvi Před 4 měsíci

    not working for const obj = { b:4, a:1, c:{ d:[[1,2],[3,4]] } }

  • @charanchintapalli3842
    @charanchintapalli3842 Před 7 měsíci

    Your Solution is not working for the ([1,1,1,0] , 100) . You are taking the smallest number in line 17 instead of closest number. Please Kindly Check and reply me

  • @Kashsha0521
    @Kashsha0521 Před 7 měsíci

    Liked the drawing explanation - it's better to visualize stuff. Just wanted to check in real time interview - Which approach is preferable and optimized? - If we go with DLL approach, do we need to create DLL from scratch like you do or can we ask the interviewer to get it copied from somewhere? (Asking this, since it's not a question to create DLL) Thanks in advance!

  • @053radadiyanikunj4
    @053radadiyanikunj4 Před 9 měsíci

    Bro you have deep understanding of functions

  • @rockrubison1315
    @rockrubison1315 Před 11 měsíci

    🤗 'Promosm'

  • @anildamera7588
    @anildamera7588 Před 11 měsíci

    Your way of explanation is marvelous

  • @jnsudhir
    @jnsudhir Před rokem

    Amazing video with In-depth explanation. Thanks bro.

  • @Lavith_kuttu
    @Lavith_kuttu Před rokem

    Thanks great explanation!

  • @user-gu8jw1yf5m
    @user-gu8jw1yf5m Před rokem

    Amazing Ankit

  • @neodinok-it3ym
    @neodinok-it3ym Před rokem

    This is actually very easy and helpful, thank you a lot

  • @siddharthpathak9561
    @siddharthpathak9561 Před rokem

    Hi.. but with this we cannot use onerror.. so it's better we can also remove onerror from redux or api from where we are getting the data html.. please advise

  • @baxromxoja16
    @baxromxoja16 Před rokem

    thank you)

  • @vinayaksharma6349
    @vinayaksharma6349 Před rokem

    Hello Ankit !! Please make complete react playlist the way you teach is best and i want to learn react from you buddy!

    • @ankitsaxena5393
      @ankitsaxena5393 Před rokem

      Thank you for this nice comment brother :) Will try to make more react js videos in future

  • @sudiptasaha8905
    @sudiptasaha8905 Před rokem

    Very nice explanation. I am following you from now. Please update with more advanced topics on JavaScript/Front End Development interview questions.

  • @akritiyadav3873
    @akritiyadav3873 Před rokem

    Please make video on polyfill for compose function

  • @akritiyadav3873
    @akritiyadav3873 Před rokem

    This is the video I have been searching from 3 months.

  • @jaydipsidpara
    @jaydipsidpara Před 2 lety

    brother can you break the ice on my 2 topics: 1. without using the callback, it is working as expected and 2. I am not getting the use of func.apply() but if we remove it then the function call does not execute. hope you help me through this topic thanks a million in advance,

  • @nikhilbansal2652
    @nikhilbansal2652 Před 2 lety

    Nice Explanation...

  • @tanyasaxena7062
    @tanyasaxena7062 Před 2 lety

    👌👌

  • @jishanali107
    @jishanali107 Před 2 lety

    Awesome Sir

  • @RABINMAHATO
    @RABINMAHATO Před 2 lety

    Nice one keep doing videos like this

  • @tanyasaxena7062
    @tanyasaxena7062 Před 2 lety

    👌👌👌👌

  • @chirag5628
    @chirag5628 Před 2 lety

    Amazing ! THANKYOU SO MUCH 💓

  • @tanyasaxena7062
    @tanyasaxena7062 Před 2 lety

    Nice explanation 👏👏

  • @surajhimanshu1962
    @surajhimanshu1962 Před 2 lety

    How after clicking the value we can add on input box

    • @ankitsaxena5393
      @ankitsaxena5393 Před 2 lety

      You have to add onclick event on autocomplete search results. And update the value of the input field as per the clicked item. Hope it helped

  • @jishanali107
    @jishanali107 Před 2 lety

    Sir clear nhi dikh rha h

    • @ankitsaxena5393
      @ankitsaxena5393 Před 2 lety

      Jishan bhai for now try to watch in 720p. Future me screen thodi zoom in rkhunga while recording Thanks for your feedback :)

    • @jishanali107
      @jishanali107 Před 2 lety

      Ok sir

  • @ankitsaxena5393
    @ankitsaxena5393 Před 2 lety

    Timestamps: 00:00 - Why debouncing? 01:31 - Implementing from scratch 04:53 - Using lodash 05:58 - Using react react-debounce-input

  • @ankitsaxena5393
    @ankitsaxena5393 Před 2 lety

    Timestamps: 00:00 Introduction 00:32 Basic Tests 04:55 Testing Events 13:14 Bonus - Testing API's - Mock Service Worker

  • @viveksaxena6348
    @viveksaxena6348 Před 2 lety

    So great bhai

  • @Bharat_IndiaOfficial
    @Bharat_IndiaOfficial Před 3 lety

    Which technology use in front end and backend part?

  • @tamilexplorer_sree
    @tamilexplorer_sree Před 3 lety

    Can you please provide your source code which might be useful for us?

  • @indranilsarmah5979
    @indranilsarmah5979 Před 4 lety

    Can you tell me how you have started JavaScript during your intial days of development. I know you are a follower of Akhsay saini sir and you have made those projects which he mentioned in his vedios. So can you tell how you have started learning JavaScript in a step by step manner along with all the resources. It would be very helpful.

    • @ankitsaxena5393
      @ankitsaxena5393 Před 4 lety

      Connect with me on LinkedIn - www.linkedin.com/mwlite/in/iankit There we can have a brief conversation.

  • @kartikchandra1545
    @kartikchandra1545 Před 4 lety

    Appreciate work :) <----> link to demo/live app not working .PLEASE CHECK once :)

    • @ankitsaxena5393
      @ankitsaxena5393 Před 4 lety

      Thanks for informing! I'd changed the name of project but forgot to update the link. Fixed now 😄

  • @bhismpratapyadav2272
    @bhismpratapyadav2272 Před 4 lety

    #Mood 2 good

  • @jishanali107
    @jishanali107 Před 4 lety

    Keep it up

  • @front-endanimal6359
    @front-endanimal6359 Před 4 lety

    nice todo app, iwill want to create

  • @bhismpratapyadav2272
    @bhismpratapyadav2272 Před 4 lety

    it's too good :)

  • @tanyasaxena7062
    @tanyasaxena7062 Před 4 lety

    👏👏👏

  • @tanyasaxena7062
    @tanyasaxena7062 Před 4 lety

    Nice work bro ..😎👌👏

  • @tusharbhadarka3747
    @tusharbhadarka3747 Před 4 lety

    bro can i get ur email id?