BEST

Mobile Application Development

Flutter Beginner's Guide for Complete Novices

Name: Flutter Beginner's Guide for Complete Novices
Price: 99000 KRW

This course is designed for everyone starting Flutter to quickly learn the Flutter basics.

(4.8) 85 reviews

705 learners

survivalcoding

Flutter

iOS

dart

Android

Reviews from Early Learners

What you will learn!

Minimal Basics to Build a Simple App with Flutter
Improved confidence in Flutter development
Dart Basic Syntax

More beginner-friendly than beginner-friendly, Flutter beginner guide!

Why Flutter Now?

Flutter, developed by Google, is a multi-platform development framework that supports various environments such as Android, iOS, Web, Windows, Mac, and Linux. I wonder if there is anything better than learning just one and using it everywhere.
This course will help you learn the basics quickly and easily by getting started with Flutter.

Complete UI with just a few lines of code

Let's take an example when creating a scrollable list . To create a list with existing Android code, it takes a lot of code and time just to write the adapter and recyclerview. This is where beginners get frustrated.

_{Existing Android List Code}

But in Flutter, you only need to write a few lines of code.

_{List code in Flutter}

As such, using Flutter makes development dramatically faster . The separation of UI and business logic is also clear.

Oh Jun-seok's Flutter Survival Coding: More beginner than Flutter beginner 📲

I have given more than 5 offline Flutter lectures. While giving lectures, I thought about what people who are new to coding need, derived problems, and created this lecture.

If you found my previous ' Introduction to Flutter ' course difficult, you can learn the true basics through this course.

Coverage

This course is for people who know nothing about coding.

This lecture will be conducted in the form of creating Flutter by borrowing additional examples from 《Oh Jun-seok's Flutter Survival Coding》 and other examples that were not included in the book from 《Oh Jun-seok's Android Survival Coding: Kotlin》 . Through this process, you will experience tips and issues while creating a simple Flutter app.

By learning the basics through this lecture, and taking the ' Introduction to Flutter ' lecture that has been renewed in 2022, you will be able to create a personal mobile app of a reasonable level using Firebase, etc.

Learning Flutter by Example
More than a beginner: The absolute beginner's guide

In this course, you will first learn the basics of Flutter and then learn how to use Flutter through examples.
Here's what you can learn from each example:

Learn Flutter with 8 Mobile App Examples

_{BMI calculator
Screen transition (Navigation)}

_{stopwatch
Using Timer}

_{My own web browser
WebView}

_{Electronic photo frame
ImagePicker, scroll left and right on the screen}

_{Level measuring instrument
Using the accelerometer sensor, Stream}

_{Xylophone
Play sound}

_{Gps Map
Google Maps, Location Information, Draw Routes on Maps}

_{TodoList
Hive}

Course Selection Guide

Make sure this is the course you need to study.

Associated Roadmap

Q&A 💬

Q. Who is eligible to take the course?

This course is for those who do not know anything or who found other introductory courses difficult.

Q. Is there any way to find out how the lecture will proceed before taking it?

Please try the free open lectures provided in this course first, and if the lecture style suits you, you can apply for the course.

Q. Is the source code used in the lecture provided?

Source code is provided. Please check Section 1 [Source Code] lesson.

Recommended for
these people

Who is this course right for?

Someone who is completely new to Flutter
Found Flutter Intro Class Difficult

Hello
This is

11,722

Learners

827

Reviews

856

Answers

4.7

Rating

Courses

