강의

멘토링

커뮤니티

BEST
Programming

/

Programming Language

堅牢なJSソフトウェアの作り方

同じ機能を作成する場合でも、JavaScript の文法を始めたばかりのジュニア開発者と経験豊富なシニア開発者のコードは、かなり異なります。もちろん、結果物は同じです。後者のコードが認められる理由は、構造化された設計と変更に対応できる拡張性にあるでしょう。この講義では、そのような優れたコードを作成する方法について説明します。

  • jeonghwan
3시간 만에 완강할 수 있는 강의 ⏰
Software Test
TDD
jasmine

学習した受講者のレビュー

受講後に得られること

  • テスト主導開発 (TDD) メソッド論

  • JavaScript モジュール パターン

  • 単一責任の原則を適用したコードのリファクタリング

  • DOM 操作およびイベント処理

  • JavaScript コードのテストとメンテナンス

良いコードを知ると、
良いソフトウェアを作ることができます。

堅牢なソフトウェアの作成

同じ機能を作成してもJavaScriptの文法を解放したジュニア開発者と経験豊富なシニア開発者のコ​​ードはかなり異なります。もちろん、結果は同じでもそうです。後者のコードが認められる理由は、質感のある設計と変化に対応できる拡張性のためです。このレッスンでは、そのような良いコードを作成する方法を学びます。


この講義の特別なポイント

  • テスト主導開発方法で堅牢なフロントエンドコードを設計してコーディングできます。
  • ソフトウェア工学の原則とデザインパターンを学ぶことができます。

まず、JavaScriptの特性と、なぜTDD(テスト主導開発)が必要なのかを考えてみましょう。実務でよく使われるコード例に進んでいます。コードの問題点を一緒に診断して、段階的に改善していく過程を一緒にするんです。それからTDDとデザインパターンの理論を見てみましょう。これをリファクタリングに適用しながら、最終的には良い品質のコードを作り出すことができます。

各講義は10分未満で短く、いつでも再開できます。映像の途中で準備したブランチは、練習できない方のための小さな配慮です。でも、自分で一汗を汗コーディングしながら、授業に参加することを強くお勧めします。


こんな方が聞くといいですね!

「JavaScriptの文法はわかりますが、どのように開発するのかわかりません」

「TDDは聞いたが、どうするのか気になります」

「要求事項が変更されても、コードは少しだけ修正してほしい」

🔹プレビューする学習環境

  • エディター: VS Code
  • コードストア: Github
  • ブラウザ:Chrome
  • テストフレームワーク: Jasmine

私を紹介します🧑‍🏫

キム・ジョンファン

ウェブ技術を学び整理するのが好きな実務開発者
Web技術や開発者としての考えを込めた技術ブログを運営しています。

学習した技術と実務で学んだノウハウを集めて発表や講義形式で共有する活動もしています。

エレガントな兄弟たちでフロントエンド開発者として働いています。

リアクト技術に関するコンテンツも作成しました。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • プログラミング初心者

  • JavaScript 開発者

  • フロントエンド開発者

  • ソフトウェアの品質を向上させたい人

  • テスト主導開発に興味のある方

こんにちは
です。

13,982

受講生

884

受講レビュー

595

回答

4.8

講座評価

9

講座

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

カリキュラム

全体

19件 ∙ (1時間 11分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

96件

4.8

96件の受講レビュー

  • 93kimhyunjun1510님의 프로필 이미지
    93kimhyunjun1510

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    キム・ジョンファンの講義のおかげで、良いコードを書くのがどんなものなのか感覚をつかむことができました。 私は非専攻者としてプログラミングに入門してから数ヶ月以内の受講生です。 人々はいつも良いコード、クリーンコードを言うだけを聞いて、それがまさにどんなものなのか感がよくない。 そんな中、私のメンターが常にTDDでコーディングしてみることをお勧めいたしました。仕事を非常に小さな単位で追跡することを習慣化するのに役立ちます。だからキム・ジョンファンさんの講義を探して聞きました。 小さな単位で考えるだけで、いつもの言葉でしか聞こえなかったDRYのコードがどんなものなのか、少しでも感覚をつかむようになったようです。 この講義だけでなく、ノードTDD開発やブログに書いてくださる文もとても良いようです。良い講義資料を提供していただきありがとうございます。

    • jeonghwan
      知識共有者

      講義、ブログまでお探しいただきありがとうございます。

  • sehong0759님의 프로필 이미지
    sehong0759

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    楽しいです。 シンプルだが多くの内容が入っています。 TDDからJavaScriptを開発する際の注意点。そこにオブジェクト概念まで... 講師は自然にそのようなものを適用するようですが、私はまだそれほどではありません。 たくさん学んでいきます。

    • jeonghwan
      知識共有者

      私はまだ学ぶべきことがたくさんありますㅜㅜ

  • sugbong23877님의 프로필 이미지
    sugbong23877

    受講レビュー 6

    平均評価 5.0

    5

    100% 受講後に作成

    きれいですね

  • devfuner님의 프로필 이미지
    devfuner

    受講レビュー 16

    平均評価 5.0

    5

    100% 受講後に作成

    非常に簡単にTDDについて説明してください。 TDDの概念をとても簡単に説明してくれて面白かったです。 作成するソーススタイルがReactやVueと似ているようですね。 質問があります。 まだES6を使用していないプロジェクトでは、ES5に変換して展開する必要があります。 ES6でテストしたコードは、ES5に変換した後もテストで合格した内容をすべて保証できますか? 良い講義ありがとうございます。 他の講義もお得に見てみましょう!

    • jeonghwan
      知識共有者

      そうではありません アプリケーションコードとバージョンを合わせることをお勧めします。 es5でもいくらでもテストコードを書くことができます。

  • uoon님의 프로필 이미지
    uoon

    受講レビュー 1

    平均評価 4.0

    4

    100% 受講後に作成

    フロントエンドのTDDクラスはあまりありません。 キム・ジョンファン様の講義は、どうしても聞いてほしいです。ほうだから深い内容までわかりにくいですが、味見から始めてみるのに大丈夫な講義だとと思います。いつも良い講義をいただきありがとうございます。

    期間限定セール、あと6日日で終了

    ¥15

    30%

    ¥3,557

    jeonghwanの他の講座

    知識共有者の他の講座を見てみましょう!

    似ている講座

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