강의

멘토링

커뮤니티

Programming

/

Front-end

AI時代のWeb開発:非同期プログラミングとデータ通信最適化(フロント特講)

JavaScriptデベロッパーのための非同期プログラミング概念とデータ通信最適化技法を扱います。

  • frongttv5414
비동기
프론트엔드
자바스크립트
javascript
frontend
JavaScript
promise
fetch-api
asynchronous-programming

受講後に得られること

  • 同時性、非同期メカニズム

  • fetch API & データ通信最適化

  • Debounce、Throttle、AbortController

  • エラーハンドリング、Cache & Retry戦略

  • Stream & Web-Worker

  • AIを活用したバイブコーディングと要求仕様作成

🤖 AI時代のWeb開発者にはどのような能力が重要でしょうか?

  • この講義はこのような悩みから始まりました。

  • AI時代には様々なコーディング支援ツールの活用も必要ですが、それと同時に基礎知識もより一層必要です。

  • フロントエンド、JavaScript開発では、その部分の中で代表的なものがまさに非同期プログラミングです。


📟 最近、非同期プログラミングは本当に重要なのでしょうか?

  • 様々なAI APIを接続し、通信するサービスが増加しています。

  • AIモデルの発展ほどには、ブラウザやネットワークの状況は発展していません。

  • したがって、サービスの変化に合わせて「最適化されたデータ通信」技術が今後より重要になります。

  • データ通信過程の基盤には「非同期プログラミング」の理解が最も重要ですね。


🧑🏻‍🏫 講義コンテンツはどのような形で進行されますか?

  • 概念を身につけて実際に動作する方式を見ることができます。

  • チャプターごとに基本説明 - デモまたは短いミッション方式で、ミッション解説を含みます。

  • すべてのチャプターは独立しており、したがって必要な部分を途中から聞いても構いません。


🙆🏻‍♂️ この講義を成功的に自分のものにするには?

  • 大小様々なミッションを自ら理解・分析して設計し、コーディングしながら自分の知識として習得する必要があります。

  • もちろんAIを活用した学習も並行して行う必要がありますね。(分からないこと、背景知識をより深く質問する)

  • 途中にプロジェクトミッションが一つあります。この過程がなければ、本講義はあまり役に立たない可能性があります。



🍦バニラを基本として扱います。

  • バニラフロントエンドを基本として扱います。

  • 簡単なReactサンプルコードが含まれる例題も入っています。


📚 様々なテーマの特別講義が含まれています。

  • 最後のセッションは「特講」です ^^

  • 非同期プログラミングではありませんが、有用で面白い内容を継続的に更新していこうと思います。

  • 例)AI時代にどのように開発者として成長するか、会社では教えてくれない会社生活のコツなど

  • 数ヶ月に一度ずつ追加・アップデート予定です!

こんな方に
おすすめです

学習対象は
誰でしょう?

  • AI時代でも必ず必要な非同期概念と効果的なデータ通信方法を扱いたい方

  • HTML、CSS、JavaScript 初心者

  • 非同期を正しく理解してプロジェクトを進めたいフロントエンドまたはJavaScript開発者

前提知識、
必要でしょうか?

  • HTMLによる簡単な構造化

  • CSS原理と使用方法に対する理解

  • JavaScript基本文法と関数活用

  • 基本的なデバッグ方法

  • NPMとNode.jsに対する理解と活用

  • Reactとは何か、基礎的な文法に対する理解

こんにちは
です。

475

受講生

9

受講レビュー

4

回答

4.9

講座評価

1

講座

TmaxSoft, NAVER, NHN NEXT, SK Planet 등에서 일했어요.

우아한테크캠프, NAVER 부스트캠프, 현대소프티어 부트캠프등의 웹프론트엔드 커리큘럼을 설계/진행했어요

'프롱트' 유튜브 웹개발 채널 운영 (https://www.youtube.com/@frongt)중입니다.

カリキュラム

全体

56件 ∙ (7時間 57分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

9件

4.9

9件の受講レビュー

  • yujin1.kim님의 프로필 이미지
    yujin1.kim

    受講レビュー 6

    平均評価 4.7

    4

    100% 受講後に作成

    • 관태님의 프로필 이미지
      관태

      受講レビュー 5

      平均評価 5.0

      修正済み

      5

      100% 受講後に作成

      정말 훌륭한 강의입니다. 각 섹션마다 알고 있다고 생각했던 개념들을 다시 돌아보면서 실제로는 제대로 이해하지 못했던 부분들이 많다는 걸 깨달았고 덕분에 한층 더 깊이 있게 배울 수 있었습니다. 특히 마지막 섹션에서는 AI 시대를 살아가는 주니어 개발자로서 어떤 관점과 태도를 가져야 하는지 많은 인사이트를 얻을 수 있었습니다. 다음 주제 강의가 언제 나올지는 모르겠지만 개인적으로 꼭 이어졌으면 하는 마음입니다.

      • 프롱트
        知識共有者

        강의를 만들면서 생각했던 의도를 잘 느껴주셔서 살짝 놀랐습니다. ^^; 수강 감사해요.

    • wonseok.chang님의 프로필 이미지
      wonseok.chang

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      • 프롱트
        知識共有者

        수강&평 감사해요 💯

    • 김종원님의 프로필 이미지
      김종원

      受講レビュー 1

      平均評価 5.0

      5

      30% 受講後に作成

      • 프롱트
        知識共有者

        수강평 감사해요~!

    • nin2348님의 프로필 이미지
      nin2348

      受講レビュー 1

      平均評価 5.0

      5

      30% 受講後に作成

      • 프롱트
        知識共有者

        수강평 감사함다.

    ¥5,471

    似ている講座

    同じ分野の他の講座を見てみましょう!