교육하고 책 쓰는 개발자 오준석입니다.
'오준석의 생존코딩' 유튜브 채널과 생존코딩 (https://survivalcoding.com) 교육 플래폼을 운영중입니다.
전문 분야 : Android, Flutter

저서
오준석의 플러터 생존코딩 (한빛미디어 2020)
오준석의 안드로이드 생존코딩: 코틀린 편 (한빛미디어 2018)
될 때까지 안드로이드 (루비페이퍼 2018)

주요경력
오렌지(OhRange) 대표
세민직업전문학교 정보기술개발 직업훈련교사
수원스마트앱개발학원 운영
LG전자 MC사업부
일본 아이치현 (株)東海理科 Security사업부
일본 아이치현 (株)日本テクシード IT사업부

LinkedIn: https://www.linkedin.com/in/junsuk5/

Curriculum

All

128 lectures ∙ (9hr 36min)

Course Materials:

Lecture resources

Section 1. Hello Flutter

54 lectures ∙ (4hr 29min)

1. 000. Course Introduction
04:55
2. Source code
3. 001. Flutter? (Android, iOS, Web, Desktop possible with 1 code)
03:45
4. 002. What is Dart?
02:41
5. 003. [Windows] Setup for Flutter Development
05:32
6. 004. [Mac] Setup for Flutter development
08:10
7. 005. Creating a new Flutter project in Android Studio
03:23
8. 006. Creating an Android Emulator
04:26
9. 006-1. Taking the Android emulator out (removing device frame)
02:39
10. 007. [Mac] Create iOS Simulator
02:42
11. 007-1. [Mac] Connecting iOS Physical Device
01:35
12. 008. Android Emulator's Hangeul Setting
01:42
13. 009. How to open a created project
01:13
14. 010. How to view projects on Windows, Mac
00:44
15. 011. Flutter project's directory structure (basic only)
01:37
16. 012. What is a Widget?
01:25
17. 013. Create screen frame with StatefulWidget
02:11
18. 014. Using Scaffold to create the skeleton of Material Design and an AppBar
04:53
19. 015. How to organize code with Reformat Code
01:19
20. 016. Turn off flutter_lints settings
02:11
21. 017. FloatingActionButton Usage, Sentence, Why use a semicolon
03:49
22. 018. Change center screen number with int variable, setState, comment.
02:55
23. 019. Centering with Column, Row, and mainAxisAlignment
05:52
24. 020. Various Buttons
03:56
25. 021. File Split
03:36
26. 022. File, directory, function, variable rules, etc.
02:45
27. 023. How to change variable, function, and class names at once
02:52
28. 024. What is import?
01:09
29. 025. How to search for values in source code
02:28
30. 026. Hot Reload and Hot Restart
02:12
31. 027. What is Material Design?
02:23
32. [24.06.17 Update] 027-1. Notice: AppBar color not changing after switching to Material Design 3
02:35
33. 028. Main function?
01:10
34. 029. TextField Widget
04:02
35. 030. Image
05:09
36. 031. Container
03:17
37. 032. SizedBox
01:56
38. 033. Fix for WIP SingleChildScrollView
02:04
39. 034. Basic usage of Flutter Inspector
02:22
40. 035. Expanded
04:37
41. 036. How to display characters entered in a TextField
05:55
42. 037. How to display text by pressing a button
01:42
43. 038. Why _ is prefixed to Property or Class
01:22
44. 039. Variable, Instance, Object, Integer
04:03
45. 040. How to distinguish global variables and local variables in Android Studio
01:36
46. 041. = (Substitution)
00:15
47. 042. Semicolon, Comma, Colon
00:55
48. 043. Clean the project with flutter clean.
02:14
49. 044. What happens when you perform flutter clean
01:27
50. 045. Running the App You Created on an iOS Simulator
00:31
51. 046. Run vs. Debug Difference
01:28
52. 047. iOS-style CupertinoApp
04:43
53. 048. flutter_lints
01:23:23
54. 049. Dart syntax
42:09

Section 2. Lecture materials

2 lectures ∙ (2min)

55. Source code
56. Important Announcement regarding the library version used in the lecture
02:19

Section 3. Obesity Calculator

15 lectures ∙ (57min)

57. 050. BMI Calculator Solution Summary
00:59
58. 051. Build BMI Calculator Project
03:50
59. 052. Form and Validation
09:30
60. 053. Results Screen Creation
06:31
61. 054. Live Template navpush
02:18
62. 055. Where should `const` be attached?
01:53
63. 056. If statement branch processing on the result screen
06:12
64. 057. Convert height and weight String to double
04:03
65. 058. SharedPreference: Simple Value Storage
06:27
66. 059. Asynchronous Processing (async - await)
03:12
67. 060. Dart's Asynchronous Processing Principles
02:19
68. 061. Save, load feature implementation (initState)
05:22
69. 062. Debugging, load last value
02:34
70. 063. Method Overriding
01:14
71. 064. Class Inheritance
01:01

Section 4. Stopwatch

13 lectures ∙ (30min)

Section 5. My own web browser

9 lectures ∙ (25min)

Section 6. digital picture frame

5 lectures ∙ (23min)

Section 7. Level meter

6 lectures ∙ (23min)

Section 8. Xylophone

5 lectures ∙ (30min)

Section 9. Gps Map

8 lectures ∙ (53min)

Section 10. Todo List

11 lectures ∙ (1hr 1min)

Published:

Last updated:

Reviews

All

85 reviews

4.8

85 reviews

김은상
Reviews 5
∙
Average Rating 5.0
5
12% enrolled
"뭘 좋아할지 몰라서 다 준비해봤어" UI, Class, Method, 동기/비동기, DB, Webview, Time, 라이브러리, 지도, 실제기기 소리, 위치 등... 앱 만들기 도구 키트를 갖고 있는 것 같습니다. 이 강의를 통해 많은 프로젝트를 경험해보고 중급자로 거듭나 패턴이나 아키텍처가 궁금할 때, 중급자 강의를 선택한다면 더 큰 도움이 될 거라 생각됩니다.
tv kkuruki00
Reviews 2
∙
Average Rating 5.0
5
89% enrolled
어디서도 가르쳐주지 않는 단축키, 세팅, 기본 용어 설명을 해주는 강의입니다. 걸음마 단계라면 무조건 이것부터 듣고 시작해야죠.
KUNY
Reviews 2
∙
Average Rating 5.0
5
99% enrolled
초보자가 이해할 수있도록 잘 짜여진 강의였습니다. 다만 왕초보 인지라 이후에 필요할때 바로 참고 할수 있고. 강의내용중에서 나름 중요한 포인트는 메모해 둘수 있도록 기본 교재로 책 또는 파일제공이 되면 좋겠습니다. 소스코드는 당연하구요.
- 오준석
  Instructor
  감사합니다. 소스코드는 50강부터 모든 예제의 코드가 제공됩니다. 예제 만들기 전 부분은 코드가 없는데 필요하신 분이 계신 것 같아서 추후에 추가하도록 하겠습니다. 왕초보 과정이라서 교재 제공도 의미가 있어 보입니다. 추후에 제공하는 것을 긍정적으로 검토해 보겠습니다.
Victor Choi
Reviews 5
∙
Average Rating 5.0
5
100% enrolled
아주 굿입니다! 로드맵 전부 완강하고 열심히 공부해서 플러터 전문가가 되고싶네요 ^^ 감사합니다!
당황한 코알라
Reviews 6
∙
Average Rating 5.0
5
100% enrolled
플러터가 정말 쉽고 재밌다고 느끼게 해준 강의였습니다.. 코틀린보다 즐겁네요 ~

$77.00

survivalcoding's other courses

Check out other courses by the instructor!

Flutter 테스트 기초

오준석

플러터에서의 유닛 테스트, UI 테스트, 통합 테스트 방법에 대해 공식 문서 내용에 기반하여 설명하는 강의입니다.

초급

Flutter, 소프트웨어 테스트, integration-tests

Flutter 테스트 기초

오준석

Flutter 고급 - 현업 수준의 아키텍처

오준석

실제 서비스에서 사용되는 수준의 앱을 처음부터 끝까지 만들어보는 실전 강의. Clean Architecture와 MVVM 패턴을 적용하여 확장 가능하고 유지보수가 쉬운 앱 개발 방법 학습.

중급이상

Flutter, clean-architecture, MVVM

Flutter 고급 - 현업 수준의 아키텍처

오준석

Java 자바 문법 총정리 - 1시간

오준석

자바 기반의 개발을 공부하기 전에 꼭 필요한 자바 문법 정리입니다.

입문

Java

Java 자바 문법 총정리 - 1시간

오준석

Kotlin 문법 총 정리 - 1시간

오준석

1시간 안에 학습할 수 있는 코틀린 문법 총 정리 강의입니다.

입문

Kotlin

Kotlin 문법 총 정리 - 1시간

오준석

Flutter 중급 3편 - 의존성 주입 가이드

오준석

Flutter에서 제대로 된 의존성 주입 가이드 강의입니다. injectable 패키지를 활용하는 DI 활용법을 제시합니다

중급이상

Flutter, clean-architecture, dependency

Flutter 중급 3편 - 의존성 주입 가이드

오준석

Flutter 중급 2편 - 실전 앱 개발 - 미국 주식 앱 (with 클린 아키텍처)

오준석

로컬 DB를 이용한 캐싱 기법, CSV 파싱, Canvas를 활용한 커스텀 드로잉을 포함한 앱을 클린 아키텍처로 구현하는 예제를 경험할 수 있습니다.

중급이상

Flutter, iOS, Android

Flutter 중급 2편 - 실전 앱 개발 - 미국 주식 앱 (with 클린 아키텍처)

오준석

Flutter 중급 1편 - 클린 아키텍처

오준석

플러터 앱에 클린 아키텍처를 적용하여 좀 더 나은 코드, 유지보수 하기 좋은 코드를 작성하는 방법을 배울 수 있습니다. 중급 이상으로 가기 위한 필수 강의입니다.

중급이상

Flutter, iOS, Android

Flutter 중급 1편 - 클린 아키텍처

오준석

모던 안드로이드 - Jetpack Compose 입문

오준석

Jetpack Compose는 네이티브 UI를 빌드하기 위한 Android의 최신 도구 키트입니다. 적은 수의 코드, 강력한 도구 및 직관적인 Kotlin API를 사용하여 앱을 빠르고 생동감 있게 구현할 수 있습니다.

초급

Jetpack, Kotlin, Android

모던 안드로이드 - Jetpack Compose 입문

오준석

Java 디자인 패턴

오준석

자바 개발을 시작했지만 막상 문제 해결을 하려고 할 때 막막하다고 느낀다면 디자인 패턴을 공부할 때입니다. GoF의 디자인 패턴 중 제가 개인적으로 많이 사용한다고 생각되는 10가지 패턴을 설명합니다.

초급

디자인 패턴, Java

Java 디자인 패턴

오준석

모던 안드로이드 - 코틀린과 Jetpack 활용

오준석

이 강좌에서는 실무에서 많이 사용하는 코틀린과 Jetpack의 다양한 라이브러리를 활용하여 리액티브하고 확장에 유연한 안드로이드 앱 개발을 하는 여러가지 방법을 배웁니다.

초급

Android, Kotlin, Jetpack

모던 안드로이드 - 코틀린과 Jetpack 활용

오준석

Flutter 응용 - 공공 API를 활용한 앱 만들기 (MVVM 패턴)

오준석

공적 마스크 재고 앱을 만들고 스마트폰에서 가장 많이 사용되는 패턴 중 하나인 MVVM 패턴을 적용하고 기능을 추가해 보며 플러터 앱 개발을 익힙니다.

중급이상

Flutter

Flutter 응용 - 공공 API를 활용한 앱 만들기 (MVVM 패턴)

오준석

Flutter 초급 - Http통신, 상태관리

오준석

복잡한 플러터 상태관리, 개념 정리를 단 3시간 안에 정리 가능합니다

초급

Flutter, iOS, Android

Flutter 초급 - Http통신, 상태관리

오준석

Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)

