skills logo

Explore

  1. Courses
  2. Flutter Developer Course

Flutter Developer Course

skills

BEGINNER

Project

Updated 2 days ago

About

Modules

M:1

Introduction & Flutter Basics

4 Lessons

|

2 Min

Focus: Core concepts, environment setup, first interaction with widgets

  • Introduction

    2:15

  • Dartpad and using some widget

    -

  • Material Design

    -

  • Let’s create login page!

    -

M:2

Building the Login Page UI

7 Lessons

Focus: Layouts, form inputs, styling, and interactivity

  • Stateless widget & Hot reload

    -

  • Scaffold Widget

    -

  • Login: TextField

    -

  • Image Widget

    -

  • SizedBox Widget

    -

  • Button Style

    -

  • Quiz

    -

M:3

Theming, Navigation & Advanced Widgets

10 Lessons

Focus: App-wide styles, multi-page navigation, and more complex UI elements

  • Custom Font

    -

  • Define App Colors

    -

  • Padding and render overflow error

    -

  • Adaptive UI with MediaQuery

    -

  • Named Navigation

    -

  • ListView Widget

    -

  • BottomNavigationBar

    -

  • StatefulWidget

    -

  • SvgPicture

    -

  • Quiz

    -

M:4

Componentization & Custom Widgets

10 Lessons

Focus: Building reusable widgets and complex UI components

  • BottomNavigationBar Pages

    -

  • Post Page & Post Component: Tip

    -

  • Profile Page

    -

  • AppBar Component

    -

  • IconButton Widget

    -

  • Crop a Widget : ClipRRect Widget

    -

  • Separate Strings & Routes

    -

  • User Avatar Component

    -

  • Stack & Positioned Widget

    -

  • Quiz

    -

M:5

Interactivity, Customization & Network Integration

11 Lessons

Focus: User input, custom UI, networking, and advanced widgets

  • Radio Widget

    -

  • Expanded Widget

    -

  • Customize TextField Style

    -

  • Custom BottomNavigationBar

    -

  • Custom BottomNavigationBar 2

    -

  • FlutterMap Package

    -

  • Request to Network: Login User

    -

  • Request to Network: Login User 2

    -

  • InheritedWidget

    -

  • InheritedWidget 2

    -

  • Quiz

    -

M:6

State Management, Real-Time Features

17 Lessons

Focus: App logic, backend integration, real-time features, advanced UI

  • Separate Network Section & LoginProvider

    -

  • Provider State Management

    -

  • PostProvider: Fetch Posts from server

    -

  • PostProvider: Fetch Posts from server 2

    -

  • Add a Post with ModalBottomSheet

    -

  • Add a Post with ModalBottomSheet 2

    -

  • ImagePicker & ImageCropper Package

    -

  • ImagePicker & ImageCropper Package 2

    -

  • Quiz

    -

  • Chat Page & Socket Connection

    -

  • Chat Page & Socket Connection 2

    -

  • CustomPainter & CustomClipper; Markers in Map

    -

  • CustomPainter & CustomClipper; Markers in Map 2

    -

  • CustomPainter & CustomClipper; Markers in Map 3

    -

  • PageView Widget

    -

  • User Page; AnimatedWidget & CustomScrollView:

    -

  • User Page; AnimatedWidget & CustomScrollView 2

    -

Project:
FlutterFlix

FlutterFlix is a mobile application built using Flutter, inspired by the design and functionality of the Netflix streaming platform. The app allows users to explore and browse a curated collection of movies and TV shows through visually rich interfaces, interactive components, and responsive layouts.

Instructors:

Details not provided...

Preview this course

This course includes:

  • 2 Min on-demand video
  • 5 assignments
  • Lifetime access
  • Milestone budges
5 star
4 star
3 star
2 star
1 star
★★★★★

instinctHublogo

Powered by instinctHub

© 2025 All right reserved

  • Privacy Policy
  • Terms & Condition