Ankit Saxena
Ankit Saxena
  • 63
  • 25 094
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/
มุมมอง: 190

วีดีโอ

Creating Autocomplete/Typeahead Feature in Vanilla JavaScript | Frontend Interview Question
มุมมอง 1125 หลายเดือนก่อน
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 Question
มุมมอง 405 หลายเดือนก่อน
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 Question
มุมมอง 355 หลายเดือนก่อน
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 Question
มุมมอง 295 หลายเดือนก่อน
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 Tutorial
มุมมอง 331ปีที่แล้ว
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)
มุมมอง 79ปีที่แล้ว
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 Question
มุมมอง 117ปีที่แล้ว
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 Question
มุมมอง 110ปีที่แล้ว
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)
มุมมอง 749ปีที่แล้ว
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 - JavaScript
มุมมอง 142ปีที่แล้ว
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 - JavaScript
มุมมอง 190ปีที่แล้ว
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 - JavaScript
มุมมอง 55ปีที่แล้ว
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 JS
มุมมอง 204ปีที่แล้ว
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 - JavaScript
มุมมอง 311ปีที่แล้ว
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 -
มุมมอง 106ปีที่แล้ว
Word Ladder- Leetcode 127 - JavaScript -
Network Delay Time - Leetcode 743 - JavaScript - Dijkstra Algorithm
มุมมอง 217ปีที่แล้ว
Network Delay Time - Leetcode 743 - JavaScript - Dijkstra Algorithm
Find Eventual Safe States - Leetcode 802 - JavaScript
มุมมอง 89ปีที่แล้ว
Find Eventual Safe States - Leetcode 802 - JavaScript
Find the Town Judge - Leetcode 997 - JavaScript
มุมมอง 113ปีที่แล้ว
Find the Town Judge - Leetcode 997 - JavaScript
Intersection of Two Linked Lists - Leetcode 200 - JavaScript
มุมมอง 93ปีที่แล้ว
Intersection of Two Linked Lists - Leetcode 200 - JavaScript
Longest Palindromic Subsequence - Leetcode 516 - JavaScript
มุมมอง 150ปีที่แล้ว
Longest Palindromic Subsequence - Leetcode 516 - JavaScript
Longest Common Subsequence - Leetcode 1143 - JavaScript
มุมมอง 89ปีที่แล้ว
Longest Common Subsequence - Leetcode 1143 - JavaScript
3Sum Closest - Leetcode 16 - JavaScript
มุมมอง 113ปีที่แล้ว
3Sum Closest - Leetcode 16 - JavaScript
3Sum - Leetcode 15 - JavaScript
มุมมอง 99ปีที่แล้ว
3Sum - Leetcode 15 - JavaScript
Number of Islands - Leetcode 200 - JavaScript
มุมมอง 216ปีที่แล้ว
Number of Islands - Leetcode 200 - JavaScript
All Nodes Distance K in Binary Tree - Leetcode 863 - JavaScript
มุมมอง 205ปีที่แล้ว
All Nodes Distance K in Binary Tree - Leetcode 863 - JavaScript
Minimum Path Sum - Leetcode 64 - JavaScript
มุมมอง 157ปีที่แล้ว
Minimum Path Sum - Leetcode 64 - JavaScript
Merge k Sorted Lists - Leetcode 23 - JavaScript
มุมมอง 107ปีที่แล้ว
Merge k Sorted Lists - Leetcode 23 - JavaScript
Longest Substring Without Repeating Characters - Leetcode 3 - JavaScript
มุมมอง 100ปีที่แล้ว
Longest Substring Without Repeating Characters - Leetcode 3 - JavaScript
Letter Combinations of a Phone Number - Leetcode 17 - JavaScript
มุมมอง 169ปีที่แล้ว
Letter Combinations of a Phone Number - Leetcode 17 - JavaScript