오준석

안드로이드와 iOS 개발을 한 번의 코드로 작성할 수 있는 Flutter 입문 강좌입니다.

입문

Flutter, iOS, Android

Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)

오준석

Similar courses

Explore other courses in the same field!

플러터(Flutter) 앱 개발 입문부터 프로젝트 완성까지

보안프로젝트

한 개의 코드로 Android, iOS, Web을 개발해보고 싶은 유저들을 위해 만들게 된 강의입니다. 플러터(Flutter)를 활용하면 프로그래밍 초심자도 쉽고 간단하게 진행할 수 있도록 구성하여, 누구나 여러가지 기능을 가진 어플리케이션을 개발할 수 있습니다.

입문

Flutter

플러터(Flutter) 앱 개발 입문부터 프로젝트 완성까지

보안프로젝트

[입문편] UI 테스트와 함께 배우는 Jetpack Compose

별볼일있는 개발자

간단한 앱을 만들어보면서 UI 테스트의 개념을 배울 수 있습니다.

입문

Android, Android Compose, android-jetpack-compose

[입문편] UI 테스트와 함께 배우는 Jetpack Compose

별볼일있는 개발자

누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Flutter로 나만의 게시판을 만들어보세요!

초급

Flutter, Kotlin, Spring Boot

누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기

