BEST

Flutter for Beginners: From Basics to Practice [Full Stack Part4] (Easy and Solid Step-by-Step with Various Projects)

Name: Flutter for Beginners: From Basics to Practice [Full Stack Part4] (Easy and Solid Step-by-Step with Various Projects)
Price: 79200 KRW

This comprehensive course allows step-by-step Flutter learning, from Dart programming basics to Flutter's basic/intermediate features, and integrating backend Firebase for real projects.

(4.8) 21 reviews

558 learners

funcoding

플러터

Flutter

dart

dart언어기초

풀스택

Firebase

firestore

frontend

Reviews from Early Learners

What you will learn!

Learn Dart Basics
Flutter Basics
Learning Basic and Intermediate Flutter Widgets
Firebase/Firestore Flutter Link
Flutter/Firebase/Firestore: Decent Service Build

From Dart programming to Flutter practical projects
A high-quality lecture that teaches step-by-step
This is a lecture created by Dave Lee of Jjanjaemi Coding.

Dave Lee's lecture on residual fun coding, which is also chosen as an in-house training course by Nekarakubaedo

This course is based on the instructor's own experience of failing and struggling with Flutter when he first started learning it, so that you can start from scratch and learn and utilize Flutter practically.

I recommend Flutter to these people

For those who want to develop their own ideas, small startups, web, apps, and programs for MAC/Windows PC.
Front-end developers who want to learn the latest popular front-end technologies
Those who want to get a job by becoming a Flutter expert developer
For those who want to build front-end capabilities to become a senior developer
For those who want to become full stack developers

Flutter, which Google is developing, is a program for the web, apps, and PCs.
All in one code, even plausibly

👉 If you have experience with only one programming language, you can learn Flutter!
* For those who have no programming experience at all, we recommend taking the Python Programming Fundamentals course along with the full-stack course roadmap guide at the bottom of this page!

Introduction and advantages of the Flutter course of the residual fun coding

We explain through video based on well-organized documents .
- That way, after class, I can quickly look up and use the functions I learned.
To help you build a solid foundation, you will also learn the Dart language, a Flutter-based language, through explanations and problem- solving.
The main usage of each widget and how to link them together to create a realistic screen.
- This way, you will get a feel for it and gradually become familiar with the widgets you have learned.
Learn how to use chatGPT in Flutter development .
- Using chatGPT, I can create the code I want much faster with Flutter.

👉 Ultimately, by the time you finish the lecture, you will feel like , 'I can really use Flutter.'

The instructor has completely recorded the quickest path he has discovered after failing several times .

It is not easy to make one technology your own.
- Since Flutter is a new technology, there is not much material available, and above all, it is unclear how to learn it.
- It can be ambiguous, whether you know it or not, even if you read a book or watch it on YouTube.
I don't think you'll get used to seeing a lot of code that creates a nice screen!
- Focusing on key code patterns and key features
- You have to learn it by unraveling it one by one and using it!

👉 Follow the lectures in order. After about halfway through the lecture, you will gradually get the feel of it and gain confidence!

We also explain the backend function (Firebase) so that you can create a single service with Flutter.

A service ultimately requires front-end and back-end technologies.
- Flutter is a front-end technology, so to create a complete service, you need to learn back-end technology again.
- This course also covers techniques for using Firebase, which is a great fit for Flutter as a backend technology. We even create a plausible service.

ChatGPT makes Flutter development much easier.

The lecture also includes how to use chatGPT in Flutter development.

👉 After learning the basics of Flutter in this lecture, there is no service you cannot create using chatGPT!

For those who want to learn development systematically , we also provide a full-stack roadmap.
(We share the roadmap at the bottom of this page)

IT technologies are interconnected and must be learned systematically to be practically mastered.
It is not easy to practically learn and utilize IT technology.
Even if it is not easy to learn each IT technology with different difficulty levels and curriculums from different instructors, and even through YouTube!

I have summarized the entire fastest latest full-stack roadmap into a YouTube video. If you refer to the video, you will understand the roadmap that goes beyond this technology and allows you to develop web/apps on your own in a short period of time.

👉 Try listening to just one of the open lectures on the technology you want~ And if you think it's different , listen to it one by one in the order of the roadmap. The difficulty level increases step by step, and you can effectively learn the interconnected technologies.

I have been creating IT lectures for 8 years, while also working in the field.
We are making it at a reasonable price with rich content.

