인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
Programming

/

Mobile Application Development

[Code Factory] [Beginner] Flutter 3.0 App Development - Escape Beginner Status Today with 10 Projects!

Build both iOS and Android apps with just one code! Flutter beginner course by Code Factory! Build a solid foundation with detailed theory and exciting projects!

(4.9) 261 reviews

4,937 students

Flutter
Clone Coding

This course is prepared for Basic Learners.

What you will learn!

  • Mastering the Dart Language

  • Creating beautiful UIs with Flutter

  • Utilizing SQLite Databases

  • Creating a video player app

  • Creating a video call app

  • Using Google Maps

  • Using Location Services

10 projects in my hands! 💁‍♀️💁‍♂️
Learn based on theory and learn how to implement various functions.

Kyobo Bookstore 2023 first half best-selling lecture taught directly by the author

The only app development book in the TOP30, ranked 23rd in the Computer/IT category

Achieve Super Rookie in 2022 with Flutter alone!

Inflearn Bestseller of 2023!

A course sought after by large corporations! We guarantee the best course as proven by reviews!

⏰ Flutter Beginner's Course's Timeline

  • July 18, 2022: 100% support for Flutter 3.0 version
  • May 10, 2023: 100% support for Flutter 3.10 version
  • December 4, 2023: Completed re-filming of the environment setup lecture to match the latest environment.
  • April 22, 2024: This lecture will be completely re-filmed based on the latest Flutter and plugin versions (old versions will be deleted on August 31, 2024)

Introducing 10 projects 🚩

#1 Hello World

Get familiar with Android Studio and learn how to draw your app's UI using Flutter.

  • Try the Text Widget
  • Try changing the background color
  • Try changing the text color

#2 Splash Screen

Create a simple Splash Screen that acts as the first page of any app

  • Using Asset Images
  • Using the Circular Progress Indicator Widget
  • Learn how to arrange widgets using the Column widget.

#3 Blog Web App

Packaging existing websites into apps using Web View technology

  • Using open source packages
  • Change Native Settings by Platform
  • Using the WebView widget
  • Open Javascript Permissions
  • Open the HTTP protocol

#4 Electronic Photo Frame

Making an electronic photo frame that automatically rolls when left alone and can be swiped directly

  • Using the Page View Widget
  • Executing a function periodically with the Timer class
  • Stateful Widget in action

#5 The day we first met U&I

Creating a D-Day app that can be used with a lover

  • Apply Font
  • Using the Date Picker
  • Date Time class practical use
  • How to use themes in Flutter
  • Using Cupertino Dialog

#6 Random Number Generator

Create an app that generates 3 random numbers below a specified number each time you press a button

  • Random number generation
  • Simple Navigation and Data Transmission
  • Using the Slider Widget
  • Widget rendering and code organization using functional programming

#7 Video Player

Creating an app that plays videos

  • Using the Stack Widget
  • Using the Image Picker Library
  • Using the Video Player Library
  • Create video controls to play, stop, rewind 3 seconds, and advance 3 seconds

#8 Going to work today too

Creating a simple location-based service using Google Maps

  • Setting up and using Google Maps
  • Show my location on a map using location services
  • Finding the distance between specific locations
  • Show markers on the map
  • Mark a circle on the map
  • Move the camera to a specific location
  • Using Material Dialog

#9 LIVE- Video call

Creating a video calling app using Agora API

  • Creating a video call feature using the Agora API
  • Try Box Shadow

#10 Calendar Scheduler

Creating a calendar scheduler app that can store data long term

  • Using SQ Lite with the Drift Package
  • Learn simple SQL statements (select, insert, update, delete, join)
  • Using the Bottom Sheet
  • Using the Wrap Widget
  • Using the Table Calendar Package
  • Implementing a delete animation with the Dismissible widget
  • Automatically detect changes in data through streams

#11 Fine dust app

Learn how to make network requests using HTTP communication!

  • HTTP requests using the Dio package
  • Try using government Open API
  • Using the Hive NoSQL Database
  • Offline support and caching preview
  • Using the Drawer Widget
  • CustomScrollView in practice


