Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 3.5 hours on-demand video
  • 1 article
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
Development Mobile Development Google Flutter

Flutter - How to Build an Ultimate Responsive App

Learn Responsive Design and How to Build a Responsive App in Flutter that runs on Android, iOS and Web
Rating: 4.7 out of 54.7 (76 ratings)
6,390 students
Created by Naresh Idiga
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Responsive Design Guidelines and Patterns
  • Implement Responsive Design in a Flutter App
  • Build a Responsive Flutter App for Android, iOS and Web
  • How to use Flutter Widgets to build Responsive Layouts
  • Responsive Design based on Google's Material Design

Course content

7 sections • 31 lectures • 3h 26m total length

  • Preview02:19

  • Preview03:36
  • Responsive Layout Grid Concepts
    11:39
  • Responsive Patterns
    08:20

  • New to Flutter?
    00:43
  • Single Child Layout Widgets
    20:37
  • Multi-Child Layout Widgets - Using Row and Column Widgets
    08:03
  • Aligning, Sizing and Packing Widgets
    20:40
  • Common Layout Widgets - Introduction
    00:29
  • Using Container Widget
    02:35
  • Building Card UI Widget and Fixing Common Problem
    07:45
  • Using GridView Widget
    04:59
  • Using ListView Widget
    02:17
  • Using ListTile Widget
    02:16
  • Using Stack Widget
    09:51
  • Summary - Common Layout Widgets
    01:58
  • Project - Building a Places App
    14:41

  • Preview03:51
  • How to Use Flutter MediaQuery Widget
    06:52
  • How to Use Flutter LayoutBuilder Widget
    05:21
  • How to Use Flutter OrientationBuilder Widget
    00:55
  • Preview02:12
  • Summary - Building a Responsive App in Flutter
    01:07

  • Build A Responsive App In Flutter - Code Walk-through
    23:13
  • Build Places App - A Responsive Flutter App
    3 questions

  • What We Learnt In This Course
    02:14

  • Using Animated Container Widget
    10:14
  • Using Animated DefaultTextStyle Widget
    04:27
  • Using Animated Align Widget
    02:54
  • Using Animated Padding Widget
    04:59
  • Using Animated Physical Model Widget
    07:00
  • Using Animated Positioned Widget
    07:54

Requirements

  • Basic programming knowledge

Description

Hello and Welcome to this course on Building a Responsive App in Flutter.

By joining this course, you will learn responsive design guidelines and how to implement them in your next Flutter app. By the end of this course, you will be able to build a Responsive App in Flutter that works for Android, iOS and Web platforms.


Responsive design is an important building block of developing an app with great user experience .

If you are an app developer or want to become one, this is an important skill that you should master. This course will build your foundation on it.


This course will provide you not only theoretical foundation but also practical implementation of Responsive Design in a Flutter App. First, you will learn Responsive Design Guidelines and Patterns based on Google's Material Design. And then you will learn how to implement these guidelines and patterns in a Flutter App. A Complete Flutter responsive app is demonstrated that works on Android, iOS and Web. You will be able to download the source code of this app at the end of this course.


For a multi-platform Flutter app with a single code base, the app UI needs to adapt to any screen size and any device. In other words, it needs to be responsive.

Here are the challenges you will face when building a responsive app

How to handle your app UI for so many different screen sizes and devices on the market?

How many layouts would you implement for each app screen?

And what would change in each of these layouts?

Is it complicated and takes too long to build responsiveness?

In this course, we will address all these challenges. First, I will take you through the responsive design theory. Then I will show you how to implement these design guidelines and patterns in a Flutter app. Not only that I will provide a full code walkthrough of a responsive app called Places. You will be able to download the source code of this app at the end of this course.


By the end of this course, you will learn both design guidelines and implementation. And you will be able to build your next Flutter app that works responsively on any screen size, any device and any OS platform. I hope you enjoy this course and learn the fundamental building block of developing an awesome app. Enrol into this course now and build your next Flutter app responsively.

Who this course is for:

  • Flutter Developers
  • Mobile App Developers
  • Beginner App Developers
  • Android App Developers
  • iOS App Developers
  • Web App Developers
  • App developers curious about Responsive Design and Flutter

Instructor

Naresh Idiga
Senior Android Consultant And Founder At Roboto Systems
Naresh Idiga
  • 4.7 Instructor Rating
  • 76 Reviews
  • 6,390 Students
  • 1 Course

Naresh Idiga is a Senior Android Developer Consultant, working for London based clients and Founder at Roboto Systems. He has been working with clients of various sizes from startups to big companies like Centrica, Motorola and HTC. He is an expert on mobile apps development. He also provides mentoring on app development.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.