We explain through video based on well-organized documents .
That way, after class, I can quickly look up and use the functions I learned.

All Flutter example code is provided as files, etc.
Flutter documentation materials are provided in PDF format, so you can check them at any time, like an ebook.
(However, copying and downloading of related materials is restricted due to copyright issues.)

Examples of realistic screens and projects created within the course
(In addition, we will create example code for each widget and grammar.)

Learning systematically
The Roadmap of Dave Lee's Residual Fun Coding 🔑

Developer, Data Analyst, and Data Scientist Career Roadmap!

From web/app development to data analysis and AI, we provide an A to Z roadmap that allows you to build a solid foundation in a short period of time. IT technologies are closely linked to each other, so they must be integrated to enable web/app services or data science. By gradually increasing the difficulty and mastering core technologies, you can learn efficiently and understand the system and data in general, and grow into a competitive developer or data expert. To this end, we have prepared a roadmap that systematically organizes core technologies in each field.

1. The fastest data-to-process roadmap

I have created a video that explains in detail about this roadmap and the entire data analysis/science process. If you refer to the video, you can easily learn the data process without trial and error in a short period of time on your own !

Wait! ✋
Click on the roadmap below for more details. If you purchase the roadmaps all at once, they are available at a discounted price! (The discount will be reduced soon.)

2. The fastest full-stack roadmap

I have created a video that explains in detail the roadmap and the fastest way to learn and implement web/app development on your own. If you refer to this video, you can implement web/app without trial and error in a short period of time.

Wait! ✋
Click on the roadmap below for more details. If you purchase the roadmaps all at once, they are available at a discounted price! (The discount will be reduced soon.)

3. Core computer science (CS) knowledge essential in development and data fields

This roadmap is a course that systematically organizes the essential knowledge of computer engineering (CS), which is the core IT theory that is the basis of development and data fields. Among these, we are opening lectures that can systematically learn the most important core subjects such as computer structure, operating system, and network.

Recommended for
these people

Who is this course right for?

Those who want to build Flutter fundamentals.
Those seeking to master the latest trending frontend technologies.
Aspiring Full-stack Developer

Need to know before starting?

Coding experience in any programming language

Hello
This is

32,618

Learners

2,301

Reviews

1,949

Answers

4.9

Rating

Courses

잔재미코딩, Dave Lee

