์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
HuXn WebDev
2024. 7. 13.
Whether you're a beginner programmer or looking to level up your skills, this course will teach you how to: Organize your data efficiently using essential structures like Arrays, Linked Lists, Stacks, Queues, Trees, Hash Tables, and Graphs. Solve coding problems effectively with powerful algorithms for searching, sorting, and more. Write cleaner and more performant JavaScript code. This course offers: Clear and concise explanations with real-world examples to solidify your understanding. Hands-on coding exercises to apply your knowledge and practice problem-solving. Up-to-date content reflecting the latest advancements in JavaScript. By the end of this course, you'll be confident in building efficient and scalable JavaScript applications. If You Want To Support My Work ๐ https://www.youtube.com/channel/UCbBt6Ks7M5BZx_GHgGO_UNQ/join Follow Me On ๐ Instagram: https://www.instagram.com/huxnshorts/ YouTube: https://www.youtube.com/@huxnwebdev GitHub: https://github.com/huxn-webdev Twitter: https://twitter.com/huxnwebdev 00:00 - Intro 00:42 - What is DSA 3:53 - Course Requirements 4:40 - Course Setup 6:46 - Solving the first problem 10:07 - Why Should I Care 10:58 - What is bigO 13:48 - O(n) 20:11 - O(1) 23:48 - O(n^2) 29:37 - O(log n) 33:55 - DS Arrays 34:26 - What is DS Array 36:05 - Creating Custom Array 37:42 - Custom Push Method 41:20 - Custom Get Method 43:05 - Custom Pop Method 46:30 - Custom Shift Method 51:17 - Custom DeleteByIndex Method 54:35 - Reverse String 59:31 - Palindromes 1:02:30 - Reverse Integer 1:05:57 - Sentence Capitalization 1:10:23 - FizzBuzz 1:14:06 - Max Profit 1:20:41 - Array Chunks 1:26:18 - Two Sum ( ugly code ) 1:30:01 - What is Linked List 1:33:01 - How the Linked List Looks Like 1:36:05 - Creating Our First Linked List 1:40:01 - Linked List Push Method 1:45:24 - Linked List Pop Method 1:52:42 - Linked List Unshift Method 1:56:51 - Linked List Shift Method 1:59:44 - Linked List GET FIRST Method 2:00:53 - Linked List GET LAST Method 2:03:05 - Linked List GET ELEMENT BY INDEX Method 2:06:15 - Linked List SET Method 2:10:33 - Linked List INSERT Method 2:17:31 - Linked List SIZE Method 2:19:18 - Linked List CLEAR Method 2:20:17 - What is Doubly Linked List 2:21:34 - Create Your First Doubly Linked List 2:23:06 - Doubly Linked List Push Method 2:26:43 - Doubly Linked List Pop Method 2:30:47 - Doubly Linked List Unshift Method 2:34:43 - Doubly Linked List Shift Method 2:37:38 - Reverse Linked List 2:45:32 - Stack & Queues 2:46:20 - What is a Stack 2:49:36 - Creating Our First Stack 2:52:01 - Stack Push Method 2:55:29 - Stack Pop Method 2:58:49 - What is Queue 3:00:38 - Queues Enqueue Method 3:06:14 - Queues Dequeue Method 3:09:36 - Queues Min Method 3:14:22 - isValidParenthesis 3:19:05 - Reverse String Using Stack 3:22:08 - Hash Tables 3:22:21 - What is a Hash Table 3:23:30 - What is a Hash Function 3:24:29 - How Hash Table Looks Like 3:26:11 - Creating Our First Hash Table 3:29:27 - Hash Table Set Method 3:34:02 - Hash Table Get Method 3:38:37 - Get All Keys & Values 3:43:01 - Word Counter 3:47:15 - Two Sum ( refactor ) 3:51:06 - What is a Tree 3:55:36 - BST 4:00:27 - Creating Our First Binary Search Tree 4:02:15 - Binary Search Tree Insert Method 4:08:36 - Binary Search Tree Includes Method 4:15:42 - What is Recursion 4:17:11 - Recursion Count Down 4:20:19 - Recursion Factorial 4:23:11 - Tree Traversal ( Breath First Search ) 4:31:56 - Tree Traversal ( Depth First Search PreOrder ) 4:41:41 - Tree Traversal ( Depth First Search PostOrder ) 4:50:32 - What is a Graph 4:55:38 - Creating Our First Graph 4:56:23 - Add Vertex To Graph 4:58:36 - Add Edges To Graph 5:01:21 - Remove Edges From Graph 5:04:50 - Remove Vertex From Graph 5:09:33 - What is Bubble Sort 5:12:03 - Creating Bubble Sort 5:15:06- What is Selection Sort 5:19:33 - Creating Selection Sort 5:22:20 - What is Insertion Sort 5:24:48 - Creating Insertion Sort 5:27:18 - What is Merge Sort 5:29:15 - Creating Merge 5:35:44 - Creating Merge Sort 5:38:32 - Outro
Learn native mobile app development using React Native, Supabase, Stripe, and Next.js. In this course from @codewithlari, you'll learn to build a complete gadgets-selling platform. This course will help you master both front-end and back-end development. ๐ป Code (ADMIN): https://github.com/laribright/gadgets-shop-admin ๐ป Code (React Native Shop): https://github.com/laribright/gadgets-app-react-native โญ๏ธ Contents โญ๏ธ 0:00:00 Intro React Native Section 0:07:06 Create a new React Native Expo Application 0:08:47 Expo Router tutorial 0:12:32 Expo Router File-based routing (Create Pages) 0:17:56 Master Layouts in Expo Router 0:35:50 Build Home Page 0:58:13 Dynamic Pages in Expo (Category Page) 1:05:11 Zustand in React Native (Cart State) 1:19:15 Product Details Page Build 1:32:48 Cart Page Build 1:44:20 Orders Page Build 1:51:58 Order Details Page Build 1:57:52 Auth Page Build Supabase Section 2:09:34 Supabase Intro 2:14:21 Supabase Auth Provider 2:32:06 Supabase Login in React Native 2:39:35 Supabase SQL, Triggers, Functions 2:56:30 Row Level Security Supabase NextJS Admin Panel 3:01:30 Bootstrap NextJS Application with Typescript 3:10:06 Master Routing in NextJS 3:17:46 Supabase, Server Side Rending and Supabase Types 3:31:25 Supabase Email and Password Authentication 3:44:02 Authorization and Routes Protection in NextJS 3:51:01 Role Level Security / Authorization 3:57:48 Layout in NextJS 4:09:45 Signout And Theming 4:13:25 Category Table Supabase 4:21:51 Fetch Category Server Action 4:28:03 Product Schema and Row Level Security 4:36:02 Category Page Setup 4:48:05 Code walkthrough 4:55:41 Category Page UI Implementation 5:04:02 Category Page UI Completion 5:58:16 Create Category And Supabase Storage 5:24:14 Update And Delete Category 5:37:51 Product Page Setup 5:44:30 Code walkthrough 5:53:38 Create product Schema 5:59:25 Product CRUD actions 6:09:58 Product Page Utility Setup 6:24:29 Product Page Layout 6:39:55 Project Walkthrough So Far Dynamic Contents In React Native 6:42:12 React Query 6:45:40 Fetching Products and Categories 6:51:06 Supabase types React Native 6:56:57 Displaying Categories 6:59:01 Display Product Details Page Data 7:04:05 Category Details Page 7:09:31 Cart Page Fixes 7:14:28 Orders Supabase 7:20:33 Display Orders 7:29:01 Create Order Function 7:33:36 Create Order Item function 7:40:11 Create Order Item ADMIN ORDERS MANAGEMENT 7:52:46 Order Details Page 8:03:59 Orders Page 8:05:55 Fetching Orders With Products 8:11:00 Fetching Orders Page Component 8:15:13 Orders Management Table 8:21:16 Order Action View Order Products 8:31:06 Order Status Select Dropdown 8:34:19 Order Status Change Server Action 8:37:47 Order Update Real-Time Subscription PAYMENT INTEGRATION 8:45:16 Supabase Local Setup 8:58:56 Using Environment Variables in Expo 9:03:26 Stripe Integration and Edge Functions 9:20:13 Stripe Checkout 9:34:53 Supabase Migrations and User Schema Update 9:41:37 Create Stripe Customer PUSH NOTIFICATIONS 10:06:41 EAS Setup 10:09:44 Notification Setup 10:18:38 Testing Push Notification on A Real Device 10:09:44 Realtime Admin Order Status Notification FINAL ADMIN BUILD 10:18:38 Orders Chart 10:23:26 Product Category Chart 10:39:58 Latest Users Chart LANDING PAGE BUILD 10:50:32 Landing Page Setup 10:59:08 Hero Section 11:05:35 Home Page Completion DEPLOYMENT 11:11:28 Deployment To Vercel 11:22:02 Deployment Fixes ๐ Thanks to our Champion and Sponsor supporters: ๐พ Drake Milly ๐พ Ulises Moralez ๐พ Goddard Tan ๐พ David MG ๐พ Matthew Springman ๐พ Claudio ๐พ Oscar R. ๐พ jedi-or-sith ๐พ Nattira Maneerat ๐พ Justin Hual -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news
2024. 10. 16.
Aiarty Image Enhancer - Upscale Midjourney Images to 4K/Higher : https://bit.ly/3B5Zf3J Explore the best Midjourney prompts and show your creations for big prizes : https://bit.ly/4elQHnB In this video, I'll be talking about Aiarty AI Image enhancer that can Denoise + Deblur + More Details + Upscale images in one-click. It is a Photo & image enhancement software powered by AI to generate more image details and the best quality. ----- Key Takeaways: ๐ Discover how AI Arty effortlessly enhances low-resolution images to ultra-high quality in just seconds โ perfect for AI-generated images from tools like MidJourney! ๐ฅ Upscale images from 480p to 32K using AI Artyโs powerful models โ eliminate blur, noise, and pixel blocks for flawless, realistic image details. ๐ธ AI Artyโs batch processing and multiple AI models make it the go-to tool for upscaling and enhancing images for different creative scenarios! ๐ Join AI Artyโs new campaign โ download it for free and stand a chance to win a MidJourney Subscription just by upscaling and submitting your images! ๐ Submit your upscaled MidJourney images to win big! Top 3 most liked images in each round get a free monthly MidJourney subscription! ๐ Easy step-by-step guide to upscale images with AI Arty โ from downloading to enhancing, get professional results with just a few clicks. ๐ Generate stunning AI art, upscale with AI Arty, and win amazing prizes โ don't miss out on this exciting opportunity to showcase your creativity! ---- Timestamps: 00:00 - Introduction 00:07 - Use AI Arty Image Enhancer & Win Prizes 03:31 - Ending
2024. 9. 29.
In this video you'll learn how to create a custom react hook for fetching data. You will also learn the process of iterating and refactoring code as you follow the tutorial. Code: https://github.com/nikitadev-yt/react-custom-hooks Github: https://github.com/nikitapryymak Support Me: https://www.buymeacoffee.com/nikitadev Contact Me: nikitadev292@gmail.com #react #javascript #reacthooks
2023. 2. 5.
ํฌ๊ธฐ๋ ์์๋ ์ปดํจํฐ์ ์๋ ์ฃผ์ ๋ถํ์ ๋ค ์๋ ๋ผ์ฆ๋ฒ ๋ฆฌํ์ด ์ ์ฒด ์์์ 'ํผ์ ๊ณต๋ถํ๋ ์ปดํจํฐ ๊ตฌ์กฐ+์ด์์ฒด์ ' 3๊ฐ์์ ํ์ธํด ์ฃผ์ธ์. https://youtu.be/aSJhrSb3R2I?si=7mGqtcIw6uER4VOv โ๏ธ๋ฉ๋ชจ๋ฆฌ: ํ์ฌ ์คํ๋๋ ํ๋ก๊ทธ๋จ์ ๋ช ๋ น์ด์ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๋ ๋ถํ์ ๋๋ค. โ๏ธCPU: ๋ฉ๋ชจ๋ฆฌ์ ์ ์ฅ๋ ๋ช ๋ น์ด๋ฅผ ์ฝ์ด ๋ค์ด๊ณ , ํด์ํ๊ณ , ์คํํ๋ ๋ถํ์ ๋๋ค. โ๏ธ๋ณด์กฐ๊ธฐ์ต์ฅ์น: ์ ์์ด ๊บผ์ ธ๋ ๋ณด๊ดํ ํ๋ก๊ทธ๋จ์ ์ ์ฅํ๋ ๋ถํ์ ๋๋ค. โ๏ธ์ ์ถ๋ ฅ์ฅ์น: ์ปดํจํฐ ์ธ๋ถ์ ์ฐ๊ฒฐ๋์ด ์ปดํจํฐ ๋ด๋ถ์ ์ ๋ณด๋ฅผ ๊ตํํ ์ ์๋ ๋ถํ์ ๋๋ค. โ๏ธ์์คํ ๋ฒ์ค: ์ปดํจํฐ์ ๋ค ๊ฐ์ง ํต์ฌ ๋ถํ๋ค์ด ์๋ก ์ ๋ณด๋ฅผ ์ฃผ๊ณ ๋ฐ๋ ํต๋ก์ ๋๋ค. #๋ผ์ฆ๋ฒ ๋ฆฌํ์ด #์ปดํจํฐ๊ตฌ์กฐ #๋ฉ๋ชจ๋ฆฌ #CPU #๋ณด์กฐ๊ธฐ์ต์ฅ์น #์ ์ถ๋ ฅ์ฅ์น #์์คํ ๋ฒ์ค #๊ฐ๋ฐ์ #ํ๋น๋ฏธ๋์ด
2024. 7. 10.
๐๐CONNECT with me ON LinkedIn: https://www.linkedin.com/in/akhilsails/ Twitter: https://x.com/AkhilAiri ๐ฅ๐ฅLink to AI & GO projects Course - https://akhilsharmatech.gumroad.com/l/zgxqq ๐จFREE 50 Killer GO Projects - https://www.youtube.com/playlist?list=PL5dTjWUk_cPYztKD7WxVFluHvpBNM28N9 ๐จFREE 50 Killer RUST Projects - https://www.youtube.com/playlist?list=PL5dTjWUk_cPYuhHm9_QImW7_u4lr5d6zO ๐จ ๐จ ๐จ Subscribe so that you're notified when more GO / Rust / Solidity videos come out - https://www.youtube.com/channel/UCgMjDy6Y7WISZ529S4VyXUg?sub_confirmation=1 ๐๐ Join this channel to get access to perks: https://www.youtube.com/channel/UCgMjDy6Y7WISZ529S4VyXUg/join
2024. 10. 27.
6๋ง๋ช ์ด ์๊ฐํ ์ ๋ก์ด ๊ฐ์ข/๋ก๋๋งต ํตํฉ ๋งํฌ! https://www.zerocho.com/lecture https://www.zerocho.com/lecture ์์ง๋ ฅ์ด ์ฝํด ๋ค๋ฅธ ์ฌ๋๋ค๊ณผ ํจ๊ป ์๊ฐํ๊ณ ์ถ๋ค๋ฉด! + ๊ณ ๋ฏผ์๋ด, ์ง๋ฌธ๋ ํ๊ณ ์ถ๋ค๋ฉด 3์ฒ๋ช ์ด ๋ชจ์ฌ์๋ ์ ๋ก์ด์ค์ฟจ์์! https://www.zerocho.com/slack https://www.zerocho.com/slack -- ๊นํ -- https://github.com/zerocho (๋ ํฌ์งํ ๋ฆฌ ์คํ ๋๋ฌ์ฃผ์ธ์) -- ํ์ ๋ฐ ๋ฉค๋ฒ์ญ -- https://toon.at/donate/zerocho https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join -- ์๊ฐ -- Node.js ๊ต๊ณผ์, Let's Get IT ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก๊ทธ๋๋ฐ, ํ์ ์คํฌ๋ฆฝํธ ๊ต๊ณผ์ ์ ์ ์ ๋ก์ด๋ท์ปด(ZeroCho.com) ์ด์์
2024. 10. 24.