Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn MoreFlutter Beginner Tutorial - Build own App
Rating: 4.2 out of 54.2(1,826 ratings)
37,566 students
Flutter Beginner Tutorial - Build own App
Learn the dart and flutter basics
Created byTim Schütz
Last updated 3/2019
English
English [Auto],
What you'll learn
- Learn the basics of dart and flutter and build an complete ToDo App
Explore related topics
Course content
2 sections • 50 lectures • 3h 13m total length
- Welcome0:50
Explore the basics of Flutter programming and follow a beginner-friendly tutorial series that covers the essential concepts you need to start building apps.
- DartPad main print3:36
Learn how to use DartPad to run Dart code, understand the main method as the starting point, and use print statements with semicolons to display output.
- Comments2:26
Learn to use comments to annotate code without execution, using // for single lines and /* ... */ for multi-line notes, aiding debugging and readability.
- Variables6:01
Define variables to save information using integers, strings, doubles, and booleans, and assign values like x = 23. Print results to see how each type behaves.
- Constant3:12
Define constants to fix values and prevent changes. Contrast with variables that can be reassigned, while attempting to reassign a constant triggers an error.
- Variables interaction4:32
Explore how variables interact in Flutter, performing arithmetic with integers, printing results, and combining strings via concatenation and string interpolation using dollar sign syntax.
- Conditions8:42
Learn to use conditions and if statements to run code based on true or false, print messages like 'happy birthday', and compare numbers with equality and inequality.
- Methods without a return value2:57
Create a method with no return value that performs actions, such as printing 'hi'; call the method by its name with parentheses to execute it, demonstrating repeated outputs.
- Methods with parameters3:52
Explore methods with paramita to give dynamic behavior by passing arguments, turning static prints like hi into personalized outputs through a name, and perform simple additions like x plus y.
- Methods withe return4:13
Explore methods with a return value and a return statement that produces an integer. See how printing the result demonstrates adding numbers and using the returned value in code.
- Fat arrow methods2:19
Master fat arrow methods in Flutter by turning single-statement functions into concise one-line expressions, omitting explicit returns, and ensuring unique function or method names to avoid errors.
- Lists4:59
Learn how to create and manipulate lists in Flutter, including integers, strings, booleans, and dynamic lists, using square brackets, indexing from zero, and printing list contents.
- For loop9:32
Use for loops to repeat actions, starting from zero and incrementing until a condition is met. Print items or list names by iterating over indices and accessing elements.
- Classes and object example6:56
Explore how classes act as blueprints for objects, using a pet example with name and age to create multiple instances. Learn class syntax, object access, and printing properties.
- Constructor6:11
Define a constructor to create objects with mandatory name and age, assign fields using this.name and this.age, and use a concise shorthand form for parameters.
- Class methods0:56
Explore defining and calling class methods on objects in Flutter, using brackets to invoke a method and print results, such as setting all pets to a dog.
- Inheritance4:32
Explore inheritance in this Flutter beginner tutorial as classes extend a superclass to share attributes like age, name, weight, and height across pets and wildlife animals, reducing code repetition.
- Overriting method4:11
Override a superclass method in a subclass to extend behavior, call super to reuse base logic, and customize prints like names and birthdays for different pets.
- Maps3:15
Learn how to use maps to store key–value pairs with string keys and int values, access them via keys, and explore dynamic types for flexible data.
- Install android studio2:05
Install Android Studio by locating it online, complete the simple setup, start the IDE, then enable the Flora plugin in settings and install the required update and dot 2 plugin.
- Create new project2:07
Create a new Android project in Android Studio by selecting new project, choosing application, entering the project name and location, then click finish to generate the starter project.
- Android studio overview3:49
Explore the Android Studio layout, from the menu panel and emulator setup to the SDK, plugins, and the left project pane, learning where to place dependencies, assets, and code.
- Emulator3:04
Create a virtual Android device, select Nexus 5x and a system image, adjust orientation and memory, enable keyboard input, then start the emulator to test your app.
- Start App1:51
Launch the Flutter app by starting the emulator, resolve dependencies, and run the example counter app on the home screen, then increment the counter with each tap.
- Main print2:03
Create your own widgets and define the main function, import material design, and print Hello Fanaa to verify output on an emulator.
- Container2:05
Explore the container widget as a box that holds other elements, and learn to render it with color by choosing predefined color options, such as red, in a Flutter app.
- TextWidget3:20
Learn to compose Flutter layouts by placing a Text widget inside a container, set the child, define text direction, and style text with font size and color.
- Center1:52
Learn how to center text and widgets in Flutter using the Center widget, adjust padding, and create headings by pressing enter and arranging elements for clean layouts.
- Stateless widget3:41
Learn how stateless widgets render static content and how stateful widgets respond to interactions in Flutter. Create a stateless widget quickly by naming it, overriding build, and returning a container.
- Stateful widget5:28
Learn how a stateful widget manages state by creating a state class and a build method with a button. Use an anonymous function in onPressed to print a message.
- Stateful widget state4:28
Learn to change the app background by tapping a button using a color variable and setState in a stateful widget. See how a rebuild updates the user interface color.
- Displaying multiple elements5:36
Display multiple elements by using column and row widgets that take multiple children. Configure text direction to left to right inside rows to control how the items align.
- Padding3:28
Learn how to apply and customize padding in Flutter layouts, adjusting top, left, and other edges to control spacing for headings and widgets.
- Cards5:08
Learn to add card widgets in a column, apply padding and margins to improve layout, place text inside cards, and iterate on spacing to create a cleaner Flutter layout.
- Icons3:09
Explore implementing icons and interactive buttons in a Flutter beginner app, display and print actions, and styling text to build a simple phonebook interface.
- Expanded3:45
Learn how to use the Flutter Expanded widget to push UI elements to the side by expanding to fill available space, reshaping the layout of icons, text, and buttons.
- Images4:27
Learn how to add images and assets to a flutter app by creating an images folder, placing files inside, updating pubspec and referencing them in code.
- Material Design App bar4:55
Explore Material Design in Flutter, using pre designed widgets and a scaffold to build a functional app bar with actions and icon buttons.
- Navigation drawer5:38
Learn how to implement a navigation drawer in Flutter, featuring a background image, a profile picture, text, and a list view for navigation items.
- Floating Action Button1:54
Learn how to add a floating action button in Flutter, place it automatically, and handle press events to print a message while exploring icon usage and placement.
- Material Theme colors3:09
Explore customizing Flutter material theme colors by setting the primary color, accent color, and input colors, then adjust brightness to switch between dark and light appearances.
- Body1:48
Explore the body area in Flutter, where you place all widgets and UI elements for your app, including text. Save and reload to see how the main information renders.
- Textfield2:32
Learn how to capture user input with a text field in Flutter. Customize decoration and hint text, and use onChanged to update and print the input in real time.
- Checkbox3:26
Learn how to add and configure a checkbox in Flutter, manage a boolean state with onChanged and setState, and see the checkbox reflect true or false when tapped.
- Radio buttons3:54
Learn to implement radio buttons in Flutter, use a button group with values and onChanged, and drive logic such as saving the selected gender to an agenda and printing results.
- Routing6:46
Learn to implement routing in a Flutter app by navigating between screens with push named and pop context. Define routes for screen two and screen three to enable back navigation.
- Listview Items6:25
Build a simple Flutter list app by creating a list of items, displaying them with a ListView, and enabling dismissible items with an index-based key, plus an add button.
- ListView add6:08
Open an alert dialog with a text field, save input to a state variable, and add it to the list by tapping a flat button, then close the dialog.
- Fixing bug1:59
Fix a bug in a Flutter app by turning a key into a list, indexing it, and using on dismissed to remove items and manage the list.
- See ya0:30
Build basic Flutter applications as part of a beginner tutorial series, invite feedback in the comments, and look forward to continuing the journey.
Requirements
- For beginners. No tools required
Description
First part of the series talks about the basics of dart so beginners can get up to speed for the flutter tutorials. After that we will install android studio and start with the basics of flutter. At the end of the course we will create a simple ToDo App with basic functionallity.
- learn dart basics
- learn flutter basics
- create own app
Good luck and have fun!
Who this course is for:
- If you are interested in Flutter and App development take this course