About 잔재미코딩 소개 블로그 [클릭]
주요 경력: 쿠팡 수석 개발 매니저/Principle Product Manager, 삼성전자 개발 매니저 (경력 약 15년)
학력: 고려대 일어일문 / 연세대 컴퓨터공학 석사 (완전 짬뽕)
주요 개발 이력: 삼성페이, 이커머스 검색 서비스, RTOS 컴파일러, Linux Kernel Patch for NAS
저서: 리눅스 커널 프로그래밍, 리눅스 운영 체제의 이해와 개발, 누구나 쓱 읽고 싹 이해하는 IT 핵심 기술, 왕초보를 위한 파이썬 프로그래밍 입문서
운영 사이트: 잔재미코딩 (http://www.fun-coding.org) [클릭]

풀스택/데이터과학/AI 관련 무료 자료를 공유하는 사이트입니다.
기타: 잔재미코딩 유투브 채널 [클릭]
- IT 학습에 도움이 되는 팁/ 짧은 무료 강의를 공유하고자, 조금씩 시작하고 있습니다~

최신 현업과 IT 강의를 병행하며, 8년째 꾸준히 견고한 풀스택, 데이터과학, AI 강의를 만들고 있습니다.

Curriculum

All

94 lectures ∙ (24hr 22min)

Course Materials:

Lecture resources

Section 1. Getting Started (Class Preparation)

6 lectures ∙ (2hr 3min)

Section 2. Getting Started with Dart

13 lectures ∙ (3hr 4min)

7. Dart First Steps
09:26
8. Getting Started with Dart Variables
22:09
9. Dart Collections: List
22:02
10. Dart Collections: Map
13:16
11. Dart Collections: Set
08:05
12. Dart Operators
10:37
13. Dart Conditional Statements
08:17
14. Dart Loops
13:44
15. Dart Functions
16:38
16. Dart Anonymous Functions, Lambda Functions, Try Catch
07:21
17. Dart Null Safety
11:04
18. You need to solve them directly to get familiar! Dart Quiz and Solutions 1
20:42
19. You need to solve them directly to get familiar! Dart Quiz and Solutions 2
20:54

Section 3. Dart Object-Oriented Programming

5 lectures ∙ (1hr 10min)

20. Dart Classes, Constructors, Setter/Getter
15:56
21. Dart Inheritance, Mixin
12:03
22. Dart Abstract Classes, Generics
14:05
23. Dart Static, Cascade
06:36
24. You need to practice directly to get familiar with it! Dart OOP Quiz
22:12

Section 4. Dart Asynchronous Programming

3 lectures ∙ (40min)

Section 5. Getting Started with Flutter

6 lectures ∙ (1hr 31min)

Section 6. Learning Flutter Widgets and Building Right Away 1

4 lectures ∙ (49min)

Section 7. Learning Flutter Widgets and Building Right Away 2

4 lectures ∙ (1hr 8min)

Section 8. Learning Flutter Widgets and Building Right Away 3

4 lectures ∙ (51min)

Section 9. Understanding Flutter Intermediate Widgets and Building Right Away 1

8 lectures ∙ (1hr 59min)

Section 10. Flutter Development Tips Using ChatGPT

2 lectures ∙ (33min)

Section 11. Understanding Flutter Intermediate Widgets and Building Right Away 2

4 lectures ∙ (55min)

Section 12. Understanding Flutter Intermediate Widgets and Building Right Away 3

8 lectures ∙ (2hr 4min)

Section 13. Flutter Intermediate Understanding 1

5 lectures ∙ (1hr 2min)

Section 14. Flutter Intermediate Understanding 2

4 lectures ∙ (59min)

Section 15. Flutter and Firebase: Beyond Frontend to Backend

6 lectures ∙ (1hr 45min)

Section 16. Flutter and Firestore: From Frontend to Backend Database

2 lectures ∙ (34min)

Section 17. Learn Practical Flutter Through a Final Project

9 lectures ∙ (2hr 53min)

Section 18. Outro

1 lectures ∙ (14min)

Published:

Last updated:

Reviews

All

21 reviews

4.8

21 reviews

디에고시메오네
Reviews 14
∙
Average Rating 5.0
5
35% enrolled
유익한 강의 정말 감사합니다. 잔재미코딩님 강의는 인프런 포함하여 개별 홈페이지에서까지 java 빼고는 전부 다 수강 중인데.. 정말 큰 도움이 되고 있습니다. 혹시 이후의 강의 계획은 어떻게 되시나요? 개인적으로 풀스택 파트와 데이터사이언스 파트를 마스터하면 남는 건 IoT 밖에 없는 것 같아 IoT 관련 강의도 들어보고 싶습니다..
frontend.daysun
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
훌륭한 강의에 감사드립니다. 수년 전 플러터를 배우다가 포기한 사람으로서 좋은 강의를 만나 완주할 수 있었습니다. 반도체 전공자로서 35년간 하드웨어만 연구하며 항상 부족하게 생각했던 분야가 소프트웨어 및 풀스택 설계 기술이었습니다. 학과 서버를 만들려고 시작한 공부인데 풀스택 로드맵 과정을 거치면서 처음 목표보다 다양한 서비스를 구현할 수 있을 것 같습니다. 앞으로도 좋은 강의 부탁드립니다.
- 잔재미코딩 DaveLee
  Instructor
  정말 리스펙합니다!!! 새로운 분야를 도전하고 공부한다는 것이 시작도 어렵고 꾸준하기도 어려운데 그걸 해내시다니 본받고 싶습니다~ 저희 '잔재미코딩'과 함께 해주셔서 감사합니다.
아이개미
Reviews 4
∙
Average Rating 5.0
5
98% enrolled
이 강의는 Flutter를 완전히 정복하는 데 목표를 둔 강의는 아니라고 생각합니다. 그렇지만, Flutter의 기본을 최단 시간 내에 탄탄하게 쌓고, 그 다음은 무엇을 배워야 하는 지 방향을 알려주는 강의라고 생각합니다. 물론 이 강의만을 듣고 훌륭한 앱을 만들 수 있는 사람도 있겠지만, 최소한 저는 그렇지는 않았습니다. 그렇지만, 제가 무엇이 부족한지 알려주고, 부족한 부분을 채우기 위해 노력할 필요를 줄이는 강의라고 생각합니다. 예를 들어 제가 만든 앱에 달력을 넣고 싶어서 table_calendar 문서를 읽어보았을 때 최소한 이해가 안 되어서 갸우뚱하는 일이 없었습니다. 이 강의의 목표가 이런 데에도 있었다고 생각합니다. 이 강의로 모든 것을 만들 수 있다고 생각하는 사람이 들을 강의는 아닌 것 같습니다. 하지만, 이 강의를 들으며 차근차근 공부해나갈 수 있는 사람이 들으면 이만한 강의도 없다고 생각합니다. 총 26시간동안 저는 dart도 모르는 사람이었지만, 지금은 어느정도 API 레퍼런스도 읽어가며 부족한 것들을 채울 수 있게 된 것 같습니다. 좋은 강의 정말로 감사드립니다.
- 잔재미코딩 DaveLee
  Instructor
  제가 더 감사드리고 싶은 수강평이네요.~ 앞으로도 더 노력해 좋은 강의 만들어 가도록하겠습니다~!!
김창현
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
- 잔재미코딩 DaveLee
  Instructor
  감사합니다~!
No one
Reviews 6
∙
Average Rating 5.0
5
12% enrolled
역시나 강의를 재밌게 하십니다. 이 분 강의는 바로 듣는 것보다, 유튜브에서 비슷한 강의를 본 후에 들으면 이상하게도 이해가 잘되는 듯 합니다. 비현업, 비전공자 이지만 교양을 쌓는다는 느낌으로 듣고 있습니다. 코딩을 들으면 좀 사람이 논리적으로 되어 가는 듯 합니다. 회식도 잘 안하는 김에, 술 한번 덜 먹으면 재미난 강으를 들을 수 있어요~ㅎ
- 잔재미코딩 DaveLee
  Instructor
  소중한 후기 감사드려요~!!^^

$61.60

funcoding's other courses

Check out other courses by the instructor!

풀스택을 위한 도커와 최신 서버 기술(리눅스, nginx, AWS, HTTPS, 배포까지) [풀스택 Part3]

잔재미코딩 DaveLee

본 강의는 풀스택 강의 시리즈 Part3 강의로 최신 서버 기술과 도커 기술을 탄탄하게 익히는 강의입니다. 본 강의는 실질적으로 도커를 내 기술 스택에 포함시킬 수 있도록, 도커의 다양한 옵션을 한땀한땀 테스트하고, 도커를 위해 이해가 필요한 리눅스등 관련 기술도 익히고, 실제 복잡한 서비스까지 만들어볼 수 있도록 꾸몄습니다.

Basic

네트워크, Linux, Docker

풀스택을 위한 도커와 최신 서버 기술(리눅스, nginx, AWS, HTTPS, 배포까지) [풀스택 Part3]

잔재미코딩 DaveLee

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

잔재미코딩 DaveLee

데이터 과학, 빅데이터, 크롤링을 익히고자 하시는 분들을 위해, (1) 짧은 시간안에 가장 필요한 파이썬 핵심 문법을 정리하고, (2) 실전 크롤링 프로그래밍을 통해 파이썬과 크롤링에 익숙해집니다.

Beginner

Python, 웹 크롤링

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

잔재미코딩 DaveLee

처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]

