- 41
- 315
Flutter Teacher
Denmark
เข้าร่วมเมื่อ 12 ก.พ. 2022
Welcome to Flutter Teacher, your go-to resource for learning everything you need to know about Flutter.
My goal is to provide you with a comprehensive education on Flutter, from basics to advanced concepts.
Whether you're a beginner looking to get started with mobile/web app development or an experienced developer looking to take your skills to the next level, my videos will help you master the Flutter framework and become a confident developer.
Join and start your journey to becoming a skilled Flutter developer today.
My goal is to provide you with a comprehensive education on Flutter, from basics to advanced concepts.
Whether you're a beginner looking to get started with mobile/web app development or an experienced developer looking to take your skills to the next level, my videos will help you master the Flutter framework and become a confident developer.
Join and start your journey to becoming a skilled Flutter developer today.
Flutter Flags Quiz Game: Series Presentation (00)
Learn how to create a flag quiz game using Flutter in our "Flutter Flags Quiz Game" series. Follow our step-by-step guide to build the game from scratch, using the basics of Flutter.
Subscribe for more videos in this series!
Project repository
github.com/Draxent/flagsQuiz
Subscribe for more videos in this series!
Project repository
github.com/Draxent/flagsQuiz
มุมมอง: 19
วีดีโอ
Flutter Flags Quiz Game: Displaying flags (01)
มุมมอง 3หลายเดือนก่อน
Join us in this video as we explore step 01 of the Flutter Flags Quiz Game series: displaying flags, where we will use a ListView.builder to show flag images and country names. Project repository github.com/Draxent/flagsQuiz
Flutter Flags Quiz Game: Adding the question (02)
หลายเดือนก่อน
Join us in this video as we explore step 02 of the Flutter Flags Quiz Game series: adding the question, where we use a RichText widget to display a styled question and we place it above the list of flags. Project repository github.com/Draxent/flagsQuiz
Flutter Flags Quiz Game: Displaying options (03)
มุมมอง 2หลายเดือนก่อน
Join us in this video as we explore step 03 of the Flutter Flags Quiz Game series: displaying options, where we use a grid view to display 4 buttons as options of our quiz. Project repository github.com/Draxent/flagsQuiz
Flutter Flags Quiz Game: Generating a random question and random options (04)
มุมมอง 1หลายเดือนก่อน
Join us in this video as we explore step 04 of the Flutter Flags Quiz Game series: generating a random question and random options, where we use a stateful widget and random values to generate the answer and the options of our quiz game. Project repository github.com/Draxent/flagsQuiz
Flutter Flags Quiz Game: Checking the answer (05)
หลายเดือนก่อน
Join us in this video as we explore step 05 of the Flutter Flags Quiz Game series: checking the answer, where we change the button background to green or red and we shows an icon symbol to signal if the answer was correct or wrong. Project repository github.com/Draxent/flagsQuiz
Flutter Flags Quiz Game: Waiting and generating a new question (06)
หลายเดือนก่อน
Join us in this video as we explore step 06 of the Flutter Flags Quiz Game series: waiting and generating a new question, where we finalize the game-play experience by generating a new questions and options after a three-second delay. Project repository github.com/Draxent/flagsQuiz
Flutter Atomic Design: Series Presentation
มุมมอง 60หลายเดือนก่อน
Learn how to replicate a website homepage using Flutter with Atomic Design. Break down UI components into atoms, molecules, organisms, templates, and pages for scalable and consistent UIs. Follow along step-by-step to build the Logistics homepage. Subscribe for more videos in this series! Figma file: www.figma.com/community/file/1220344166061101624 Project repository: github.com/Draxent/AtomicD...
Flutter Atomic Design: Read the Figma file
มุมมอง 12หลายเดือนก่อน
Discover how to read a FIGMA file in this video. Learn how to download, open, and explore the Logistics Website Template, including inspecting elements, extracting style information, and exporting images. Gain insights into the colors, fonts, and common building blocks used in the template. Dive into the Layers panel to inspect individual components and access sub-elements quickly. Explore text...
Flutter Atomic Design: Step zero overview
มุมมอง 10หลายเดือนก่อน
In this video, we guide you through the initial setup process, ensuring you're ready to dive into the project. Download the project file, extract it, and follow the instructions to run the project. Inside the assets folder, you'll find the necessary fonts and images. We organized the codebase for a smooth development experience. Get equipped for our exciting Flutter Login series and discover th...
Flutter Atomic Design: Molecule Team Member (16)
มุมมอง 3หลายเดือนก่อน
Join us in the Flutter Atomic Design series as we explore step 16: Molecule Team Member. Learn how to create a customizable Molecule Team Member component with properties, such as image, name and role. Figma file: www.figma.com/community/file/1220344166061101624 Project repository: github.com/Draxent/AtomicDesignFlutter
Flutter Atomic Design: Atom Social Links (15)
มุมมอง 1หลายเดือนก่อน
Join us in the Flutter Atomic Design series as we explore step 15: Atom Social Links. Learn how to create a customizable Atom Social Links component for Facebook, Instagram, LinkedIn, and Twitter links. Figma file: www.figma.com/community/file/1220344166061101624 Project repository: github.com/Draxent/AtomicDesignFlutter
Flutter Atomic Design: Atom Project-Image (14)
มุมมอง 2หลายเดือนก่อน
Join us in the Flutter Atomic Design series as we explore step 14: Atom Project-Image. Learn how to create a customizable Atom Project-Image component with properties, such as image, project text and category text. Figma file: www.figma.com/community/file/1220344166061101624 Project repository: github.com/Draxent/AtomicDesignFlutter
Flutter Atomic Design: Atom Icon-Text (13)
มุมมอง 3หลายเดือนก่อน
Join us in the Flutter Atomic Design series as we explore step 13: Atom Icon-Text. Learn how to create a customizable Atom Icon-Text component with properties, such as an icon and text. Figma file: www.figma.com/community/file/1220344166061101624 Project repository: github.com/Draxent/AtomicDesignFlutter
Flutter Atomic Design: Molecule Form (12)
มุมมอง 3หลายเดือนก่อน
Join us in the Flutter Atomic Design series as we explore step 12: Molecule Form. Learn how to create a customizable AppForm component with with limited yet impactful properties. We focus on the first input text, the option to require a phone number, the number of lines in the message input, and the text for the submit button. Figma file: www.figma.com/community/file/1220344166061101624 Project...
Flutter Atomic Design: Molecule Review (11)
มุมมอง 1หลายเดือนก่อน
Flutter Atomic Design: Molecule Review (11)
Flutter Atomic Design: Page Section Banner (08)
มุมมอง 1หลายเดือนก่อน
Flutter Atomic Design: Page Section Banner (08)
Flutter Atomic Design: Setup Design library and showcase (01)
มุมมอง 4หลายเดือนก่อน
Flutter Atomic Design: Setup Design library and showcase (01)
Flutter Atomic Design: Atom Social Info (05)
มุมมอง 1หลายเดือนก่อน
Flutter Atomic Design: Atom Social Info (05)
Flutter Atomic Design: Atom Heading (03)
มุมมอง 2หลายเดือนก่อน
Flutter Atomic Design: Atom Heading (03)
Flutter Atomic Design: Atom Button (02)
มุมมอง 1หลายเดือนก่อน
Flutter Atomic Design: Atom Button (02)
Flutter Atomic Design: Atom Client (17)
มุมมอง 1หลายเดือนก่อน
Flutter Atomic Design: Atom Client (17)
Flutter Atomic Design: Atom Date View (18)
มุมมอง 1หลายเดือนก่อน
Flutter Atomic Design: Atom Date View (18)
Flutter Atomic Design: Atom Bullet List (19)
มุมมอง 11หลายเดือนก่อน
Flutter Atomic Design: Atom Bullet List (19)
Flutter Atomic Design: Page Section Services (21)
มุมมอง 2หลายเดือนก่อน
Flutter Atomic Design: Page Section Services (21)