ความคิดเห็น

  • @ydhiman20
    @ydhiman20 วันที่ผ่านมา

    Explained well! thanks for knowledge sharing!

  • @jiwachhetri7317
    @jiwachhetri7317 หลายเดือนก่อน

    This is a copy of th-cam.com/video/Cj7-i-S4TwA/w-d-xo.html Even the img example is copied

  • @amitkumargupta-
    @amitkumargupta- หลายเดือนก่อน

    Thanks, really liked consideration of context null/undefined check and variable name coliision. For bind implementation: we can use callback.call(args[0], ...ctx, ...a); instead of merging and spread i.e callback.call(args[0], ...[...ctx, ...a]); Also in case of bind implementation why not consdier consider context value being undefined or null?

  • @rahulnegi4027
    @rahulnegi4027 6 หลายเดือนก่อน

    bhaiya what is context ans arguments didnt get it

  • @ankitchaurasiya529
    @ankitchaurasiya529 6 หลายเดือนก่อน

    Nice explanation ❤

  • @mohammedfaseeullah6095
    @mohammedfaseeullah6095 6 หลายเดือนก่อน

    nice explanation

  • @sameerfaridi2
    @sameerfaridi2 6 หลายเดือนก่อน

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

  • @Neel07Sanghvi
    @Neel07Sanghvi 8 หลายเดือนก่อน

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

  • @charanchintapalli3842
    @charanchintapalli3842 10 หลายเดือนก่อน

    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 10 หลายเดือนก่อน

    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 ปีที่แล้ว

    Bro you have deep understanding of functions

  • @rockrubison1315
    @rockrubison1315 ปีที่แล้ว

    🤗 'Promosm'

  • @anildamera7588
    @anildamera7588 ปีที่แล้ว

    Your way of explanation is marvelous

  • @jnsudhir
    @jnsudhir ปีที่แล้ว

    Amazing video with In-depth explanation. Thanks bro.

  • @Lavith_kuttu
    @Lavith_kuttu ปีที่แล้ว

    Thanks great explanation!

  • @vivek-f8x7u
    @vivek-f8x7u ปีที่แล้ว

    Amazing Ankit

  • @neodinok-it3ym
    @neodinok-it3ym ปีที่แล้ว

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

  • @siddharthpathak9561
    @siddharthpathak9561 ปีที่แล้ว

    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 ปีที่แล้ว

    thank you)

  • @vinayaksharma6349
    @vinayaksharma6349 2 ปีที่แล้ว

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

    • @ankitsaxena5393
      @ankitsaxena5393 2 ปีที่แล้ว

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

  • @sudiptasaha8905
    @sudiptasaha8905 2 ปีที่แล้ว

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

  • @akritiyadav3873
    @akritiyadav3873 2 ปีที่แล้ว

    Please make video on polyfill for compose function

  • @akritiyadav3873
    @akritiyadav3873 2 ปีที่แล้ว

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

  • @jaydipsidpara
    @jaydipsidpara 2 ปีที่แล้ว

    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 2 ปีที่แล้ว

    Nice Explanation...

  • @tanyasaxena7062
    @tanyasaxena7062 2 ปีที่แล้ว

    👌👌

  • @jishanali107
    @jishanali107 2 ปีที่แล้ว

    Awesome Sir

  • @RABINMAHATO
    @RABINMAHATO 2 ปีที่แล้ว

    Nice one keep doing videos like this

  • @tanyasaxena7062
    @tanyasaxena7062 2 ปีที่แล้ว

    👌👌👌👌

  • @chirag5628
    @chirag5628 2 ปีที่แล้ว

    Amazing ! THANKYOU SO MUCH 💓

  • @tanyasaxena7062
    @tanyasaxena7062 2 ปีที่แล้ว

    Nice explanation 👏👏

  • @surajhimanshu1962
    @surajhimanshu1962 2 ปีที่แล้ว

    How after clicking the value we can add on input box

    • @ankitsaxena5393
      @ankitsaxena5393 2 ปีที่แล้ว

      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 2 ปีที่แล้ว

    Sir clear nhi dikh rha h

    • @ankitsaxena5393
      @ankitsaxena5393 2 ปีที่แล้ว

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

    • @jishanali107
      @jishanali107 2 ปีที่แล้ว

      Ok sir

  • @ankitsaxena5393
    @ankitsaxena5393 2 ปีที่แล้ว

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

  • @ankitsaxena5393
    @ankitsaxena5393 2 ปีที่แล้ว

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

  • @viveksaxena6348
    @viveksaxena6348 2 ปีที่แล้ว

    So great bhai

  • @Bharat_IndiaOfficial
    @Bharat_IndiaOfficial 3 ปีที่แล้ว

    Which technology use in front end and backend part?

  • @tamilexplorer_sree
    @tamilexplorer_sree 4 ปีที่แล้ว

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

  • @indranilsarmah5979
    @indranilsarmah5979 4 ปีที่แล้ว

    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 4 ปีที่แล้ว

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

  • @kartikchandra1545
    @kartikchandra1545 4 ปีที่แล้ว

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

    • @ankitsaxena5393
      @ankitsaxena5393 4 ปีที่แล้ว

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

  • @bhismpratapyadav2272
    @bhismpratapyadav2272 4 ปีที่แล้ว

    #Mood 2 good

  • @jishanali107
    @jishanali107 4 ปีที่แล้ว

    Keep it up

  • @front-endanimal6359
    @front-endanimal6359 4 ปีที่แล้ว

    nice todo app, iwill want to create

  • @bhismpratapyadav2272
    @bhismpratapyadav2272 4 ปีที่แล้ว

    it's too good :)

  • @tanyasaxena7062
    @tanyasaxena7062 4 ปีที่แล้ว

    👏👏👏

  • @tanyasaxena7062
    @tanyasaxena7062 4 ปีที่แล้ว

    Nice work bro ..😎👌👏

  • @tusharbhadarka3747
    @tusharbhadarka3747 4 ปีที่แล้ว

    bro can i get ur email id?