Neo

초보자를 위한 Dart Practice

오디-평범한개발자

Flutter 개발을 하려면 Dart를 알아야 합니다. Dart의 꼭 필요한 내용만 콕콕 집어 연습하고, 익히는 과정입니다.

입문

dart, Flutter

초보자를 위한 Dart Practice

오디-평범한개발자

Flutter로 만드는 LLM 챗봇 (feat. Gemini)

강병진

Flutter가 처음이신가요? Flutter Contributor가 처음부터 하나씩 소개해드립니다! Gemini를 활용한 AI 프로젝트로 Flutter 개발을 시작해보세요

초급

Flutter, 챗봇, gemini

Flutter로 만드는 LLM 챗봇 (feat. Gemini)

강병진

쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

QA대디

Android 및 iOS 장치에서 테스트 자동화 개발이 궁금하신 모든 분을 위한 강의입니다. 이 강의를 통해 모바일 장치에서 자동화 테스트를 수행할 수 있게 됩니다.

입문

Appium Studio, 소프트웨어 테스트, QA(품질보증)

쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

QA대디

누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + Android(Compose) RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Android로 나만의 게시판을 만들어보세요!

입문

Android, Kotlin, Spring Boot

누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기

Neo

Swift 언어로 만드는 테트리스 게임