You can't miss the theory either! ✍

  • Stateful Widget

    You can learn about the life cycle of a Stateful Widget and directly verify through practice when the functions corresponding to each life cycle are executed.

  • Row and Column
    Learn about the parameters of the Row and Column widgets, the most commonly used widgets when placing widgets in Flutter.

  • Date Time
    Learn how to work with date and time related data using the Date Time class, and also learn how to manipulate Date Time with Duration.

  • Const Constructor
    Get rid of the yellow Warning lines that appear every time you write code using Const Constructor and learn why using Const Constructor is good for Flutter app performance.

  • Buttons
    Learn how to use and decorate the Elevated Button, Text Button, and Outlined Button provided by default in Flutter.

  • Navigation
    Learn about the various functions of Navigation that allow you to move between screens, and learn how to transfer data between screens.

  • Stream Builder and Future Builder
    Learn about Stream Builder and Future Builder, the most effective and easiest way to determine the UI of a screen based on the result of an asynchronous request.

  • Buy vs Build
    Learn how to decide whether to build something yourself or pay for it for a specific feature.

  • Scrollable Widgets
    Learn about widgets that enable scrolling in Flutter!


Using the Flutter framework
Create your own simple app 📖

Flutter vs React Native 구글 트렌드 Flutter vs React Native Google Trends

Flutter is already one of the most powerful cross-platform frameworks used by many companies. As you can see from the chart, it is growing rapidly, surpassing React Native, which has been the leader for a long time.

This course is designed to be easy and friendly for beginners, and to mix theories with projects to capture both interest and depth of knowledge. It is designed to be a form where you can dig deeper into theories by designing a real-life situation and proceeding with the project, and why this knowledge should be acquired.


I've collected course reviews 📜

Even if you are a beginner developer or a Flutter beginner, after taking this course you will gain confidence in Flutter and be able to develop simple apps on your own and acquire knowledge beyond the beginner level.
🏭 Code Factory YouTube There is a lot of content in Edo!


Best communication 🧑🏼‍🏫

I interact with students through Q&A sessions via YouTube Live every week!

If you would like to receive YouTube live push notifications, please subscribe to the Code Factory YouTube channel below!

> Go to Code Factory YouTube Channel


Code Factory Writing Books

Must Have Code Factory's Flutter Programming book is a book that I personally wrote after investing a long time in it!
There are some contents that overlap with the beginner's lecture, and there are also lectures on Firebase and advertisements that are not in the beginner's lecture!
Recommended for those who like eBooks or physical books!
The book can be found at major bookstores such as Kyobo Bookstore, Yes24, and Aladdin!
Please click on the image below to move!


Other ✔️

We'll answer your questions in advance 💬

Q. Why should I learn Flutter?

Flutter is a cross-platform app development framework. Originally, iOS apps and Android apps had to be developed using different languages and different frameworks, but Flutter can be released on both platforms with a single source code. So you can save a lot of money and time when developing an app. In addition, it is a framework developed by Google, and Google is pushing it a lot these days, so it is a framework with a promising future, so it is good to learn about it.

Q. Is it definitely better to learn Flutter than React Native or Native?

Every framework has its pros and cons depending on the situation and purpose, so the answer to this type of question is always 'NO'. Flutter can release apps on both iOS and Android platforms very quickly with a single source code, but it still lacks many libraries compared to Native and is slightly behind in completeness. React Native has the advantage of using Javascript, one of the most popular languages in the world, and because it has been around for a long time, it is still more popular than Flutter.

Q. I have never learned programming before. Can I still take the course? Is it okay even if I am not a major?

Many people have successfully completed their first programming in their lives through my YouTube videos. Even if it is not Flutter, all programming has a considerable barrier to entry for beginners, but in this lecture, I have tried hard to lower the barrier to entry as much as possible. First, watch the Dart language lecture that is open to the public for free and check the difficulty level. If it is difficult, get help from the official Code Factory community.

🏭 Code Factory YouTube
🔥 Code Factory Discord
💬 Code Factory Kakao Open Talk

If you purchase the Flutter course, you can join the Code Factory Discord server Flutter Premium channel! If you join the Discord server and send me the email you purchased the course with as a message, I will register you in the Premium channel! If you join the Premium channel, all questions will be answered with priority!

Q. Is this a completed lecture?

Currently, the course structure is suitable for the purpose of escaping from the beginner level . Flutter is planned to be divided into three difficulty levels: beginner, intermediate, and advanced, and UI, simple popular library usage, etc. will all be added to the beginner course. There is still a lot of knowledge left to convey to you, so please look forward to it!

Q. Do I need to have an Apple Mac?

You can follow the lectures on a Windows computer, but you can't build iOS apps. That's because Apple designed iOS apps to be built only on Macs, Apple's operating system. Flutter is very consistent across platforms, so if you code while looking at an Android screen on a Windows computer, you can think of the same app as the same code when you build it on iOS later. If you want to distribute it, I recommend buying an old MacBook that's compatible with Flutter.

Q. Do I need to have good computer specs?

Since it is easier to develop if you run a simulator/emulator, if your computer specs are too low, it may run slowly. If your computer specs are low, I recommend coding using an actual device! The required specs may change from time to time, so I will leave a link.
Windows Requirements / Mac Requirements / Linux Requirements

