μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
Lun Dev
2024. 9. 21.
In this video, with the topic Amazing 3D Animation Website with Three.Js So Eazy, Not only will I guide people to get acquainted with Three.js, I will also guide people to create extremely interesting animations when users scroll the page with Three.js easily. Steps - By Steps: 00:00 Intro project 00:41 Prepare 02:17 Initialize the Camera In Three.Js 03:16 Initialize the Scene 04:18 Render 3D to Html 06:18 Set up the light 06:55 Change Position Model 07:23 Use built-in Animation 08:50 Create Animation Scrolling Download Code: https://www.lundevweb.com/2024/09/amazing-3d-animation-website-with.html ----- Hello everyone, I'm creating a lot of new projects every day and sharing them π, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it β . #javascript #code #css ----- Theme VsCode I'm Using: https://youtu.be/DSxUlhIN2lk Featured video series React Js Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz Design Slider - Carousel web: https://www.youtube.com/playlist?list=PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc E-Commerce Web Coding: https://www.youtube.com/playlist?list=PLe28tn1x4EIYlb9cvanZ97XQ5xoQpwcZD Design Parallax SCrolling Effect: https://www.youtube.com/watch?v=LlPQk6ajrnE&list=PLe28tn1x4EIbqW7C8iZ4vw7PonCHbw0Kd&pp=gAQBiAQB Web Applycation Code: https://www.youtube.com/playlist?list=PLe28tn1x4EIaNeqeXklFk2I4ZqjM1z5wh Javascript Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIb4_feu3SA-yFzmvzmyrIaU CSS Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM Many other impressive videos: https://www.youtube.com/@lundeveloper/videos Contact With me: Instagram: https://www.instagram.com/lundev.web Email: hohoang.dev@gmail.com Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support π. Here, I share all my knowledge about Developer and Web Design including languages ββsuch as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.
ππ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. 15.
π https://neetcode.io/ - A better way to prepare for Coding Interviews π§βπΌ LinkedIn: https://www.linkedin.com/in/navdeep-singh-3aaa14161/ π¦ Twitter: https://twitter.com/neetcode1 β BLIND-75 PLAYLIST: https://www.youtube.com/watch?v=KLlXCFG5TnA&list=PLot-Xpze53ldVwtstag2TL4HQhAnC8ATf Problem Link: https://leetcode.com/problems/my-calendar-ii/description/ 0:00 - Read the problem 0:30 - Drawing Explanation 5:24 - Coding Explanation leetcode 731 #neetcode #leetcode #python
2024. 9. 27.
Iβm so hyped I decided to dig into the Next.js github repo, I found soke very fun new things :) Check out my Twitch, Twitter, Discord more at https://t3.gg S/O Ph4seOn3 for the awesome edit π
2024. 10. 22.
μ κ° μμ¦ λκ΅°κ°μ λ§λμ λμμλ μ€ν¨μ λν μκ° κ·Έλ¦¬κ³ μ΄λ»κ² ν΄μΌ ν κΉ λΌλ λ¬Όμ μμ μκ°νλ κ·Έλ¦¬κ³ νν΄μλ κ²μ μ΄λΆμ΄ μκΈ°ν΄μ£Όλ€μ. ν μ€ λνμ μκΈ°μ λλ€.
2024. 9. 15.
βοΈ Source Code & More: https://www.codewithantonio.com/projects/miro-clone π¬ Discord & Help: https://www.codewithantonio.com/discord Clerk: https://dub.sh/mz7fwfW Convex: https://convex.dev/c/cwa Liveblocks: https://liveblocks.io/ Logoipsum: https://logoipsum.com/ Sally 3D illustrations: https://www.figma.com/community/file/890095002328610853/saly-3d-illustration-pack In this 10 hour tutorial, you will learn how to create your very own Miro clone - A collaborative, real-time whiteboard. Packed with features such as real-time database, whiteboard from scratch with ability to add shapes like Rectangles and Ellipses, Sticky notes and Pencil drawing. Using the newest technologies such as Next.js. 14, Clerk, Convex and LiveBlocks. Key Features: - π οΈ Whiteboard from scratch - π§° Toolbar with Text, Shapes, Sticky Notes & Pencil - πͺ Layering functionality - π¨ Coloring system - β©οΈ Undo & Redo functionality - β¨οΈ Keyboard shortcuts - π€ Real-time collaboration - πΎ Real-time database - π Auth, organisations and invites - βοΈ Favoriting functionality - π Next.js 14 framework - π TailwindCSS & ShadcnUI styling Timestamps 00:00 Intro & Demo 03:42 Additional information 04:07 Project setup 12:33 Project structure 30:41 Convex & Clerk 56:51 Dashboard layout 01:10:25 Sidebar 01:35:01 Organization Sidebar 01:49:49 Navbar 02:04:04 Empty States 02:23:22 Create Mutation 02:41:57 Board List 03:14:28 Card Actions 03:55:36 Favoriting Functionality 04:18:12 Search Querying 04:31:52 Canvas Layout 04:42:50 Liveblocks setup 05:00:13 Room Authentication 05:19:44 Room Info 05:36:23 Room Participants 05:49:46 Room Toolbar 05:56:45 Canvas State 06:22:01 Cursors Presence 06:47:41 Insert Layer 07:20:07 Select Layer 07:36:02 Selection Box 07:59:34 Resize Layer 08:17:52 Translate Layer 08:31:29 Color change & Deletion 08:50:09 Layer Depth 08:56:46 Selection Net 09:11:53 Other Elements 09:32:51 Pencil & Drawing 10:13:02 Deployment
2024. 1. 29.
Types vs interfaces in React #react #reactjs #reactjsdeveloper #programming #progammer #frontend #devtok #coding #code #codetok #cs
2024. 8. 15.