쎄뮤

Swift 언어로 테트리스 게임을 만들어봅니다.

초급

Swift, iOS

Swift 언어로 만드는 테트리스 게임

쎄뮤

Only Javascript만으로 배우는 하이브리드앱 패키징

노란창문

본 강의는 웹 서비스 개발 기술인 Javascript를 사용하여 모바일 환경의 여러 가지 네이티브 앱 기능을 빠르게 만들 수 있는 방법에 대해 배우고 스토어 출시 과정까지 학습할 수 있는 강의입니다.

초급

하이브리드 앱, JavaScript, Android

Only Javascript만으로 배우는 하이브리드앱 패키징

노란창문

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

코딩 몰라도 OK! 당신의 아이디어를 단 4주 만에 실제 수익으로 바꿔보세요. AI와 최신 도구를 활용해, 웹사이트와 앱을 동시에 만들고 바로 서비스까지 연결합니다.

입문

Flutter, Next.js, cursor

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

비전공자도 2시간 만에 AI 활용 공공데이터 주식 앱 개발하기 (무료로 Gemini pro로 바이브코딩하는 법)

코드브릿지

코딩, 아직도 혼자 하세요? 이제 AI가 95%를 대신해주는 시대입니다. 이 강의는 복잡한 문법 암기 대신, 구글의 강력한 AI '제미나이 프로(Gemini Pro)'를 당신의 24시간 AI 개발 파트너로 만드는 방법을 알려줍니다. VS Code에서 마치 유료 툴 Cursor AI처럼, 무료로 AI와 대화하며 Flutter의 기초 원리를 배우고, 실무 수준의 프로젝트를 통해 아이디어를 현실로 만들어봅니다.

