강의

멘토링

커뮤니티

Programming

/

Web Development

Developing Web Services with Flutter (1) - Responsive Web

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

(5.0) 12 reviews

83 learners

Level Basic

Course period Unlimited

  • sailingit
Flutter
Flutter
dart
dart
Responsive Web
Responsive Web
AWS
AWS
Flutter
Flutter
dart
dart
Responsive Web
Responsive Web
AWS
AWS

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

Booin

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.

5.0

Jay

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!

5.0

IT runner

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.

What you will gain after the course

  • 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

83

Learners

12

Reviews

18

Answers

5.0

Rating

1

Course

Hello

I am Jinhan Kim, CEO of Sailing-it.

https://sailing-it.com/

  • I started as a Native App developer and am currently running a company called 'Sailing-it.'

  • I am using Flutter for App and Web development in practice.

    I am personally experiencing the positive market response to Flutter.

  • I am currently active as an offline government-funded and corporate Flutter instructor.

  • I am running a blog about Flutter and Native app development.
    https://jinhan38.com/

Curriculum

All

42 lectures ∙ (6hr 32min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

12 reviews

5.0

12 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.

  • juwonjeon8528672님의 프로필 이미지
    juwonjeon8528672

    Reviews 2

    Average Rating 5.0

    Edited

    5

    98% enrolled

    I'm preparing for a job as an app developer, and while I was thinking about wanting to try making web applications too, I found a course on web development with Flutter and purchased it right away!! Since I'm preparing for an Android developer position, I'm familiar with Android Studio, Kotlin, and Flutter, so being able to do web development with a familiar language was a huge advantage for me. I haven't finished the entire course yet, but I'm planning to complete it over the weekend and create my personal portfolio as a website. Since I already have some development experience, I really liked how the course felt like it moved through the material at a fast pace. Also, I think what made it even better was that I could learn skills like using shortcuts and how code is actually written in real-world work environments through the videos, even if briefly. Thank you so much for providing such a great course. I'm really looking forward to your next course!!!!

    • sailingit
      Instructor

      Yes, thank you :) I'll prepare even harder for the follow-up lecture!

  • jungsik님의 프로필 이미지
    jungsik

    Reviews 43

    Average Rating 5.0

    Edited

    5

    100% enrolled

    Flutter is great. I'll be waiting for the follow-up lectures. Thank you for your hard work.

    • sailingit
      Instructor

      I'm very glad it was helpful. Thank you :)

$51.70

Similar courses

Explore other courses in the same field!