잠시만 기다려 주세요.
CaN Tips
2024. 8. 8.
FLUX Pro vs FLUX.1 Dev Maker’s Images vs My Local Machine FLUX Pro - https://blackforestlabs.ai/ Black Forest Labs Model maker’s web page FLUX.1 Dev My Local Windows Machine SwarmUI SDXL My Local Windows Machine Automatic1111 #flux #swarmui #sdxl
Multi-factor authentication (MFA) is a security method that requires users to provide at least two different forms of identification to access a system. In this video we will build a Two-Factor Authentication system using Node.js, Express, Speakeasy and Passport.js. In this project, we’ll learn how to secure user accounts with 2FA, improving the overall security of our applications. ⭐️ Full Source Code ⭐️ https://buymeacoffee.com/dipeshmalvia/e/311926 🔥 Video contents... ENJOY 👇 0:00:00 - Intro 0:00:45 - Project Overview 0:04:00 - Project Setup & Dependencies 0:08:45 - Passport.js & Speakeasy Overview 0:11:04 - Create Express Server 0:14:14 - Middleware and Session config 0:18:02 - MongoDB connection 0:22:18 - Mongoose User Model 0:25:10 - Authentication & MFA Routes Setup 0:28:42 - Authentication & MFA Controller Setup 0:30:06 Register User 0:34:34 - Login User - Passport Config 0:43:17 - Serialize & Deserialise User Passport Session 0:46:07 - AuthStatus & Logout User 0:50:24 - isAuthenticated Middleware MFA Routes 0:53:04 - Setup 2FA 1:01:31 - Verify & Reset 2FA 1:05:18 - Testing on Thunder client 1:07:05 - Testing on Postman 1:09:50 - Outro Node.js: The Complete Guide to Build Backend Projects🔥 Link - https://www.dipeshmalvia.com/courses/Nodejs-Zero-to-Hero ⭐️ Node.js for beginners Playlist ⭐️ https://youtube.com/playlist?list=PLTP3E5bPW796_icZanMqhdg7i0Cl7Y51F ⭐️ Related Videos ⭐️ 🔗 Learn VITE For Next React - https://youtu.be/-fj1loJfSdA 🔗 React Firebase CRUD App - https://youtu.be/cXWDQhzC3do 🔗 React Firebase Auth with Context API - https://youtu.be/6kgitEWTxac 🔗 React Context API - https://youtu.be/zHYkA1AycPs 🔗 CSS Crash Course in 1 Hour - https://youtu.be/nYsk_U_A_lc ⭐️ Crash Courses ⭐️ 🔗 Nodejs Crash Course - https://youtu.be/H9M02of22z4 🔗 React Crash Course - https://youtu.be/0riHps91AzE 🔗 JavaScript Crash Course - https://youtu.be/sptS-bgg8Ro 🔗 HTML5 Crash Course in 1 Hour - https://youtu.be/Aj3QFsmsagc 🔗 CSS Crash Course in 1 Hour - https://youtu.be/nYsk_U_A_lc 🔗 Social Medias 🔗 Twitter: https://twitter.com/IMDmalvia Facebook: https://www.facebook.com/programmingwithdipesh Instagram: https://www.instagram.com/dipeshmalvia LinkedIn: https://www.linkedin.com/in/dmalvia/ ⭐️ Tags ⭐️ - Node.js, Express & MongoDB User Authentication Project - Build Rest API Authentication & Authorization Project Using Express & MongoDB - Node.js, Speakeasy, Passport.js & EXPRESS Authentication Crash Course - Express Two-Factor Authentication Project For Beginners ⭐️ Hashtags ⭐️ #nodejs #authentication #beginner #tutorial Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
2024. 10. 3.
👉 Check out Prisma: https://www.prisma.io/?via=bytegrad (paid sponsorship & I get commission from your purchases) Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product. 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord ⏱️ Timestamps: 00:00 Intro 01:07 Next.js architecture 02:02 Example app overview 03:15 Setup Prisma 06:09 Schema fundamentals 07:36 Prisma extension + defaultFormatter 08:34 Schema fundamentals (continued) 10:09 Create database 12:38 View database content (Prisma Studio) 14:13 GET data on page (findMany) 16:50 Prisma Client instantiation 18:29 GET data on page (findUnique) 22:18 Changing schema (Slug) - npx prisma db push 25:38 @unique 27:42 @map 28:04 @index 28:53 Filtering (where) 29:55 Ordering 30:18 Select 31:00 Pagination 32:29 Count 33:42 Writing data (POST / PUT / DELETE) 42:03 Relations (one-to-many) 43:54 Many-to-many 44:27 One-to-one 46:50 include & connect (relations queries) 49:12 Seeding database 51:10 Prisma types 53:13 Seeding database (continued) 55:50 Error handling 57:35 Caching in Next.js 59:59 Prisma Accelerate caching 1:00:34 Going to production 1:04:32 Migrations 1:06:15 npx prisma migrate 1:08:18 postinstall (prisma generate) 1:08:42 Push to Vercel 1:10:19 Serverless vs Edge 1:10:59 Middleware (edge) 1:13:07 Prisma Pulse #webdevelopment #reactjs #nextjs
2024. 6. 6.
안녕하세요. GIS Developer 김형준입니다. 이 영상은 렌더링된 결과에 어떤 추가적인 효과를 적용하는 포스트프로세싱에 대한 내용을 설명합니다.
2023. 10. 4.
▶ Source code https://github.com/craftzdog/ghibli-style-shader ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=IGK6eceWyU4 Follow me online here: ▶ My weekly vlog https://www.youtube.com/@craftzdog ▶ Subscribe to my newsletter https://www.devas.life/ ▶ Twitter https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog References: ▶ Blenader tutorial by Lightning Boy Studio https://www.youtube.com/watch?v=DEgzuMmJtu8&ab_channel=LightningBoyStudio 00:00:00 Hello 00:00:44 Unboxing a new MacBook Pro 00:01:54 Heading to Osaka Castle Park 00:04:00 Create a new React project 00:05:12 Install libraries 00:05:31 Make the page background transparent 00:06:32 Remove the template content 00:06:53 Integrate React Three Fiber into the project 00:08:49 Add a simple scene 00:14:33 Add a ground plane for shadows 00:17:19 Import a tree model 00:18:28 Add the tree model to the scene 00:19:37 Use Standard Material 00:20:50 Use Toon Material 00:23:25 Rotate the tree object 00:24:55 Create a simple shader 00:28:05 Use a custom toon shader 00:32:10 Tweak the toon shader 00:35:11 Start creating a Ghibli shader 00:40:01 Define variables 00:42:12 Calculate brightness 00:44:25 Add gradient colors 00:44:53 Create another color variation 00:47:29 Thank you for watching #ThreeJS #CodeWithMe #ASMR
2023. 2. 16.
AI 비트코인 투자 자동화 무료 강의 보러가기 https://youtu.be/EOnaOpZy9ew?si=fyglKbkL5QY41RyT 실시간 GPT 투자 현황 지켜보기 http://3.35.214.209:8501 ✅ 조코딩과 코딩 공부하기 https://jocoding.net/ 👉 조카소 - 자막/번역/더빙 AI, 사진 AI 등 https://jocasso.codemafia.io VVIP 멤버십 후원 빵쌤의 알고리즘님, 그림자그림자님, 라다님, 차딩Chading TV님, prochild님, turtleday터틀데이님, AI Beauty Artist님, eyuri chi님, 정진균님, Tae hwan Kim님, 콜로라도님, 엠이에스코리아님, TIPICE님, Byung Ahn님, 올소리님 감사드립니다. https://www.youtube.com/@jocoding/join #개발자 #프로그래머 #코딩 #계급전쟁 #흑수저 #백수저 #백종원 #안성재 #셰프 #흑백요리사 #흑백개발자 #넷플릭스 #코딩전쟁 #깃허브
2024. 10. 10.
A Go + HTMX stack to build modern web apps. 💬 Topics: - What is HTMX; - HTMX Tutorial; - Go Tutorial; - Go + SQLite; - Advantages of multi page applications; - Working with Go Standard Library; - How to structure a modern web app; - JS framework alternatives; - Build a simple web app. 🥇 Become a Member - https://www.youtube.com/channel/UCXzw-OdotBUcNA9yhuYQBwA/join ✉️ Join the Newsletter - https://newsletter.awesome.club/ 📖 Blog Article - https://www.awesome.club/blog/2024/the-simplest-tech-stack
2024. 7. 25.