강의

멘토링

로드맵

Programming

/

Web Development

Developing Web Services with Flutter (1) - Responsive Web

The best cross-platform Flutter, Develop for the Web with Flutter

(5.0) 9 reviews

78 learners

  • sailingit
실습 중심
flutter
클론코딩
크로스플랫폼
Flutter
dart
Responsive Web
AWS

Reviews from Early Learners

What you will learn!

  • Flutter Responsive Web

  • Custom Widget

  • Flutter AWS Deployment

  • Style settings

  • ScrollBehavior

  • KeyboardListener

  • DropdownButton

  • Dialog

  • Beamer

Develop for the Web with Flutter

Develop for the web as well as apps with the best cross-platform Flutter.

Develop apps and web with one framework and language.

I recommend this to these people

Anyone who has experience with Flutter

Anyone who has ever worked with Flutter will be able to follow along without difficulty.

App developer

App developers are also interested in web development, but the different languages and frameworks used required a fresh education. Now, try creating apps and responsive web experiences with Flutter.

Services requiring web development

If you are already running a Flutter app service and need a web service, you can handle it all with Flutter alone without having to introduce a new framework.

Features of this course

Change in perception

The priority is to shift the perception that Flutter is fully capable of web development. Being able to develop apps and web applications with a single framework will boost your confidence as a developer and significantly expand your horizons.


Web-centric Flutter course

Most previous courses were app-centric. This course focuses on Flutter, a web-based development platform.


Low library dependencies

Most of the code is written directly. This reduces library dependencies, making it more flexible to version changes. Furthermore, writing code directly enhances your understanding of the framework.


Fast lecture pace

We shortened the lecture length and made it faster.

Learn about these things

  • Responsive Web


    You'll learn how to develop responsive web designs. You'll learn how to adapt to the various screen sizes encountered on the web.

  • Understanding Widgets
    Since we use a lot of custom widgets, we can increase our understanding of widgets.

  • structural design


    You can learn how to design the structures needed when developing for the web.

  • AWS S3 deployment


    You can deploy a web application built with Flutter to AWS's S3.

  • Style settings


    You can learn how to properly configure styles. Deciding how to configure styles is always a challenge in frontend development. You can learn how to configure styles, which can be one of many methods.

How to listen to lectures

I recommend completing the lectures by quickly following the code. If the lectures are long or the overall content is extensive, it can be tiring. Therefore, maintaining a sense of pace is crucial. After completing the entire course, it's best to review any missing parts or details.

Of course, there are things to keep in mind. While maintaining a brisk pace, please focus on the following points during the lecture.

  • How to configure widgets according to changes in screen layout


  • What role do Custom Utils and Widgets play?

  • If I were you, how would you structure this situation and make the classes/widgets common?

  • Furthermore, if there is a problem I am facing, how will I solve it?

After class

  • You can learn how to create a responsive UI.


  • Gain a deeper understanding of the Flutter framework and widgets.

  • You can develop web applications with Flutter and even deploy them to AWS.

  • It can improve development speed.

  • One developer can handle more platforms.

Lecture Series

  • This course isn't a one-off. We're developing a curriculum that allows a single developer to cover everything from apps and web development to infrastructure and servers.

  1. Flutter Responsive Web

  2. Flutter Web SEO

  3. Flutter API with State management

  4. Dart Server

  5. Flutter Real Project with Server

  6. Flutter Framework exploration


About Flutter SEO

Many Flutter developers believe that Flutter Web isn't searchable on Google. I used to believe that too. However, this is incorrect. Web sites built with Flutter are searchable on Google and can be SEO-optimized.

Search Google for " sailing-it " or " sailing-it ." You'll see my company's website, built with Flutter, appearing in the search results ( https://sailing-it.com/) .

Of course, this requires additional work. So, I created my own SEO package ( https://pub.dev/packages/flutter_seo) and uploaded it to pub.dev . After the current Flutter Responsive Web lecture, I plan to use the package I created to implement SEO for Flutter Web SEO, ensuring it's searchable on Google.

Things to note before taking the course

Practice environment

  • Since we will be developing for Flutter Web, both Windows and macOS are possible.

  • The course was conducted using Flutter 3.22.2 and Dart 3.4.3. Lower versions are also possible.

Player Knowledge and Precautions

  • Basic Dart language usage and Flutter experience are sufficient.

Recommended for
these people

Who is this course right for?

  • Flutter Beginner

  • Flutter Intermediate

  • Developers who have experience with Flutter

  • Developers who want to develop the web with Flutter

Need to know before starting?

  • Flutter

  • Dart

Hello
This is

78

Learners

9

Reviews

17

Answers

5.0

Rating

1

Course

안녕하세요

샐링잇(Sailing-it)대표 김진한입니다.

https://sailing-it.com/

 

  •  Native App 개발자로 시작해 현재 '샐링잇(sailing-it)'이라는 회사를 운영하고 있습니다.

  • 실무에서 Flutter App, Web을 사용하고 있습니다.

    시장에서 Flutter의 긍정적인 반응을 몸소 체험하고 있습니다.

  • Offline 국비지원, 기업 Flutter 강사로 활동중입니다.

  • Flutter와 Native앱 개발 블로그를 운영중입니다.
    https://jinhan38.com/

Curriculum

All

42 lectures ∙ (6hr 32min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

9 reviews

5.0

9 reviews

  • hhw30036723님의 프로필 이미지
    hhw30036723

    Reviews 1

    Average Rating 5.0

    5

    31% enrolled

    I took the course because I wanted to try Flutter web development. I applied for the course after seeing it on Tistory, and it was short and refreshing, so I'm making good progress.

    • sailingit
      Instructor

      Thank you. I will try to provide better lectures.

  • jingoworld님의 프로필 이미지
    jingoworld

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    I really enjoyed the part where I made my own library. Thanks to this, my understanding of code has improved and I have the courage to make my own. I'm looking forward to the next lecture!

    • sailingit
      Instructor

      Thank you. We will try to provide better lectures!

  • jinhan383834님의 프로필 이미지
    jinhan383834

    Reviews 1

    Average Rating 5.0

    5

    31% enrolled

    There was no lecture to learn about Flutter Web, so this was a good opportunity. It was good to learn about things I had not thought of before, and I was able to confirm the potential of Flutter Web. The lecture was also good because it was simple and clear.

    • sailingit
      Instructor

      Thank you. I will try to provide better lectures.

  • info0978님의 프로필 이미지
    info0978

    Reviews 2

    Average Rating 5.0

    5

    62% enrolled

    • gggg님의 프로필 이미지
      gggg

      Reviews 4

      Average Rating 5.0

      5

      31% enrolled

      $51.70

      Similar courses

      Explore other courses in the same field!