Q. Flutter installation fails.

To become a good developer, the ability to isolate and solve problems is also very important, so try hard and if it doesn't work out, 💬 Code Factory Kakao Open Talk Please contact us!

Q. There is a problem with the video.

For questions related to video playback and internet communication, please contact Inflearn. If the order of the video is wrong or if there are parts that are difficult to understand due to poor editing, please contact us directly through Open Talk. I will make improvements as a top priority and upload them again! I also check several times, but there may be mistakes because I manage so many videos.

Q. To what extent does the class cover the content?

I've tried to cover everything you need to know to build a UI in Flutter. Additionally, I plan to include simple front-end database management, network requests, and basic state management.

What's currently planned to be added

  • Lecture on HTTP requests (using Dio and Retrofit)
  • Data management and simple caching using Hive
  • Simple state management using Provider

Popular state management packages other than the Provider package will be covered in the intermediate course! (BloC, GetX, etc.)
In addition, if there is any knowledge or technology that you would like me to develop, please share it with me through various channels. I will actively consider it!

Q. Are there any tutorials on how to release apps on the Play Store or App Store?

We will add it to the beginner course. If you want to try it out before the course comes out, please check the guide on the official Flutter website.
Release Android App / Release iOS App


Other ✔️

(1) Other channels where you can get help and learn!

🏭 Code Factory YouTube
🔥 Code Factory Discord
💬 Code Factory Kakao Open Talk

(2) Images shared for lecture purposes

The images I provide in the lectures are images that I purchased for a fee. I purchased the rights to create and distribute my works, but you must never distribute the images to others or on the Internet! Do not use the images for purposes other than studying, as this may result in legal issues due to copyright infringement.

(3) How to ask questions

One way to really improve your skills quickly while learning programming is to learn how to ask the right questions. Because of the nature of programming, it's hard to look at the entire code. So if you upload the entire code of the widget that's causing the problem and say, "This doesn't work!", it's hard for me to answer.
When asking a question, if you organize it well in the three steps below, we can communicate and answer you much faster!

1️⃣ How do I think it should work?
2️⃣ How it works now
3️⃣ Where exactly is the code and what problems are occurring (if there are even examples👏)

(4) Additional confirmed lectures

  • Fine dust measurement app using government API (complete)
  • State management using the Provider package (refer to Code Factory Intermediate Course Riverpod [Provider 100% compatible])
  • Using the Hive Database (Completed)

Introducing the knowledge sharer ✒️

  • 🏭 Code Factory YouTube
  • Current) CEO of Code Factory Co., Ltd.
  • Former Milliman Software Engineer
  • Bachelor of Arts, Imperial College, UK

Offline lecture experience

  • Millie's Library Developer Targeted Flutter Training Instructor
  • Seoul Digitech High School Flutter Special Lecture Instructor

Recommended for
these people!

Who is this course right for?

  • Aspiring app developers

  • Programming newbie

  • Someone who values communication and receiving help

  • For those who want to create both Android and iOS apps by writing code only once

Need to know before starting?

  • Having knowledge about development is beneficial, but not required.

Hello
This is

26,805

Students

1,355

Reviews

1,838

Answers

5.0

Rating

6

Courses

안녕하세요 프로그래밍 강사 코드팩토리입니다!

코드팩토리 통합 링크
https://links.codefactory.ai

 

🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기

 

💼 주식회사 코드팩토리 대표

 

🏆 2023년 인프런 베스트셀러 수상

🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위

🏆 AWS Certified Developer Associate

🏆 AWS Certified Solutions Architect

Curriculum

All

271 lectures ∙ (33hr 13min)

  • 6. Preparing Lecture Resources

    03:50

Published: 
Last updated: 

Reviews

All

261 reviews

4.9