잔재미코딩 DaveLee

최신 풀스택과 백엔드를 위해 쉽고 성능도 빠른 FastAPI, 쉽게 차근차근 백엔드 개념부터 FastAPI 핵심 문법과 비동기 데이터베이스 활용까지 깔끔한 자료와 프로젝트로 정리할 수 있는 강의입니다.

Basic

FastAPI, Python, backend

처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]

잔재미코딩 DaveLee

[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]

잔재미코딩 DaveLee

데이터 분석 입문자를 위한 파이썬 데이터 분석 전과정 기본 기술 익히기 강의입니다. 실제 현업에서 데이터 분석 기술을 활용하고 있는 이커머스 기획자 및 개발자로써, 파이썬 데이터 분석 전과정을 쉽게 익히고, 바로 활용할 수 있도록 만들었습니다.

Basic

Python, Pandas

[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]

잔재미코딩 DaveLee

[리뉴얼] 처음하는 파이썬 머신러닝 부트캠프 (쉽게! 실제 캐글 문제 풀며 정리하기) [데이터분석/과학 Part2]

잔재미코딩 DaveLee

강사가 처음 머신러닝을 익혔을 때, 실패했던 경험을 바탕으로, 쉽게 머신러닝을 이해하고, 실제 문제에 적용할 수 있도록 기존 강의와 다르게, 새롭게 꾸민 강의입니다