입문

Flutter, AI 활용 (AX), 바이브코딩

비전공자도 2시간 만에 AI 활용 공공데이터 주식 앱 개발하기 (무료로 Gemini pro로 바이브코딩하는 법)

코드브릿지

[Python 초보] Flutter로 만드는 ChatGPT 음성번역앱

다비

Python 배우긴 했는데, 어떻게 활용할지 막막한 분을 위한 강의입니다. 프로그램 기초지식을 99.9% 활용!!! 어려운 코드를 최소화하여 기본 예제코드를 가지고 만드는 Flutter 음성번역앱에 도전해보세요. chatGPT와 대화하고, 외국인 친구와 하는 대화를 번역해주고, 음성으로 이미지를 그리고, 파인튜닝으로 대화앱을 업그레이드합니다.

초급

Python, Flutter, ChatGPT

[Python 초보] Flutter로 만드는 ChatGPT 음성번역앱

다비

RPG 게임 어플 만들기 [iOS 아이폰]

OnArcher

Xcode를 이용해서 아이폰 전용 RPG 게임 개발을 합니다. 어플 개발에 아무런 지식이 없는 분들도 충분히 따라 오실 수 있도록 강의를 준비했습니다.

입문

iOS

RPG 게임 어플 만들기 [iOS 아이폰]

OnArcher

[코드팩토리] [입문] Dart 언어 4시간만에 완전정복

코드팩토리

이 강의를 통해 Dart 언어를 배우면 Flutter를 시작할 수 있을 정도의 수준으로의 업그레이드가 가능합니다!

입문

Flutter, 객체지향, 함수형 프로그래밍

[코드팩토리] [입문] Dart 언어 4시간만에 완전정복

코드팩토리

MAUI [Cross-Platform Applications & C#]

개발자Park

Windows, macOS, iOS, Android 애플리케이션을 하나의 코드로 개발 및 동작시키는 MAUI 크로스플랫폼 개발에 대해 알아봅니다.

입문

C#, Azure, cross-platform

MAUI [Cross-Platform Applications & C#]

개발자Park

Swift 언어로 배우는 iOS 장기 게임 (Korean Chess)

쎄뮤

Swift 언어로 장기 게임을 만들며, 프로그래밍의 기본적인 감각을 익힙니다.

초급

Swift, iOS

Swift 언어로 배우는 iOS 장기 게임 (Korean Chess)

쎄뮤

개발하는 정대리 다트 기초 문법

개발하는 정대리

플러터 개발에 사용되는 다트 언어를 알아보는 강좌 입니다

입문

Flutter, dart

개발하는 정대리 다트 기초 문법

개발하는 정대리

파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

신휴창

파이어베이스에 대한 소개와 파이어베이스의 기능을 이용한 웹, 안드로이드 어플리케이션을 만드는 강좌 입니다.

초급

Android, Firebase

파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

신휴창

iOS SwiftUI AR 증강현실

쎄뮤

새로운 swiftUI 환경에서 증강현실 AR앱을 제작합니다. ARKit, RealityKit, Core ML 등을 활용하여 나만의 스노우 앱을 만들어 봅니다.

초급

iOS, SwiftUI, VR/AR

iOS SwiftUI AR 증강현실

쎄뮤

Flutter Beginner's Guide for Complete Novices

Reviews from Early Learners

What you will learn!

Why Flutter Now?

Complete UI with just a few lines of code

Oh Jun-seok's Flutter Survival Coding: More beginner than Flutter beginner 📲

Coverage

This course is for people who know nothing about coding.

Learning Flutter by Example More than a beginner: The absolute beginner's guide

Course Selection Guide

Associated Roadmap

Q&A 💬

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

survivalcoding's other courses

Similar courses

Learning Flutter by Example
More than a beginner: The absolute beginner's guide

Recommended for
these people

Hello
This is