261 reviews

  • coconut-gamja님의 프로필 이미지
    coconut-gamja

    Reviews 2

    Average Rating 5.0

    5

    15% enrolled

    17년차 개발자입니다. 이 강의는 플러터에 입문하시는 분들에게도 추천하고, 실무용 프로젝트에도 매우 유용한 강의입니다. 이것만큼 좋은 강의가 없네요. 저같은 경우는 책과 유튜브, 다른 강사분께서 자가로 하시는 강의 등으로 약 3년간 공부를 했었는데 여기가 진짜입니다. 어느 정도 플러터에 대해 기본 지식이 있으신 분들은 제일 마지막 파트인 미세먼지 앱부터 보셔도 됩니다. 수강료가 아깝지 않을 정도로 깔끔하게 설명해주시고, 그냥 개발자로써 필요한 기본 지식이나 개발툴 등이 충족되는 느낌입니다. 제가 말이 17년차이지 아직도 많이 부족한 개발자인데 정말 많은 도움을 받고 있는 강의입니다. 후속편도 큰 기대를 해 봅니다. 조급하게 만들지 마시고 지금처럼의 알짜배기 퀄리티로 부탁드려요^^

    • 코드팩토리
      Instructor

      정말 감동적인 수강평이네요! 감사합니다!

  • 한정욱님의 프로필 이미지
    한정욱

    Reviews 4

    Average Rating 5.0

    5

    87% enrolled

    보통의 온라인 강의는 화면 속에서 강사는 떠들고 학생은 따라 치기 바쁜데 이 강의는 온라인 커뮤니티를 통해서 강사가 직접 오류 수정을 도와주고 강의 오류도 바로 잡아준다. 그런 점에서 오프라인 강의만큼 효과적으로 학습할 수 있었다. 그리고 운 좋으면 강사의 노래를 라이브로 들을 수 있다 정말 최고다!

  • 바코드님의 프로필 이미지
    바코드

    Reviews 10

    Average Rating 4.4

    3

    89% enrolled

    처음에 context라는 용어를 굉잫이 많이 사용하는데 아무리 사전 지식이 있어서 나중에 알려준다고 한들, 처음에 간단하게만 짚고 넘어갔으면 하고 생각합니다. 강의 초반에서 중반까지 끊임없이 등장하는데 나중에 알려주겠다고 그냥 넘어가시는데 답답한 면이 없지 않아 있네요. 물론 구글링해서 직접 알아볼수도 있지만 그렇지 않은 학생들을 위해서 이렇게 몇자 남겨 봅니다.

    • 코드팩토리
      Instructor

      안녕하세요 답답함을 느끼셨다니 죄송합니다. context는 한국어로 문맥이라는 뜻입니다. 실제로 context를 이용해서 현재 위젯트리의 상태를 파악할 수 있습니다. 그래서 Theme.of(context)와 MediaQuery.of(context)등을 사용하면 위젯트리 상위에 위치한 Theme이나 MediaQuery를 가져올 수 있습니다!

  • hooow님의 프로필 이미지
    hooow

    Reviews 18

    Average Rating 5.0

    5

    100% enrolled

    드디어 다 들었네요 플루터 완전 지식없이 그냥 쌩으로 들었는데 화면 배치나 그리는거 감은 잡았어요 아직 화면 만들 때 무슨 위젯이 필요한지 위젯명은 모르겠지만 위젯명만 알 수 있으면 문서나 구글링으로 그릴 수 있을거 같아요 추가 강의나 중급 강의에서는 실제 앱에서 많이 쓰는 기능인 스플래시 스크린, 온보딩 스크린, 로그인, http 통신 등이 하나의 앱에서 구조화??되어 실제 사용하는 앱 같은 예제가 있었으면 좋겠습니다!

    • 코드팩토리
      Instructor

      안녕하세요! 정확히 그런 구조의 프로젝트가 짜여지고있습니다~ 원하시는 중급강의가 될 것 같네요! 추가로 깊은 상태관리, 캐싱시스템 관리, 데이터 모델링, Optimistic Response, Pagination등 강의 하나만 추가로 더 들으면 REST API 연동 꽉 잡을 수 있도록 해드릴게요~

  • treasure3210님의 프로필 이미지
    treasure3210

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    코드팩토리님 안녕하세요, 예전에 캐나다 거주중인데 수강 전에 해외 취업 관련 가능성 여쭤봤던 플러터누비입니다. 강의를 듣다가 여러 사이드 프로젝트들을 진행하게 되고 iOS 공부도 별도로 하다보니 완강이 늦어졌는데, 미뤄뒀던 공부를 드디어 마쳤네요. 여러 플러터 강의를 한국어 혹은 영어로 들어봤지만 코드팩토리님의 접근 방식과 이해시켜주시는 방법은 단연 최고라 생각합니다. 아직 취업은 못하였지만 코드팩토리님 덕에 플러터로 개발하는게 굉장히 편해지고 왜, 어떤식으로 코드가 작성이 되었고 어디서 찾아봐야하는지에 대한 이해도도 높아졌습니다. 주변에서 플러터 배우고 싶다고 얘기하면 한국분들에 한해 이 강의를 매번 추천하고 있습니다. 좋은 강의 만들어주셔서 감사합니다. 바쁜 일정이 끝나 취업 준비하면서 중급 강의도 열심히 달려보려합니다! 감사합니다!!

codefactory's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!