강의

멘토링

로드맵

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,843

受講生

863

受講レビュー

586

回答

4.8

講座評価

9

講座

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

カリキュラム

全体

19件 ∙ (1時間 11分)

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

受講レビュー

全体

96件

4.8

96件の受講レビュー

  • HYUNJUN KIM님의 프로필 이미지
    HYUNJUN KIM

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    김정환 님의 강의 덕분에 좋은 코드를 작성하는 게 어떤 것인지 감을 잡을 수 있었습니다. 저는 비전공자로 프로그래밍에 입문한 지 몇개월 안된 수강생입니다. 사람들이 항상 좋은 코드, 클린 코드 말하는 것만 듣고, 그게 정확히 어떤 것인지 감이 잘 안 잡혔습니다. 그러던 와중에 저의 멘토분께서 항상 TDD로 코딩 해보는 것을 추천해주셨습니다. 일을 매우 작은 단위로 추적하는 것을 습관화하는데 도움이 된다는 말과 함께요. 그래서 김정환 님의 강의를 찾아 들었습니다. 작은 단위로 생각하는 것과 더불어, 맨날 말로만 들었던 DRY 한 코드가 어떤 것인지 조금이나마 감을 잡게 된 것 같습니다. 이 강의 뿐만 아니라, 노드 TDD 개발이나 블로그에 써주시는 글도 너무 좋은 것 같습니다. 좋은 강의 자료 제공해주셔서 감사합니다.

    • 김정환
      知識共有者

      강의, 블로그까지 찾아주시다니 고맙습니다.

  • 홍상의님의 프로필 이미지
    홍상의

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    재미있어요. 간단하지만 많은 내용이 들어가 있습니다. TDD부터 자바스크립트 개발시 주의할점. 거기에 객체개념까지... 강사님은 자연스럽게 그런것들을 적용하는것 같은데 전 아직 그정도는 아닙니다. 많이 배우고 갑니다.

    • 김정환
      知識共有者

      저도 아직 배워야할것 들이 많아요ㅜㅜ

  • sugbong2님의 프로필 이미지
    sugbong2

    受講レビュー 6

    平均評価 5.0

    5

    100% 受講後に作成

    깔끔하네요

  • 김호균님의 프로필 이미지
    김호균

    受講レビュー 14

    平均評価 5.0

    5

    100% 受講後に作成

    아주 쉽게 TDD에 대해서 설명해주시네요 TDD에 대한 개념을 아주 쉽게 설명해 주셔서 재밌게 봤습니다. 만드시는 소스 스타일이 React나 Vue랑 비슷한거 같네요. 궁금한 점이 있습니다. 아직 ES6를 사용하지 못하는 프로젝트에서는 ES5로 변환해서 배포해야 할텐데 ES6에서 테스트한 코드는 ES5로 변환한 후에도 테스트에서 통과한 내용을 모두 보증할 수 있나요? 좋은 강의 감사합니다. 다른 강의도 유익하게 보겠습니다!

    • 김정환
      知識共有者

      그렇지 않습니다 어플리케이션 코드와 버전을 맞추는 것이 좋습니다. es5로도 얼마든지 테스트 코드 작성할 수 있거든요.

  • uoon lee님의 프로필 이미지
    uoon lee

    受講レビュー 1

    平均評価 4.0

    4

    100% 受講後に作成

    프론트엔드 TDD 수업은 많지 않습니다. 김정환 님 강의는 웬만하면 챙겨 듣는 편이에요. 마침 테스트 주도 개발에 관심이 생겼을 때 강의가 있길래 구입해서 몰아 들었습니다. 쉽게 설명해주시기에 처음 시작하시는 분들에게 도움이 되는 강좌일 거라 생각해요. 분량이 적은 편이라 깊은 내용까지 알기는 어렵지만 맛보기로 시작해보기에 괜찮은 강의라고 생각합니다. 늘 좋은 강의해주셔서 감사합니다.

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

    ¥20,620

    25%

    ¥3,461

    jeonghwanの他の講座

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

    似ている講座

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