Basic

머신러닝, Kaggle, Pandas

[리뉴얼] 처음하는 파이썬 머신러닝 부트캠프 (쉽게! 실제 캐글 문제 풀며 정리하기) [데이터분석/과학 Part2]

잔재미코딩 DaveLee

처음하는 컴퓨터공학(CS 지식) 부트캠프 | 컴퓨터구조, 운영체제, 네트워크

잔재미코딩 DaveLee

개발과 데이터를 잘하기 위해 꼭 필요한 컴퓨터공학(CS 지식) 핵심을 짧은 시간에 깔끔하게 정리하는 로드맵의 파트1 강의입니다. 본 강의는 수년간 국내 탑기업 사내 강의로도 사용되는 강의입니다. 실제 현업에서 시스템SW 부터 웹, 앱 개발 및 데이터 과학까지 20년간 경험을 바탕으로, 개발과 데이터를 잘하기 위해 꼭 필요한 핵심을 차근차근 정석대로, 하지만 쉽게 정리한 강의입니다.

Beginner

네트워크, 컴퓨터 구조, 운영체제

처음하는 컴퓨터공학(CS 지식) 부트캠프 | 컴퓨터구조, 운영체제, 네트워크

잔재미코딩 DaveLee

처음하는 딥러닝과 파이토치(Pytorch) 부트캠프 (쉽게! 기본부터 챗GPT 핵심 트랜스포머까지) [데이터분석/과학 Part3]

잔재미코딩 DaveLee

강사가 처음 딥러닝을 익혔을 때 실패했던 경험을 바탕으로 딥러닝 이해에 필요한 수학, 이론, 파이토치 기반 구현, 전이학습, GPT 핵심 트랜스포머까지 차근차근 익힐 수 있도록 새롭게 꾸민 강의입니다.

Basic

딥러닝, PyTorch, 머신러닝

처음하는 딥러닝과 파이토치(Pytorch) 부트캠프 (쉽게! 기본부터 챗GPT 핵심 트랜스포머까지) [데이터분석/과학 Part3]

잔재미코딩 DaveLee

중고급 SQL과 실전 데이터 분석 101 문제 풀이

잔재미코딩 DaveLee

중고급 SQL을 익히고, 현업 수준의 실전 데이터 분석 문제 101 가지를 함께 풀며, 탄탄한 SQL 데이터 분석 역량을 다집니다.

Basic

SQL, MySQL, DBMS/RDBMS

중고급 SQL과 실전 데이터 분석 101 문제 풀이

잔재미코딩 DaveLee

[리뉴얼] 처음하는 MongoDB(몽고DB) 와 NoSQL(빅데이터) 데이터베이스 부트캠프 [입문부터 활용까지] (업데이트)

잔재미코딩 DaveLee

최신 스타트업에서 활용하는 풀스택과 데이터과학 기술의 기본 기술 중 하나인 빅데이터를 다룰 수 있는 NoSQL 기술을 익힙니다. 몽고DB는 NoSQL 중에서도 가장 쉬우면서 빠르게 활용할 수 있는 기술입니다. 본 강의에서는 짧은 시간 안에 몽고DB 기초를 익히고, 파이썬으로 몽고DB를 다루고 활용할 수 있는 기술까지 학습해 봅니다.

Basic

Python, MongoDB, DBMS/RDBMS

[리뉴얼] 처음하는 MongoDB(몽고DB) 와 NoSQL(빅데이터) 데이터베이스 부트캠프 [입문부터 활용까지] (업데이트)

잔재미코딩 DaveLee

