잠시만 기다려 주세요.
다비드 스튜디오
2024. 9. 18.
직접 나를 위해서 대신 일해줄 유튜브 AI 비서를 만들어보겠습니다 📂 활용 링크 : 1. Youtube Data API 키 발급 : https://github.com/dabidstudio/dabidstudio_guides/blob/main/get-youtube-data-api.md 2. 구글시트 (사본복사링크) https://docs.google.com/spreadsheets/d/12F5rxYLNpTpaF-bjd5qB1PnzM7it2_wn2U4kn5tNlvc/copy?gid=0#gid=0 3. 지침 (Custom Instruction) : https://github.com/dabidstudio/youtube-agent-gpts/blob/main/custom_instruction.md 4. Schema : https://github.com/dabidstudio/youtube-agent-gpts/blob/main/schema.json ⌚타임라인: 00:00 - 유튜브 AI비서 데모 01:51 - 영상 준비물 02:40 - AI 비서 (AI Agent) 소개 05:55 - 유튜브 비서가 작동하는 방식 08:25 - 구글시트 준비하기 (여기서부터 따라하셔도 됩니다) 12:38 - GPTs 만들기 17:16 - 유튜브비서 테스트하기 #GPTs #AI #자동화 #chatgpt
Design patterns such as Singleton, Adapter, and Decorator are common patterns extensively used in many programming languages including JavaScript and Node.js. We're gonna learn all about them and try to rank simultaneously. ======⚡⚡⚡====== ☕ Buy me a coffee: https://www.buymeacoffee.com/softwaredeveloperdiaries 🙌 Become my Patreon and get exclusive perks: https://patreon.com/softdevdiaries 💼 Follow me on LinkedIn and drop me a message if you'd like: https://www.linkedin.com/in/gadirovgs/ 💻 Also, let's connect on GitHub: https://github.com/gusgad 📚 Resources: First video: https://youtu.be/trZ6epVkQVg Second video: https://youtu.be/smmL7a1Fgo4 Article: https://blog.logrocket.com/guide-node-js-design-patterns Code: https://github.com/gusgad/youtube-tutorials/tree/nodejs-design-patterns Anti-Corruption Layer: https://youtu.be/_oAYFR-hexg 🕒 Timestamps: (0:00) Intro (0:18) Singleton pattern (6:18) Module pattern (9:10) Adapter pattern (12:15) Decorator pattern And don't forget to subscribe for more videos like this 😊
2024. 6. 15.
JavaScript Tutorial for Beginners - Full JavaScript Course to learn JavaScript with Hands-On Examples and get the Complete Picture of Web Development 🩵 Complete Web Developer Course aka our popular IT Beginner's Course: https://bit.ly/3uCcCG5 🛣️ Top IT Career Paths - A Guide of how to get started in IT: https://www.youtube.com/watch?v=XmWkcePhf84 #javascript #techworldwithnana JavaScript is one of the most popular programming languages. In this complete JavaScript Crash Course, you'll learn everything you need to get started with programming. ▬▬▬▬▬▬ Thanks JetBrains for making this course possible! 👏 ▬▬▬▬▬▬ Want to try WebStorm? ► WebStorm free 30-day trial: https://jb.gg/TryWebStorm Also take a look at JetBrains IDEs to discover the range of tools that can enhance your coding experience → https://jb.gg/JetBrains_IDEs ▬▬▬▬▬▬ C U R R I C U L U M 📚 ▬▬▬▬▬▬ 00:00 - Intro and Course Overview 00:51 - How websites are built (What is HTML, CSS and JavaScript) 10:36 - Introduction to JavaScript (What is JS) 16:55 - Datatypes and Variables 18:48 - Datatypes 26:56 - Working with Numbers 29:52 - What is a Variable, Why they are useful 35:35 - Where to write and execute JS 40:18 - Download Webstorm IDE and create new Project 41:43 - Create index.html file 44:40 - var vs let vs const 47:18 - Execute HTML file in Browser 53:16 - Console.log 54:01 - JavaScript in a separate File (Project Structure) 1:00:09 - Conditionals and Operators 1:00:29 - Comparison Operator 1:04:35 - Conditionals (if / else statement) 1:09:24 - Logical Operator (AND, OR operator) 1:11:27 - Functions in JavaScript 1:22:53 - Function Parameters 1:28:52 - Const Use Cases 1:34:10 - Naming Conventions 1:35:23 - Next Steps in your Learning Journey So in this JS Tutorial you'll learn tons of concepts and main building blocks for any programming language. But this is just the beginning 👇 ▬▬▬▬▬▬ SOFTWARE ENGINEERING COURSE 🚀 ▬▬▬▬▬▬ More infos: https://bit.ly/3uCcCG5 If you're serious about becoming a software developer or get into IT in general and want to learn it the fastest and most efficient way without any knowledge gaps, you can continue your learning journey in our IT Beginners Course. It's a mini-bootcamp for learning the complete Software Development Life Cycle by taking up all key roles in practice one by one! So by the end, you'll have a strong understanding of how the complete release workflow works. 1 - Developer Role: 👏 Know how to write a simple web application with frontend, backend and database Tech Stack: HTML, CSS, JavaScript, Vue.js, Node.js, Express.js, Jest, MongoDB 2 - Tester / Developer Role: 👏 Why and how of testing 3 - Sys Admin Role: 👏 Understand basics of infrastructure, servers, operating systems etc, Know how to create and configure a virtual server on a cloud platform, and deploy your developed application on it ▬▬▬▬▬▬ Related Youtube videos 📚 ▬▬▬▬▬▬ Learn Python from Zero to Hero: https://www.youtube.com/watch?v=t8pPdKYpowI Learn Go from Zero to Hero: https://www.youtube.com/watch?v=yyUHQIec83I Top IT Career Paths - A Guide of how to get started in IT: https://www.youtube.com/watch?v=XmWkcePhf84 ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬ INSTAGRAM ► https://bit.ly/2F3LXYJ TWITTER ► https://bit.ly/3i54PUB LINKEDIN ► https://bit.ly/3hWOLVT
2024. 2. 28.
On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Dennis Ivy, a software engineer and prolific freelancer. He dropped out of college at 18 and taught himself how to build websites. He started his first agency, built and sold products, and eventually started teaching his skills on YouTube. We talk about: - Growing up in an immigrant family of 13 kids - Dropping out of school and working construction before learning to code - Figuring out how to get web development clients through trial and error - Selling his codebase to his employer $61,000 and using it to fund his journey into teaching Python Can you guess what song I'm playing on my bass during the intro? It's from a Also, I want to thank the 10,443 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Or You can listen to the podcast in Apple Podcasts, Spotify, or your favorite podcast app. Be sure to follow the freeCodeCamp Podcast there so you'll get new episodes each Friday. Links we talk about during our conversation: - The Bussard Ramjet theoretical spacecraft Quincy mentions as an analogy: https://en.wikipedia.org/wiki/Bussard_ramjet - Dennis Ivy's React + Appwrite course on freeCodeCamp: https://www.freecodecamp.org/news/build-a-sticky-notes-app-with-react-and-appwrite/ - Dennis Ivy's YouTube channel: https://www.youtube.com/c/dennisivy - Dennis Ivy on Twitter: https://twitter.com/dennisivy11 Chapters 0:00:00 Introduction and Background 0:06:00 Dropping Out of College and Starting a Locksmith Business 0:13:04 Accidental Client and Transition to Web Development Services 0:18:12 Using Google AdWords and SEO to Scale the Business 0:24:07 The Importance of Website Design and Optimization 0:27:22 Freelancing and Scaling Up the Business 0:29:53 Evolution to Better Website Builders 0:36:29 Creating a Culture of Learning and Collaboration 0:39:13 Scaling Up and Founder Issues 0:43:45 Transitioning from Freelancer to Employee 0:48:04 Building a Revolutionary Software System 0:49:53 Negotiating Ownership and Selling the Software 0:54:41 The Importance of Comprehensive Records and Legal Agreements 0:57:08 Opportunities in Lagging Industries 0:59:38 Technology as a Means to an End 1:05:10 Teaching and Creating Courses 1:08:39 The Importance of SEO Research 1:12:09 Efficiency and Scalability 1:14:11 Utilizing Tools and Resources 1:21:47 Finding Clients and Improving Search Engine Rankings 1:26:08 Networking and Building Relationships 1:30:54 Personal Accountability and Problem-Solving in Coding 1:34:59 Teaching Coding: Empowering Others 1:38:40 Family Security and Support
2024. 10. 4.
Learn what is Nginx, why do we need it, Nginx Use Cases as web server, reverse proxy and load balancer. As well as how to configure Nginx, Apache vs Nginx, and Nginx relevance in the Kubernetes world We will create a follow up video about "Proxy vs Reverse Proxy". So be sure to subscribe, if you don't want to miss it: https://www.youtube.com/@TechWorldwithNana?sub_confirmation=1 Nginx (pronounced "engine-x") is a high-performance, open-source web server and reverse proxy server, known for simple configuration and low resource consumption. It has become a popular choice for serving web content due to its ability to handle a large number of concurrent connections efficiently. In this video, we will cover Nginx common uses as a - Web Server - Reverse Proxy - Load Balancer - Caching - SSL/TLS Termination In addition, we will talk about how Nginx configuration looks like, how Nginx differs from Apache as well as Nginx usage as a Kubernetes Ingress Controller ▬▬▬▬▬▬ R E F E R E N C E S 🔗▬▬▬▬▬▬ ► Nginx Docs: https://nginx.org/en/docs/ ► Nginx Directives Configuration: https://nginx.org/en/docs/dirindex.html ▬▬▬▬▬▬ Related Videos ▬▬▬▬▬▬ 👉 Docker Tutorial: https://youtu.be/pg19Z8LL06w 👉 What is Kubernetes: https://youtu.be/s_o8dwzRlu4?t=105 👉 Kubernetes Ingress Tutorial: https://youtu.be/80Ew_fsV4rM 👉 Kubernetes Services: https://youtu.be/T4Z7visMM4E ▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬ 00:00 - Intro 00:10 - What is Nginx, what is it used for? 07:49 - How to configure Nginx 10:22 - Nginx as Kubernetes Ingress Controller 11:50 - Nginx Load Balancer vs Cloud Load Balancer 13:27 - NGINX vs Apache ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬ INSTAGRAM ► https://bit.ly/2F3LXYJ TWITTER ► https://bit.ly/3i54PUB LINKEDIN ► https://bit.ly/3hWOLVT
2024. 8. 6.
Learn how to build powerful Progressive Web Apps (PWA) with Next.js in 2024 Tutorial. In this video, I explain the basics of PWAs and show you how to add them to your Next.js projects, with extra tips and tricks to make your app even better and more native like. PWAs are the future of web apps, making them faster, more reliable, and work offline! video specific links ✨: Next.js docs: https://nextjs.org/docs/app/building-your-application/configuring/progressive-web-apps tailwind displaymodes: https://github.com/bhendi-boi/tailwindcss-displaymodes code: https://pastebin.com/FyRjNG6q apple developer meta tags: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html?ref=frontendchecklist Chapters ✨: 00:00 Introduction 1:11 The Manifest File 3:06 Get PWA Images 5:52 Specify Metadata in Layout 7:53 Showcase PWA 8:48 Extra Tips 10:36 Will PWA's play a role in the future? 🙋🏼♂️ find me also here: github: https://github.com/tobiasmeyhoefer my website: https://tobiasmeyhoefer.de/ _______________________ ⚡️ About me and this channel Hello World! 👋🏼 My name is Tobi and I'm a webdeveloper from Germany ✨ On this channel you will find free educational content about everything related to the web, from frontend to backend especiall with React and Next.Js!
2024. 9. 22.
Cursor Composer gives you INCREDIBLE Multi-File AI Coding Abilities AI Coding Devlog https://youtu.be/1IK69XZZegU Cursor Copilot++ (Cursor Tab) https://youtu.be/Smklr44N8QU Start AI Coding https://www.cursor.com/ Discover how Cursor's groundbreaking Composer feature is revolutionizing AI coding and software development. In this video, we dive deep into the power of multi-file editing and show you how to leverage this game-changing tool to boost your productivity. 🚀 Witness the future of coding as we build a simple prompt editing tool using Cursor's Composer, demonstrating its incredible capabilities across multiple files and components. 🔥 Key highlights: - Multi-file editing with AI assistance - Real-time code generation and refactoring - Seamless integration with existing codebases - Comparison with other AI coding tools like Aider - Comparison between the new chatgpt-4o-latest model to claude-3.5-sonnet 🛠️ We'll walk you through: - Enabling and using the Composer feature - Creating and modifying Vue.js/Nuxt components - Implementing styling changes across multiple files - Resolving errors and debugging with AI assistance 💡 Learn why Cursor's Composer and Aider are leading the pack in AI coding tools, and how they can help you write code faster and more efficiently than ever before. Whether you're a seasoned developer or just getting started with AI-assisted coding, this video will show you how to harness the power of Cursor's Composer to take your productivity to the next level. 📖 Chapters 00:00 Cursor Composer 00:50 Enable and Setup Cursor Composer 03:05 Multi-file editing 10:05 Move up the stack - focus on what not how 19:55 Big Takeaways for AI Coding Tools #aicoding #programming #aiprogramming
2024. 8. 19.