Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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

77 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

77

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

  • Booin님의 프로필 이미지
    Booin

    Reviews 1

    Average Rating 5.0

    5

    31% enrolled

    Flutter web 개발 시도해보고싶어 수강했습니다. 티스토리 보고 강의 신청했는데 시원하게 짧게 치고 가서 진도 잘 나가네요.

    • 김진한
      Instructor

      감사합니다. 더 좋은 강의 제공하도록 노력하겠습니다.

  • Jay님의 프로필 이미지
    Jay

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    라이브러리를 직접 만들어보는 부분이 너무 좋았습니다. 덕분에 코드에 대한 이해도도 높아지고, 직접 만들어 볼 용기도 생기네요. 다음 강의 기대됩니다!

    • 김진한
      Instructor

      감사합니다. 더 좋은 강의 제공하도록 노력하겠습니다!

  • IT runner님의 프로필 이미지
    IT runner

    Reviews 1

    Average Rating 5.0

    5

    31% enrolled

    Flutter Web을 접해볼 강의가 없었는데 좋은 기회가 됐습니다. 기존에 생각하지 못한 것들을 알 수 있어서 좋았고, Flutter Web에 대한 가능성도 확인할 수 있었습니다. 강의 진행 방식도 간단 명료해서 좋았습니다.

    • 김진한
      Instructor

      감사합니다. 더 좋은 강의 제공하도록 노력하겠습니다.

  • 바딧님의 프로필 이미지
    바딧

    Reviews 2

    Average Rating 5.0

    5

    62% enrolled

    • Full Stack 개발자님의 프로필 이미지
      Full Stack 개발자

      Reviews 2

      Average Rating 5.0

      5

      31% enrolled

      $51.70

      Similar courses

      Explore other courses in the same field!