강의

멘토링

로드맵

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

受講生

858

受講レビュー

585

回答

4.8

講座評価

9

講座

👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.

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

カリキュラム

全体

19件 ∙ (1時間 11分)

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

受講レビュー

全体

96件

4.8

96件の受講レビュー

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

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    Thanks to Kim Jeong-hwan's lecture, I was able to get a feel for what it means to write good code. I am a non-major and a student who has only been learning programming for a few months. I only heard people talk about good code and clean code, but I didn't really get a feel for what they were. Then, my mentor always recommended that I try coding with TDD. He said that it would help me make it a habit to track my work in very small units. So I looked for Kim Jeong-hwan's lecture. In addition to thinking in small units, I think I got a feel for what DRY code, which I had only heard about all the time, was like. Not only this lecture, but also the Node TDD development and the articles you wrote on your blog are really good. Thank you for providing such great lecture materials.

    • jeonghwan
      知識共有者

      Thank you for visiting my lectures and blog.

  • sehong0759님의 프로필 이미지
    sehong0759

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    It's fun. It's simple, but it contains a lot of content. From TDD to things to watch out for when developing JavaScript. And even the object concept... The instructor seems to apply those things naturally, but I'm not at that level yet. I'm learning a lot.

    • jeonghwan
      知識共有者

      I still have a lot to learnㅜㅜ

  • sugbong23877님의 프로필 이미지
    sugbong23877

    受講レビュー 6

    平均評価 5.0

    5

    100% 受講後に作成

    It's neat

  • devfuner님의 프로필 이미지
    devfuner

    受講レビュー 14

    平均評価 5.0

    5

    100% 受講後に作成

    You explained TDD very easily. I enjoyed watching it because you explained the concept of TDD very easily. Your source code style seems similar to React or Vue. I have a question. In a project that cannot use ES6 yet, you will need to convert it to ES5 and distribute it. Can you guarantee that the code tested in ES6 will pass the test even after converting it to ES5? Thank you for the great lecture. I will watch other lectures as well!

    • jeonghwan
      知識共有者

      No It's better to match the application code and version. You can write test code in es5 as well.

  • uoon님의 프로필 이미지
    uoon

    受講レビュー 1

    平均評価 4.0

    4

    100% 受講後に作成

    There aren't many front-end TDD classes. I tend to listen to Kim Jeong-hwan's lectures as much as possible. When I became interested in test-driven development, I bought the lecture and listened to it all. I think it will be a helpful lecture for beginners because it explains things easily. It's a bit short, so it's hard to understand the in-depth content, but I think it's a good lecture to start with. Thank you for always giving great lectures.

    ¥3,350

    jeonghwanの他の講座

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

    似ている講座

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