![Justin Kim](/img/default-banner.jpg)
- Видео 63
- Просмотров 627 738
Justin Kim
США
Добавлен 8 янв 2009
Leetcode in Typescript - 3. Longest Substring Without Repeating Characters
Solving Leetcode using Typescript!
Problem: leetcode.com/problems/longest-substring-without-repeating-characters/
0:00:00 - Intro
0:04:54 - Good Example
0:08:40 - Solution 1
0:17:20 - Whiteboarding for a better solution
0:20:37 - Solution 2
Problem: leetcode.com/problems/longest-substring-without-repeating-characters/
0:00:00 - Intro
0:04:54 - Good Example
0:08:40 - Solution 1
0:17:20 - Whiteboarding for a better solution
0:20:37 - Solution 2
Просмотров: 810
Видео
Leetcode in Typescript - 2. Add Two Numbers
Просмотров 1,4 тыс.2 года назад
Solving Leetcode using Typescript! Problem: leetcode.com/problems/add-two-numbers/ Deep Dive into Singly Linked List: ruclips.net/video/5aIohpYjYqM/видео.html 0:00:00 - Intro 0:03:04 - Getting number from list solution 1 0:10:19 - Getting number from list solution 2 0:12:30 - Getting number from list solution 3 0:16:20 - Solution 1 0:21:45 - BigInt 0:26:20 - Solution 2
Singly Linked Lists (Data Structures & Algorithms in Javascript Typescript #1)
Просмотров 1,9 тыс.2 года назад
Deep dive into Data Structures & Algorithms! Taught in both Javascript and Typescript. #1 Singly Linked Lists Github Repo link: github.com/angle943/data-structures-and-algorithms 0:00:00 - Intro 0:05:27 - Definitions 0:09:45 - Coding the Definition 0:20:50 - Problems Overview 0:22:00 - Question 1 0:32:55 - Question 2 0:34:32 - Question 3 0:39:57 - Question 4 0:53:55 - Github Repo 0:55:00 - Perf...
Leetcode in Typescript - 1. Two Sum
Просмотров 2,2 тыс.2 года назад
Solving Leetcode using Typescript! Problem: leetcode.com/problems/two-sum/ 0:00:00 - Intro 0:02:40 - Question 0:05:00 - Solution 1 0:09:35 - Solution 2 0:17:40 - Solution 3
Build an iPhone Calculator using HTML CSS & JavaScript!
Просмотров 32 тыс.4 года назад
Let's build a fully functioning iPhone Calculator using only HTML, CSS, and JavaScript! We even have a fully functioning clock! This beginner-friendly tutorial will guide you through the whole process building the calculator from absolute scratch. Want to build the calculator in React instead? Check out: ruclips.net/video/wOENJWPu23U/видео.html Check out my other recent tutorials/videos: Pokéde...
Deep Dive Into the CSS Position Property | CSS Mastery
Просмотров 5 тыс.4 года назад
Let's take a deep dive into the CSS Position property! We will talk about the differences between a positioned element and a non-positioned element, go over the five position properties, and see how other CSS properties play along with this property. Check out my other recent tutorials: Pokédex: ruclips.net/video/wXjSaZb67n8/видео.html Connect Four: ruclips.net/video/Hi5hEH1KNEc/видео.html 🔑 Ke...
Let's Build Connect Four using JavaScript! - Tutorial
Просмотров 11 тыс.4 года назад
Let's build a fully playable Connect Four using only HTML, CSS, and JavaScript! This beginner-friendly tutorial will guide you through the whole process of using DOM manipulation in JS to build this game. Check out my other recent tutorials: Pokédex: ruclips.net/video/wXjSaZb67n8/видео.html TicTacToe: ruclips.net/video/Rzhcb4M9-0Q/видео.html 🗄 Resources: index.html starting code: gist.github.co...
Build a Pokédex REPLICA with Vanilla JavaScript and the PokéAPI (Pokémon API)
Просмотров 20 тыс.4 года назад
Let's build a fully functioning, beautiful Pokémon Pokédex using only HTML, CSS, and JavaScript! This beginner-friendly tutorial will guide you through the whole process of using the PokeAPI to fetch data for our application. 🗄 Resources: PokéAPI: pokeapi.co/ index.html starting code: gist.github.com/angle943/b48dd5392b5f445af0343cf41ef1bb42 style.css starting code: gist.github.com/angle943/f8b...
Build Tic Tac Toe using HTML + CSS + Javascript!
Просмотров 36 тыс.4 года назад
Let's build a Tic Tac Toe game from scratch using only HTML, CSS, and Javascript! This is a beginner-friendly tutorial that will guide you through building a complete tic tac toe game, with no shortcuts. 🗄 Resources: Symbol used for x: × Symbol used for o: ○ Github Repo: github.com/angle943/tic-tac-toe 🔑 Key Concepts: - HTML - CSS - Javascript (JS) - Flexbox - CSS Grid - event listeners - event...
Deep Dive into Redux Toolkit with React - Complete Guide
Просмотров 120 тыс.4 года назад
In this video we will take a comprehensive view into Redux Toolkit (RTK) - the official way of setting up a redux application. We will look into all the features it comes with, go over the various functions it comes included with, and we will also set up a simple redux application in React in both the traditional way and also the redux toolkit way to compare. ⚠️ Corrections: - At 3:12:43 I comp...
Create React App + Redux Template - Getting Started
Просмотров 14 тыс.4 года назад
In this video we will take a deep dive into creating a react redux application using the redux template for create-react-app. We will study the packages that this comes with, including the Redux Toolkit, which is now the official, opinionated way of setting up a redux project. In particular, we will take a look at 'configureStore' and 'createSlice' function that this gives us. We will also stud...
Javascript Freecodecamp Algorithm #34: Implement Merge Sort
Просмотров 25 тыс.4 года назад
Learn how to solve freecodecamp javascript algorithms in various ways! This series is up-to-date with all ES6 and beyond javascript notations Start from the beginning of this series! - ruclips.net/video/rnLHzjjmFGE/видео.html Web Developer Roadmap 2020 Edition - ruclips.net/video/KgxOxgdQi7I/видео.html #javascript #algorithms #freecodecamp
Javascript Freecodecamp Algorithm #34: Implement Quick Sort
Просмотров 27 тыс.4 года назад
Learn how to solve freecodecamp javascript algorithms in various ways! This series is up-to-date with all ES6 and beyond javascript notations Computerphile Video: ruclips.net/video/XE4VP_8Y0BU/видео.html Start from the beginning of this series! - ruclips.net/video/rnLHzjjmFGE/видео.html Web Developer Roadmap 2020 Edition - ruclips.net/video/KgxOxgdQi7I/видео.html #javascript #algorithms #freeco...
Javascript Freecodecamp Algorithm #33: Implement Insertion Sort
Просмотров 17 тыс.4 года назад
Learn how to solve freecodecamp javascript algorithms in various ways! This series is up-to-date with all ES6 and beyond javascript notations Start from the beginning of this series! - ruclips.net/video/rnLHzjjmFGE/видео.html Web Developer Roadmap 2020 Edition - ruclips.net/video/KgxOxgdQi7I/видео.html #javascript #algorithms #freecodecamp
Javascript Freecodecamp Algorithm #32: Implement Selection Sort
Просмотров 13 тыс.4 года назад
Learn how to solve freecodecamp javascript algorithms in various ways! This series is up-to-date with all ES6 and beyond javascript notations Start from the beginning of this series! - ruclips.net/video/rnLHzjjmFGE/видео.html Web Developer Roadmap 2020 Edition - ruclips.net/video/KgxOxgdQi7I/видео.html #javascript #algorithms #freecodecamp
Javascript Freecodecamp Algorithm #31: Implement Bubble Sort
Просмотров 30 тыс.4 года назад
Javascript Freecodecamp Algorithm #31: Implement Bubble Sort
Javascript Freecodecamp Algorithm #30: Pairwise
Просмотров 9884 года назад
Javascript Freecodecamp Algorithm #30: Pairwise
Javascript Freecodecamp Algorithm #29: No Repeats Please
Просмотров 1,8 тыс.4 года назад
Javascript Freecodecamp Algorithm #29: No Repeats Please
React Memo | useMemo | useCallback - Optimize Performance of your React Applications
Просмотров 58 тыс.4 года назад
React Memo | useMemo | useCallback - Optimize Performance of your React Applications
Heap's Algorithm in JavaScript - Get All The Permutations of an Array
Просмотров 22 тыс.4 года назад
Heap's Algorithm in JavaScript - Get All The Permutations of an Array
Javascript Freecodecamp Algorithm #28: Inventory Update
Просмотров 3 тыс.4 года назад
Javascript Freecodecamp Algorithm #28: Inventory Update
Javascript Freecodecamp Algorithm #27: Find the Symmetric Difference
Просмотров 4,5 тыс.4 года назад
Javascript Freecodecamp Algorithm #27: Find the Symmetric Difference
All about the BigInt - New Javascript Data Type
Просмотров 9 тыс.4 года назад
All about the BigInt - New Javascript Data Type
Javascript Freecodecamp Algorithm #26: Cash Register
Просмотров 7 тыс.4 года назад
Javascript Freecodecamp Algorithm #26: Cash Register
Javascript Freecodecamp Algorithm #25: Telephone Number Validator
Просмотров 1,1 тыс.4 года назад
Javascript Freecodecamp Algorithm #25: Telephone Number Validator
Learn about React HOOKS by creating a Counter App (with a twist)!
Просмотров 1,6 тыс.4 года назад
Learn about React HOOKS by creating a Counter App (with a twist)!
Lets Upgrade React's Official TicTacToe Game with Hooks & Typescript!
Просмотров 6 тыс.4 года назад
Lets Upgrade React's Official TicTacToe Game with Hooks & Typescript!
Javascript Freecodecamp Algorithm #24: Caesars Cipher
Просмотров 1,6 тыс.4 года назад
Javascript Freecodecamp Algorithm #24: Caesars Cipher
Promise.all | Promise.race | Promise.allSettled | Promise.any (JavaScript ES2020 New Features!)
Просмотров 12 тыс.4 года назад
Promise.all | Promise.race | Promise.allSettled | Promise.any (JavaScript ES2020 New Features!)
Javascript Freecodecamp Algorithm #23: Roman Numeral Converter
Просмотров 2,4 тыс.4 года назад
Javascript Freecodecamp Algorithm #23: Roman Numeral Converter
Why does it passes the 17th line when n = 1, instead of simply returning from the function?
Thanks Justin. This is one of the best solution on the internet. Keep creating.
Thanks, easy to understand solution.
1:08:14
1:06 What symbol are you using?
Great one clear understanding of the concept🎉
🎉
Oooooh! I dislike recursive programming...I don't find it intuitive at all. This video is very helpful for understanding it, though.
Finally someone who actually knows what they're doing.
I'm trying to understand all the operations in QuickSort. I was struggling, but with this video, everything makes sense. Thanks!
I don't get the difference, both your useMemo and useCallback are functions in your example
Keep going!
this algorithm is not insertion sort.
Thank you
Woow great explanation
bro i need to learn java script
I like the way you articulate everything, thanks fo rthe video!
awesome explanation thank you
Great Content!
Thank you sir
Thank you for the video, great explanation!
Appreciate you making these videos. Your clear explanations so helpful. FCC has the answers but they can't show every possible solution. You seem to think the same way I do. I knew I wanted to use the split method but was struggling with how to get rid of the redundant code. Thank ou so much!
Thank you! I didn't understand what the question was asking but you clarified it. Thank you so much. Also I loved when you said "but I don't care" and deleted the "only change code above/below this line." New sub based on this clear content.
I appreciate how you simplify it to enhance understanding. Thank you.
thanks for great video!
you hsvr bntoeing voice
bigint has lot of scope for web3
Excellent 👌👍🎉🎉
Hi! I absolutly love this pokedex! You are incredibly talented! is there any way you can do a tutorial on how you created the html and css?
Thank you for your videos, you make it so simple to understand every time
Man, please doing more and don't stop! You have some fantastic topics and go really into detail in all of them!! Just discovered your channel and damn man. I promise you keep going and you will have 500k :D
Love this video. It taught me a lot of things 🖤
function sym(...args) { const symDif = new Set() const argsSet = args.map((arr)=> new Set(arr)) for (const arr of argsSet){ for (const num of arr){ if (symDif.has(num)){ symDif.delete(num) } else { symDif.add(num) } } } return Array.from(symDif) }
🔥
Can you please share the slides as well cheers 🙌
Thank You
Man I'm getting my diploma in a month and these questions are making my brain hurt. We never really did practical runs with data structures and algorithms and man I'm glad I'm learning it now but ngl feel like an idiot haha
function symm(arg1, arg2) { const diff = [ ...arg1.filter(f => !arg2.includes(f)), ...arg2.filter(f => !arg1.includes(f)) ] return diff; } function sym(...args) { let arr = args.map(arg => [...new Set(arg)]); let res = arr[0] for(let i = 1; i < arr.length; i++) { res = symm(res, arr[i]); } return res.sort() } console.log(sym([1, 2, 3, 3], [5, 2, 1, 4]))
It's a real pity that such an excellent channel is abandoned (:
not abandoned! Just dealing with work and two babies currently :D . I do plan on getting back into it soon
Please make more videos soon! Love your videos
Awesome. But what happens when you have 30 elements... Call stack?
this is extremely informative! keep making such videos brother.
It is not sorted from least to greatest
🙏🙏🙏🙏🙏
Awesome!
This implementation does not sort this array [-1, -6, 5, 9, 2, 10, 67]
It does for me - check your code
thank you so much for the video !!! i really appreciate this and for ppl who wants break down in the text here is my break down based on justin's video - g(3, [1, 2, 3]) - g(2, [1, 2, 3]) - g(1, [1, 2, 3]) - **Base case**: Push `[1, 2, 3]` to output - g(2, [1, 2, 3]) // First iteration of the loop - N === 2, so we swap [1, 2, 3] to [2, 1, 3] - g(1, [2, 1, 3]) - **Base case**: Push `[2, 1, 3]` to output - g(3, [1, 2, 3]) // Second iteration of the loop - N === 3, swap [2, 1, 3] to [3, 1, 2] - g(2, [3, 1, 2]) - g(1, [3, 1, 2]) - **Base case**: Push `[3, 1, 2]` to output - N === 2, swap [3, 1, 2] to [1, 3, 2] - g(1, [1, 3, 2]) - **Base case**: Push `[1, 3, 2]` to output - g(3, [1, 2, 3]) // Third iteration of the loop - N === 3, swap [1, 3, 2] to [2, 3, 1] - g(2, [2, 3, 1]) - g(1, [2, 3, 1]) - **Base case**: Push `[2, 3, 1]` to output - N === 2, swap [2, 3, 1] to [3, 2, 1] - g(1, [3, 2, 1]) - **Base case**: Push `[3, 2, 1]` to output
This video saved my life, thank you!
great content, do you have something on rtk/query?
Really good explanation! Thank you for your work!
This man really gives us very detailed explanation good job man because of this i understand how this shitty promises methods works thanks to you