[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 첫 출발(part1-1)로 본격적인 개발을 위한 파이썬 중급, flask[플라스크] 로 백엔드 구현 기술과 꼭 필요한 웹기술(HTTP, RestAPI, MVC 패턴 등)을 상세히 설명하는 강의입니다.

Basic

Python, REST API, Flask

[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]

잔재미코딩 DaveLee

[리뉴얼] 처음하는 SQL과 데이터베이스(MySQL) 부트캠프 [입문부터 활용까지]

잔재미코딩 DaveLee

이 강의를 통해 SQL과 데이터베이스의 이해, SQL 문법, 실제 활용을 위한 데이터베이스 설계, 프로그래밍을 통한 데이터베이스 활용, 데이터 분석 활용 사례까지 익힐 수 있습니다.

Basic

Python, SQL, MySQL

[리뉴얼] 처음하는 SQL과 데이터베이스(MySQL) 부트캠프 [입문부터 활용까지]

잔재미코딩 DaveLee

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

Beginner

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

Similar courses

Explore other courses in the same field!

앵귤러 파이어베이스 완전정복 - PetStore 쇼핑몰 프로젝트

노마드크리에이터

앵귤러 Front-end와 파이어베이스 Back-end를 이용하여 다양한 분야에 바로 적용할 수 있는 Pet Store 쇼핑몰 Blueprint Application을 따라가면서 같이 만들어보는 실전 프로젝트 역량강화 과정입니다.

Intermediate

Angular, PWA, Firebase

앵귤러 파이어베이스 완전정복 - PetStore 쇼핑몰 프로젝트

노마드크리에이터

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

React, Next.js, Vue를 아무리 공부해도 코드가 추상적으로 느껴지고, 구조가 확실히 이해되지 않는다면, 그 근본 원인은 DOM에 대한 이해 부족일 수 있습니다. DOM은 모든 프론트엔드 프레임워크의 기반이며, 웹 페이지의 구조와 동작을 연결해주는 실체입니다. 이 강의는 단순한 선택자나 조작법을 넘어, HTML이 어떻게 DOM 객체로 바뀌고, 이 구조를 어떻게 선택하고 탐색하며, 조작할 수 있는지를 처음부터 차근차근 알려주는 DOM 완전 정복의 Part 1 입문 강의입니다. HTML 태그는 구조일 뿐이고, 자바스크립트는 행동일 뿐이지만, 그 둘을 연결하는 핵심이 DOM입니다. 이 연결고리를 명확히 이해하면, 어떤 프레임워크를 쓰든 그 안의 진짜 구조와 흐름을 정확히 꿰뚫어볼 수 있게 됩니다.

Beginner

HTML/CSS, JavaScript, React

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

Flutter로 웹 서비스 개발하기 (1) - Responsive Web

김진한

최고의 크로스플랫폼 Flutter, Flutter로 Web을 개발해보세요.

Basic

Flutter, dart, 반응형 웹

Flutter로 웹 서비스 개발하기 (1) - Responsive Web

김진한

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.

Basic

Next.js, supabase, TailwindCSS

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

Intermediate

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

바이브코딩으로 만드는 게임 웹페이지

slu

코딩을 한 번도 해보지 않으셨나요? 아니면 이미 실력이 좋으신가요? 내가 직접 만든 게임이 내가 직접 만든 홈페이지에 올라가 있다면, 멋지지 않나요? 그런 분들을 위해 이 강의를 준비했습니다.

Beginner

Flutter, dart, netlify

바이브코딩으로 만드는 게임 웹페이지

slu

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Javascript

David

2021년 새롭게 돌아온, "요즘 누가 유료로 웹서비스 구축하나, Firebase의 모든 것 - JavaScript" 강의! 1인 창업을 꿈꾸는 초급 개발자를 위한 바이블이 되어드립니다.

Basic

Firebase

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Javascript

David

[Unity] 멀티플레이 게임 필수 기능 구현 - 서버 & 데이터 관리까지!

Pinous

이 강의에서는 Photon과 Firestore를 활용하여 채팅, 파티, 거래, 길드, 랭킹, 경매장 등 다양한 서버 시스템을 단계별로 구현해 봅니다.

Intermediate

Unity, Firebase, firestore

[Unity] 멀티플레이 게임 필수 기능 구현 - 서버 & 데이터 관리까지!

Pinous

iOS/Android 앱 개발을 위한 실전 React Native - Intermediate

Wintho

React Native 기반 모바일 앱 개발을 위한 중급 강의입니다. 프론트엔드의 심화내용 학습 뿐만 아니라 Firebase 기반의 백엔드 내용까지 함께 배우면서, 서버 연동/ 로그인/ 데이터 송수신/ 공공API 활용 등이 가능한 하나의 완벽한 앱을 개발할 수 있도록 제작된 강의입니다.

Intermediate

React Native, Redux, Firebase

iOS/Android 앱 개발을 위한 실전 React Native - Intermediate

Wintho

Building a Server Framework from Scratch: Cloning the Express.js Engine

nhcodingstudio

This course goes beyond simply using Express.js. You will rebuild its internal engine from start to finish, gaining hands-on experience with the real principles of how a server works. By directly creating each component of Express—such as routing, middleware, request–response objects, static file handling, and template rendering—you will grow as a server developer and truly understand how a framework operates at its core.

Basic

JavaScript, Node.js, Express

Building a Server Framework from Scratch: Cloning the Express.js Engine

nhcodingstudio

Flutter로 메신저앱 만들기

DEV MOO

Flutter의 Riverpod 상태 관리와 Firebase를 활용해서 메신저 앱을 제작합니다.

Basic

Flutter, Firebase, riverpod

Flutter로 메신저앱 만들기

DEV MOO

Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]

