잠시만 기다려 주세요.
전북대학교 최규빈 교수
2024. 9. 19.
안녕하세요 개발하는남자 개남입니다. 이번 영상은 인프런 강의 수강생분께서 요청주신 Custom Slider 만들기 강좌 인프런테 공유하면서 유튜브에도 구독자분들에게도 도움이 될 것 같아서 공유 하게 되었습니다. 앞으로의 영상 함께 공부 희망하시는 분들이라면 구독/좋아요 알림설정 부탁드립니다. 예제소스 : https://github.com/sudar-life/custom_slider_sample
2023. 8. 20.
This tutorial will teach us how to enhance our Flutter admin panels with responsive dashboard cards! Learn how to build dynamic, reusable widgets that adapt seamlessly across desktop, tablet, and mobile devices using GetX and Firebase. Perfect for Flutter developers aiming to create professional and scalable e-commerce admin dashboards. 🎬 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 ► Responsive header: https://www.youtube.com/watch?v=QJ314HaiZ1g&list=PL5jb9EteFAOAIr7tjUpz1n-_szVSx8JVz&index=3 ► Forget Password: https://www.youtube.com/watch?v=awwxYgHF_kU&list=PL5jb9EteFAOAusKTSuJ5eRl1BapQmMDT6&index=39 CHAPTERS 00:00 Introduction FOLLOW US ON SOCIAL MEDIA 💻 Facebook | / codingwithtea 💻 Instagram | / coding_with_tea 🔍 DETAILS Welcome back to Coding with T! In today's Section 6 of our Flutter E-commerce Admin Panel series, we'll focus on designing and implementing responsive dashboard cards. These cards are essential for displaying key metrics and information in a professional admin dashboard, adapting seamlessly across desktop, tablet, and mobile devices. 🔍 What You'll Learn: 1. Introduction to Responsive Cards: -- Importance of responsive design in admin panels. -- Overview of creating dynamic and reusable dashboard cards. 2. Setting Up the Dashboard Layout: -- Structuring the dashboard for different screen sizes (desktop, tablet, mobile). -- Utilizing Flutter’s Row, Column, and Expanded widgets for flexible layouts. -- Implementing SingleChildScrollView for scrollable content. 3. Creating Reusable Dashboard Cards: -- Designing a reusable TRoundedContainer widget for consistent card styling. -- Adding interactive elements like GestureDetector for on-tap functionalities. Structuring card content with Column and Row widgets for titles, values, and indicators. 4. Making Cards Responsive: -- Adapting the layout for desktop (4 cards in a single row). -- Adjusting to tablet mode (2 rows with 2 cards each). -- Optimizing for mobile devices (4 rows with 1 card each). -- Handling Flex and Expanded widget constraints to avoid UI errors. 5. Enhancing Card Features: -- Adding dynamic data binding with GetX controllers. -- Implementing conditional styling (e.g., percentage indicators in green for positive growth and red for negative). -- Ensuring consistent spacing and alignment across different devices. 6. Practical Implementation: -- Step-by-step coding session to build and integrate responsive dashboard cards. -- Troubleshooting common UI issues like overflow errors and unbounded height constraints. -- Testing the responsive design across various screen sizes to ensure functionality and aesthetics. 🔔 Subscribe for More Flutter Tutorials: Don't miss out on our upcoming videos where we'll continue to build out our admin panel with advanced features like custom pagination, enhanced row selection, and more! 👍 If You Found This Tutorial Helpful: Like this video to support the channel. Comment below with any questions or topics you'd like us to cover next. Share this video with fellow Flutter developers!
2024. 10. 14.
위 콘텐츠는 Stephen Curry 채널의 영상을 재편집한 영상입니다. https://www.youtube.com/watch?v=5dQ6t7g5Vpo&t=1s @stephcurry 🔥 개발자 포트폴리오 꿀팁 자료 무료 다운받기 : https://bit.ly/4a10f5N 무료 강의 보고 왕초보 벗어나기! ChatGPT로 노코드 웹사이트 만들기 : https://bit.ly/3vuiEs7 개발자와 협업을 위한 기초 코딩 용어 : https://bit.ly/3tDdzNI 취업, 이직을 준비하시는 분들을 위한 더 많은 정보는 아래를 참조해주세요. 2024년 내일배움카드 발급, 사용방법 : https://bit.ly/3vCX2tV 부트캠프 선택시 꼭 체크해야 할 5가지 : https://bit.ly/4aFdKZA 부트캠프는 9to9을 선택해야 하는 이유 : https://bit.ly/3vnSfMH 나를 몰입하게 만드는 부트캠프가 중요한 이유 : https://bit.ly/4aGmIWv 현직자가 말하는 AI 역량을 갖춰야 하는 이유 : https://bit.ly/3HcZae9 비전공자의 다양한 이야기들 원격 부트캠프로 금융권 IT 합격했어요! : https://bit.ly/3NMqZOn 영업사원 하다가 개발자로 전향했어요! : https://bit.ly/3S35V8P 더 궁금하신 것들은 댓글로 남겨주세요! 영상이나 블로그를 통해 가장 최신 정보로 알려드리겠습니다. 감사합니다.
2024. 4. 4.
유니티의 시네머신 패키지를 살펴보는 첫번째 영상입니다. 해당 영상의 내용을 직접 한글로 정리한 노션 문서를 열람하고 싶다면, 오늘코딩 맴버십에 가입해주세요! Lv.2 부터 열람이 가능합니다! 채널에 가입하여 혜택을 누려보세요. 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
2023. 11. 19.
[개발자의 품격] 품격있는 개발자 되기!
2022. 8. 17.
2024. 9. 12.