잠시만 기다려 주세요.
오늘코딩
2023. 12. 25.
#광고 #패스트캠퍼스 #플러터 [오늘코딩 구독자들에게만 드리는 패스트캠퍼스 특별 할인 혜택] 2024년 1월 7일까지, 오늘코딩이 Pick한 강의와 프로그래밍 초격차 강의를 구매할 수 있는 할인 코드를 제공해드려요! *쿠폰 등록 방법 아래 쿠폰코드를 복사하여, 원하는 강의의 결제창에 입력해주세요. 발급된 쿠폰은 패스트캠퍼스 홈페이지 로그인 후 [마이페이지-쿠폰내역]에서 확인 가능합니다. 📌 [오늘코딩 Pick 강의] 15개 프로젝트로 실무까지 끝내는 Dart & Flutter 앱 개발 초격차 패키지 Online. - 25% 할인코드 (12/31까지 사용 가능) : TODAYCODING231225_25 - 강의 확인하기 : https://bit.ly/3TtTPXs 📌 더 많은 프로그래밍 강의를 할인 받고 싶다면? - 20% 할인코드 (12/31까지 사용 가능) : TODAYCODING231225_20 - 10% 할인코드 (2024/1/7까지 사용 가능) : TODAYCODING231225_10 - 강의 확인하기 : https://bit.ly/48ubjXI 오늘코딩 채널에 가입하여 혜택을 누려보세요. https://www.youtube.com/channel/UCGDJ6xYxrs9ijplSnY8GrHg/join ------------------------------------------------------------------------------- 에셋스토어 링크: https://assetstore.unity.com/?aid=1011lvz7i Unity Plus: https://prf.hn/click/camref:1011lvz7i/destination:https://store.unity.com/products/unity-plus Unity Pro: https://prf.hn/click/camref:1011lvz7i/destination:https://store.unity.com/products/unity-pro Unity 프리미엄 학습: https://prf.hn/click/camref:1011lvz7i/destination:https://unity.com/learn-premium Unity 파트너 과정: https://prf.hn/click/camref:1011lvz7i/destination:https://unity.com/learn/partner-courses 문의 및 이메일 : devtodaycoding@gmail.com
►► Master responsive design in Flutter Web! Learn how to create adaptive screens that look great on any device(Desktop, Tablet, Mobile), perfect for your Flutter web apps. We'll dive into best practices for building responsive layouts, handling different screen sizes, and optimizing user experiences across devices. 🎬 PLAYLISTS ► Complete eCommerce Admin Panel Playlist: https://youtube.com/playlist?list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz&si=IxsZQwj_EZOz_Uu3 ► Complete eCommerce App Playlist: https://youtube.com/playlist?list=PL5jb9EteFAOAusKTSuJ5eRl1BapQmMDT6&si=DoruGqgqRgmBsOhe ❤️ E-COMMERCE APP SOURCE CODE: https://codingwitht.com/product/flutter-ecommerce-app-with-firebase/ ADMIN PANEL Starter Kit for FREE: https://codingwitht.com/product/flutter-ecommerce-app-with-firebase/ ADMIN PANEL TEST CREDENTIALS URL: https://codingwitht-c6d0f.web.app/login Email: support@codingwitht.com Password: Admin@123 FLUTTER ADMIN PANEL SECTIONS ► Section - 1 (Configuration) ► Section - 2 (Navigation) ► Section - 3 (Responsive) ► Section - 4 (Admin Mgmt) ► Section - 5 (Dashboard) ► Section - 6 (Media) ► Section - 7 (Design Screens) ► Section - 8 (Firebase Backend) ► Section - 9 (Deployment) SUBSCRIPTIONS ► Join Patreon to Access Premium Content: https://www.patreon.com/CodingwithT848/membership COURSES ► E-COMMERCE APP COURSE: https://youtube.com/playlist?list=PL5jb9EteFAOAusKTSuJ5eRl1BapQmMDT6&si=DoruGqgqRgmBsOhe ► E-COMMERCE Admin Panel: https://www.youtube.com/playlist?list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz ► FLUTTER CRASH COURSE https://youtube.com/playlist?list=PL5jb9EteFAODi35jPznP37hnR2sTHOOTU ► LOGIN APP FIREBASE https://www.youtube.com/playlist?list=PL5jb9EteFAODpfNJu8U2CMqKFp4NaXlto RELATED VIDEOS ► ROUTING AND NAVIGATION BASICS: https://www.youtube.com/watch?v=-yeGPooutdA&list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz&index=5 ► GETX BASICS: https://www.youtube.com/watch?v=QJ314HaiZ1g&list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz&index=3 CHAPTERS 00:00 Sections 00:32Introduction 03:38 How to use expanded widget for responsiveness 03:47 Flutter Crash Course 05:41 What is flex and how to use it in the expanded widget 07:31 Layout Builder 12:21 Reuseable Layout Builder Widget 07:55 Desktop widget for responsiveness 10:02 Mobile and Tablet widget for responsiveness FOLLOW US ON SOCIAL MEDIA 💻 Facebook | / codingwithtea 💻 Instagram | / coding_with_tea 🔍 DETAILS Welcome to Coding with T! In this tutorial, we kick off Section 3 of our Flutter e-commerce admin panel series, focusing on mastering responsive design. By the end of this section, you'll be equipped to create 100% responsive web applications in Flutter, without any need to worry about how your design will perform on various devices. What You’ll Learn: In this tutorial, you’ll master the art of crafting responsive UIs in Flutter Web, making sure your E-commerce Admin Panel adapts seamlessly to different screen sizes. Here’s what we’ll cover: Introduction to Responsive Design: Understanding the importance of responsive design in web development. Key principles of creating layouts that work across various screen sizes. Responsive Layouts with Flutter: Leveraging Flutter’s powerful layout widgets like Expanded, Flexible, and Spacer to create dynamic and adaptable user interfaces. How to use LayoutBuilder and MediaQuery to detect screen size and orientation, allowing you to tailor your design to specific devices. Designing for Multiple Screen Sizes: Building a responsive grid system that adjusts columns and spacing based on the screen width. Creating responsive navigation bars, side panels, and content areas that maintain usability on both mobile and desktop devices. Reusable Responsive Components: Developing reusable widgets that adapt their layout and styling automatically, ensuring consistency throughout your application. Implementing responsive typography and image scaling techniques to enhance visual appeal across different devices. Practical Implementation: Hands-on coding session where we build a responsive dashboard for the admin panel, demonstrating how to structure your layout to accommodate various devices. Testing and debugging responsive designs to ensure flawless performance on all platforms. Why This Matters: In today’s multi-device world, creating responsive web applications isn’t just a nice-to-have—it’s essential. By the end of this video, you’ll have a strong grasp of responsive design in Flutter Web, enabling you to build applications that provide an excellent user experience regardless of the device used. Don't forget to watch previous sections where we covered routing, navigation, and more. Check the link in the description, and make sure to watch till the end for valuable tips!
2024. 8. 27.
Quick introduction to scraping methods with n8n. Subscribe my newsletter: https://workfloows.com/ Visit my Gumroad profile: https://workfloows.gumroad.com/ Follow me on Twitter/X: https://twitter.com/workfloows Follow Workfloows on LinkedIn: https://www.linkedin.com/company/workfloows/
2024. 1. 24.
컨테이너 용량 때문에 발생하는 다양한 이슈(배포, 보안 등) 때문에 고민이셨던 분들을 위하여 경량화된 몇가지 컨테이너 이미지를 소개하고 비교, 실습하는 시간을 마련했습니다.
2024. 3. 24.
Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/projects/team-chat-platform LiveKit: https://livekit.io/ Hi all 👋 In this 11 hour tutorial you will learn how to create an end-to-end fullstack and real-time discord clone, all with servers, channels, video calls, audio calls, editing and deleting messages as well as member roles. Key Features: - Real-time messaging using Socket.io - Send attachments as messages using UploadThing - Delete & Edit messages in real time for all users - Create Text, Audio and Video call Channels - 1:1 conversation between members - 1:1 video calls between members - Member management (Kick, Role change Guest / Moderator) - Unique invite link generation & full working invite system - Infinite loading for messages in batches of 10 (@tanstack/query) - Server creation and customization - Beautiful UI using TailwindCSS and ShadcnUI - Full responsivity and mobile UI - Light / Dark mode - Websocket fallback: Polling with alerts - ORM using Prisma - MySQL database using Planetscale - Authentication with Clerk Timestamps 00:00 Intro & Demo 06:57 Environment setup 26:02 Folders setup 37:05 Authentication 50:07 Dark & Light Theme setup 59:10 Prisma & Planetscale setup 01:25:18 Initial modal UI 01:46:22 UploadThing setup 02:09:32 Server creation API 02:20:45 Navigation sidebar 02:49:24 Create Server Modal 03:02:31 Server Sidebar 03:32:13 Invitations 04:06:23 Server Settings 04:15:38 Manage Members 05:04:07 Channel Creation 05:24:55 Delete & Leave server modal 05:43:40 Search Server Modal 06:10:06 Server Channels List 06:50:06 Edit Channels 07:11:56 Channel ID Page 07:24:45 Chat Header 07:40:56 Prisma Schema completion 07:52:49 Conversations Setup 08:08:39 Socket IO setup 08:25:57 Chat Input component 08:39:55 Messages API 08:50:07 Message Attachment 09:03:11 Emoji bar 09:12:21 Chat Messages component 09:43:07 Chat Item component 10:29:15 Delete Message 10:35:52 Chat Socket hook 10:55:39 Chat Scroll hook 11:08:29 Direct Messages 11:22:05 Video Calls 11:41:45 Deployment
2023. 8. 26.
5.5만명이 수강한 제로초 강좌/로드맵 통합 링크! 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. 8. 3.
그래서 탭과 스페이스로 눌러도 큰 상관없음 뚫기 https://codingapple.com/ 개별강의 10% 할인 쿠폰 : SATORU16 (맨날 바뀜 최신영상 참고) Music : Buckeye Bonzai - Vans in Japan
2024. 7. 31.