권태뽕

본 강의는 Flutter와 Firebase로 넷플릭스 UI를 클론 코딩하는 강의입니다! 가장 빠르게 앱 개발을 공부할 수 있는 Flutter를 시작하세요:)

Basic

Flutter, 클론코딩, Firebase

Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]

권태뽕

떠먹여주는 리액트 기초 course1

심플코딩

그림으로 배우며 리액트의 기초 개념을 명확하게 이해할 수 있는 강의

Beginner

React, react.js, frontend

떠먹여주는 리액트 기초 course1

심플코딩

웹 애니메이션의 새로운 표준, Web Animations API

1분코딩

라이브러리는 선택이지만, 웹 표준 기술은 필수입니다. 웹 애니메이션의 새로운 표준인 Web Animation API에 남들보다 빠르게 적응하고, 실무에도 바로 활용해보세요!

Basic

Web Animations API, JavaScript, HTML/CSS

웹 애니메이션의 새로운 표준, Web Animations API

1분코딩

겜팔이의 노릇노릇 파이어베이스

겜팔이

안드로이드 세뇌교실에서 이어지는 서버를 파이어베이스로 만들어 대체해봅시다

Basic

Firebase

겜팔이의 노릇노릇 파이어베이스

겜팔이

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

이 강의를 모두 들으시고, 응용하면 여러분만의 사이트, 앱을 만들 수 있어요. 이 강의는 Cursor AI 를 이용하여, 우리 가족만을 위한 단톡방을 Web사이트로 만들면서, 코딩의 흐름을 자연스럽게 익혀보는 바이브코딩 입문 강의입니다. App 개발자 계정이나 맥북 없이, 윈도우 환경만으로도 개발을 몰라도 누구나 쉽게 따라 할 수 있고, 실제 웹사이트로 배포하는 법도 배웁니다.

Beginner

Firebase, Next.js, vercel

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

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

딩코딩코

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

Beginner

Flutter, Next.js, cursor

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

딩코딩코

Flutter for Beginners: From Basics to Practice [Full Stack Part4] (Easy and Solid Step-by-Step with Various Projects)

Reviews from Early Learners

What you will learn!

Dave Lee's lecture on residual fun coding, which is also chosen as an in-house training course by Nekarakubaedo

Flutter, which Google is developing, is a program for the web, apps, and PCs. All in one code, even plausibly

The instructor has completely recorded the quickest path he has discovered after failing several times .

We also explain the backend function (Firebase) so that you can create a single service with Flutter.

ChatGPT makes Flutter development much easier.

For those who want to learn development systematically , we also provide a full-stack roadmap. (We share the roadmap at the bottom of this page)

I have been creating IT lectures for 8 years, while also working in the field. We are making it at a reasonable price with rich content.

We explain through video based on well-organized documents . That way, after class, I can quickly look up and use the functions I learned.

Examples of realistic screens and projects created within the course (In addition, we will create example code for each widget and grammar.)

Learning systematically The Roadmap of Dave Lee's Residual Fun Coding 🔑

1. The fastest data-to-process roadmap

2. The fastest full-stack roadmap

3. Core computer science (CS) knowledge essential in development and data fields

Recommended for these people

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

Curriculum

Reviews

funcoding's other courses

Similar courses

Flutter, which Google is developing, is a program for the web, apps, and PCs.
All in one code, even plausibly

For those who want to learn development systematically , we also provide a full-stack roadmap.
(We share the roadmap at the bottom of this page)

I have been creating IT lectures for 8 years, while also working in the field.
We are making it at a reasonable price with rich content.

We explain through video based on well-organized documents .
That way, after class, I can quickly look up and use the functions I learned.

Examples of realistic screens and projects created within the course
(In addition, we will create example code for each widget and grammar.)

Learning systematically
The Roadmap of Dave Lee's Residual Fun Coding 🔑

Recommended for
these people

Hello
This is