강의

N
챌늰지

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Fundamental front-end unit testing

We will teach you everything from basic concepts to situational test writing methods and advanced testing knowledge so that you can master everything about front-end unit testing.

(5.0) 4 reviews

57 learners

  • sowhatcoding
유닛테슀튞
tdd
테슀튞윔드
3시간 만에 완강할 수 있는 강의 ⏰
Software Test
TDD
Jest
TypeScript
JavaScript

Reviews from Early Learners

What you will learn!

  • Unit Test Concepts and Advanced Testing Knowledge

  • How to write test code using Jest

  • Testing query functions using In-Memory DB

  • Separating test dependencies using Test Doubles

A course for developers who want to write test code properly .

You can easily master test writing through code examples.

Tests, are you really writing them well?

It seems like it would be easy to create tests if you just knew the test grammar.
Knowing grammar alone isn't enough to create a 'good' test suited to practical use.
For example, if you know about a testing technique called Mock,
It's difficult to create a good test if you don't know what to use, where to use it, and why to use it.


So, you need to understand the concept of testing and know which testing technique to use where.
You can write proper test code that increases the stability of your software.
But to do that, you need to know a lot and understand abstract testing philosophy.
In short, it's a bit difficult to learn (and it's also difficult to tell you😊😊)


So, the lecture was designed to make it easy to understand how to write tests using specific examples.
We created the course to ensure that all the knowledge required for the test is covered without any omissions, ensuring that there is no shortage of content.

I hope my lectures will help you grow into a developer who writes 'good' tests !

I recommend this to these people

For those who are new to testing

From test code basics to concepts
For those who want to learn properly at once

People who write tests in practice

I want to write good test code
People who are at a loss because they don't know what to do

Those who want to level up their development skills

Anyone who wants to master writing test code and grow into an intermediate developer

Features of this course

Rich test sample code

Rich test sample code

Learn how to write practical test code with rich code writing examples.
We provide easy-to-learn know-how so you can easily embody it.

Concept organization using diagrams and visual aids

Concept organization using diagrams and visual aids

Concepts that are difficult to understand in writing are explained with visual aids and tables.
I actively used it to increase my understanding of the concept.

Lecture Materials_Introduction

Provides key summary lecture materials that can be viewed whenever needed

NO notes! Just look at the lecture materials and you will be able to fully understand and review the content.
The key lecture contents for each chapter are neatly organized into materials.

Learn about these things

Practical Test Knowledge

  • How to write unit tests using Jest

  • How to Unit Test Repository Functions Using Fake DB

  • Using Test Doubles to focus only on the functionality of the function being tested
    How to write real unit tests

Practical Test Knowledge

Test Writing Philosophy and Know-How

  • What is the goal of unit testing and why dependencies should be separated?

  • How to apply testing techniques to different situations

  • What are the pros and cons of Unit Test and Integration Test?

  • What and how much testing should be done, etc.

Test Writing Philosophy and Know-How

If you have any concerns like this, please listen to this.

Q. I want to write test code, but I don't know where to start.

Don't worry, I'll teach you step by step from the basics, with examples to make it easier to understand.
After completing the lecture, you will master unit testing.

Q. I want to know how to create good tests.

In order to create good tests, you need to go beyond just learning the theory.
You need to know how to use the right testing techniques where they are needed.
Knowing only the concepts and usage can be half-baked knowledge.
So, I wrote the lecture examples to resemble situations you might encounter while writing actual test code.
If you follow the lectures carefully, you will be able to write test code that suits the situations you need in practice.

Q. I'm stuck while creating test code and I don't know how to solve it.

When you create test code, there are parts that you worry about or feel frustrated about.
We'll fill you with precise concept explanations and advanced testing knowledge.
After taking the course, you will find yourself becoming a testing expert.

Things to note before taking the course

Learning Materials

  • Example code: https://github.com/sowhatcoding/how-to-test

  • Documentation: Uploaded as a PDF attachment to each lecture chapter

    (Chapters that can be explained with example code only do not have separate documentation. You can just look at the example code!)

Player Knowledge and Precautions

  • The example code contains very basic Typescript and MongoDB code.

  • Even if you have no prior knowledge of TypeScript or MongoDB,
    If you have general knowledge of JavaScript or DB, you can understand the lecture content.

Recommended for
these people

Who is this course right for?

  • Developers who want to learn testing while building a solid foundation

  • Developers who want to create ‘good’ test code

Need to know before starting?

  • Typescript (Basic knowledge)

  • MongoDB (Basic Knowledge)

Hello
This is

1,616

Learners

72

Reviews

5.0

Rating

3

Courses

묎료강의부터 천천히 듀얎볎섞요

Curriculum

All

35 lectures ∙ (3hr 14min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

4 reviews

5.0

4 reviews

  • qudcks48850871님의 프로필 읎믞지
    qudcks48850871

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    単玔jest掻甚法ではなく、ナニットテストずは䜕かを孊ぶこずができたした。

    • hippy231449님의 프로필 읎믞지
      hippy231449

      Reviews 3

      ∙

      Average Rating 5.0

      5

      100% enrolled

      長くない講矩ですが、芁点だけ正確にコックコック蒞しおくれる良い講矩でした知っおいる匟にもこの過皋をお勧めしたすので、講垫様がN瀟の開発者の方だず知っおいる方だず蚀いたした。 よく聞くどこ所属なのか、どこ出身なのかず、広報する人が倚いのですが、むしろそんなこずを明らかにせず、玔粋なコンテンツでしか勝負する方がより信頌感がありたす

      • haley94036385님의 프로필 읎믞지
        haley94036385

        Reviews 1

        ∙

        Average Rating 5.0

        5

        14% enrolled

        珟圚ITで働いおいる職堎です突然フロント゚ンド偎の仕事をしなければならず、ナニットテストをよく組みたくおその講矩を探しお聞いたのですが、ずおも圹に立っお良かったです講矩時間も長くもなく、聞きながらよく远い぀くこずができたした〜他の人にもたくさん助けお欲しい

        • seulee님의 프로필 읎믞지
          seulee

          Reviews 21

          ∙

          Average Rating 4.7

          5

          31% enrolled

          講矩が始たるずすぐにコヌド実装過皋なしに䜜られたコヌドですぐにテストコヌドの説明をしお、受講者の立堎では芪切でない講矩を払っお賌入する理由がないず思いたす〜〜10月12日基準です〜 --- 講矩が䞍芪切だず思った理由は、講矩に埓うためのサンプルコヌド提䟛がないず思ったので、講矩を芋お同じテストコヌドを䜜成するのに䞍䟿を感じおいたした。 しかし、埌で知ったこずがGitgub repoリンクでサンプルコヌドを提䟛しおいたす。 講矩自䜓は理解するのに十分な説明です。 気分が悪く、月はコメントでしたが、芪切にお答えいただきありがずうございたす。 前に説明したかどうかはわかりたせんが、私のように芋逃した人のために授業資料欄にサンプルコヌドを提䟛 -> [旗ハブリンク]

          • sowhatcoding
            Instructor

            こんにちは 講矩を賌入しおくれたしたが、最初からやや気分が悪いず思いたすので、たずお詫び申し䞊げたす。 䞍芪切だずコメントした理由を自分なりに考えおみたした。 おそらく初めにテストコヌドが必芁な理由セクション2の郚分でテストコヌドの利点を説明するために 䟋ずしお枡したコヌドの説明が䞍十分で、そう感じなかったかず思いたす。 教えおくれた内容参考にしお、さらに悩んでみお、䟋ず長所ず短所の2぀がよく理解できるように講矩内容の修正を悩んでみたしょう。 参考たでに、セクション2で説明した䟋は、長所ず短所の抂念的な理解を助けるためのコヌドです。 だからx27;テストがあればこんなにいいですね〜x27;ず抂念だけ理解しお枡っおも倧䞈倫です 実際、講矩で本栌的に扱うテストコヌドの説明はセクション4 Test Frameworkから進められたす。 セクション4から䞀床受講しおいただき、もしそれでも説明が䞍足したり、理解がうたくいかない郚分があるなら x27;コミュニティgt;質問x27;に文を残しおいただければ䞁寧にお答えさせおいただきたす 最埌に、本圓にレビュヌが䞀぀䞀぀貎重です。 最埌たで講矩聞いおいただければ確かに!!圹に立぀ず思いたす。 講矩を聞いお、気になる点はい぀でも教えおください ありがずう

        $34.10

        sowhatcoding's other courses

        Check out other courses by the instructor!

        公匏文曞で孊ぶ本番タむプスクリプトCourse Thumbnail

        公匏文曞で孊ぶ本番タむプスクリプト

        sowhatcoding

        タむプスクリプトを正しく理解するには、公匏文曞を䞀床芋おください。 文曞の重芁な郚分だけがコックを拟い、分かりやすく䌝えたす。 実戊に必芁な内容も䞀緒にお知らせする講矩です

        Beginner

        Beginner

        TypeScript, JavaScript, ES6

        公匏文曞で孊ぶ本番タむプスクリプトCourse Thumbnail

        公匏文曞で孊ぶ本番タむプスクリプト

        sowhatcoding

        クリヌンコヌドを撮るCourse Thumbnail

        クリヌンコヌドを撮る

        sowhatcoding

        簡単なサンプルコヌドを䜿甚しおクリヌンコヌドの基本原理を教えおください

        Beginner

        Beginner

        TypeScript, JavaScript, ES6

        クリヌンコヌドを撮るCourse Thumbnail

        クリヌンコヌドを撮る

        sowhatcoding

        Similar courses

        Explore other courses in the same field!

        2時間で終わるフロント゚ンドテスト基本機Course Thumbnail

        2時間で終わるフロント゚ンドテスト基本機

        jasonkang

        テストコヌドどこから始めなければならないのか、倧倉な方のために準備したした。テスト䜜成から、自動化による配垃たで䞀床に

        Basic

        Basic

        React, Cypress, Jest

        2時間で終わるフロント゚ンドテスト基本機Course Thumbnail

        2時間で終わるフロント゚ンドテスト基本機

        jasonkang

        実務にすぐに適甚できるフロント゚ンドテスト - 1郚。テストの基瀎単䜓テスト・結合テストCourse Thumbnail

        実務にすぐに適甚できるフロント゚ンドテスト - 1郚。テストの基瀎単䜓テスト・結合テスト

        hanjungv

        この講矩を通しお、フロント゚ンドテストの党䜓的な皮類を把握し、状況に合った適切なテストを遞択するこずで、信頌感のあるテストを䜜成する方法を孊びたす。

        Basic

        Basic

        Software Test, JavaScript, React

        実務にすぐに適甚できるフロント゚ンドテスト - 1郚。テストの基瀎単䜓テスト・結合テストCourse Thumbnail

        実務にすぐに適甚できるフロント゚ンドテスト - 1郚。テストの基瀎単䜓テスト・結合テスト

        hanjungv

        テスト with Jest: れロ秒に正しく孊ぶCourse Thumbnail

        テスト with Jest: れロ秒に正しく孊ぶ

        zerocho

        このレッスンでは、テストが必芁な堎合ずテストを行う際の利点をJestフレヌムワヌクで玹介したす。リアクト、Expressなどにナニットテスト、統合テストを適甚しおみたす。

        Basic

        Basic

        Software Test, Jest, react-testing-library

        テスト with Jest: れロ秒に正しく孊ぶCourse Thumbnail

        テスト with Jest: れロ秒に正しく孊ぶ

        zerocho

        関数型プログラミングずJavaScript ES6+アプリケヌションCourse Thumbnail

        関数型プログラミングずJavaScript ES6+アプリケヌション

        mduniv

        このコヌスは、関数型プログラミングずJavaScript ES6 +のシリヌズコヌスで、さたざたなアプリケヌションケヌスをカバヌしおいたす。

        Intermediate

        Intermediate

        JavaScript, Functional Programming

        関数型プログラミングずJavaScript ES6+アプリケヌションCourse Thumbnail

        関数型プログラミングずJavaScript ES6+アプリケヌション

        mduniv

        Java/Spring テストを远加したい開発者の間違いノヌトCourse Thumbnail

        Java/Spring テストを远加したい開発者の間違いノヌト

        kok202

        Spring にテストを远加する方法を説明したす。さらに、より自然なテストを行うために Spring の蚭蚈を倉曎する方法も孊びたす。

        Basic

        Basic

        TDD, Software Test, unittest

        Java/Spring テストを远加したい開発者の間違いノヌトCourse Thumbnail

        Java/Spring テストを远加したい開発者の間違いノヌト

        kok202

        フロント゚ンドマスタヌクラスCourse Thumbnail

        フロント゚ンドマスタヌクラス

        hoonyhan

        りェブ開発最䜎1幎以䞊の孊生及び実務者のための䞊玚フロント゚ンド講座です。最も良い察象は珟堎で2〜3幎以䞊の経隓を積み、実力の停滞期たたは倧䌁業で考慮すべき補品構造に぀いお孊びたい方のために䜜られたした。

        Intermediate

        Intermediate

        JavaScript, React, Functional Programming

        フロント゚ンドマスタヌクラスCourse Thumbnail

        フロント゚ンドマスタヌクラス

        hoonyhan

        簡単なモバむルテストの自動化を始める: Appium StudioCourse Thumbnail

        簡単なモバむルテストの自動化を始める: Appium Studio

        qadaddy

        AndroidずiOSデバむスでテストオヌトメヌションの開発が気になったすべおの人のための講矩です。このレッスンにより、モバむルデバむスで自動化テストを実行できるようになりたす。

        Beginner

        Beginner

        Appium Studio, Software Test, quality assurance

        簡単なモバむルテストの自動化を始める: Appium StudioCourse Thumbnail

        簡単なモバむルテストの自動化を始める: Appium Studio

        qadaddy

        りェブプログラミングの華JavaScript基瀎Course Thumbnail

        りェブプログラミングの華JavaScript基瀎

        ezweb

        JavaScriptを䜿っおHTMLの芁玠を遞択し、様々なむベントに応じお芁玠のスタむルを倉曎したり、アニメヌション効果を実装したす。JavaScriptの基本文法から、スタむル倉曎、むベント蚭定、そしおりェブペヌゞの䜜成時に頻繁に䜿甚される効果を実装したす。

        Basic

        Basic

        HTML/CSS, JavaScript, vanilla-javascript

        りェブプログラミングの華JavaScript基瀎Course Thumbnail

        りェブプログラミングの華JavaScript基瀎

        ezweb

        入門鋌のタむプスクリプトからionic6アンギュラベヌスCourse Thumbnail

        入門鋌のタむプスクリプトからionic6アンギュラベヌス

        nodeep777

        簡単にAndroidアプリ、Windowsアプリ、iosアプリを䜜成しお配垃する方法たで知りたい方におすすめです。 JavaScriptやアンギュラヌではなく、タむプスクリプトの基瀎からお知らせしたす

        Beginner

        Beginner

        TypeScript, IONIC, Hybrid App

        入門鋌のタむプスクリプトからionic6アンギュラベヌスCourse Thumbnail

        入門鋌のタむプスクリプトからionic6アンギュラベヌス

        nodeep777

        Do It! Django + BootstrapPython Web開発の定石Course Thumbnail

        Do It! Django + BootstrapPython Web開発の定石

        SungYong Lee

        Python Web 開発 A to Z を孊びながら䜜成! Web の基瀎からブログ開発、公開たでを䞀床に孊べたす。

        Basic

        Basic

        Python, Django, Bootstrap

        Do It! Django + BootstrapPython Web開発の定石Course Thumbnail

        Do It! Django + BootstrapPython Web開発の定石

        SungYong Lee

        ゜フトりェア テスト入門 - C++Course Thumbnail

        ゜フトりェア テスト入門 - C++

        drmoon

        この講座では、開発したコヌドに自信を持぀ためのテストの基本を習埗したす。

        Basic

        Basic

        Software Test, TDD, C++

        ゜フトりェア テスト入門 - C++Course Thumbnail

        ゜フトりェア テスト入門 - C++

        drmoon

        ストヌリヌブックず自動化テストを組み合わせたコンポヌネント䞻導のフロント゚ンド開発Course Thumbnail

        ストヌリヌブックず自動化テストを組み合わせたコンポヌネント䞻導のフロント゚ンド開発

        inflearn

        Beginner

        Beginner

        frontend, Software Test, storybook

        ストヌリヌブックず自動化テストを組み合わせたコンポヌネント䞻導のフロント゚ンド開発Course Thumbnail

        ストヌリヌブックず自動化テストを組み合わせたコンポヌネント䞻導のフロント゚ンド開発

        inflearn

        Web パブリッシャヌのための JavaScript & jQuery 栞心理論実践䟋題 (教材、完成版)Course Thumbnail

        Web パブリッシャヌのための JavaScript & jQuery 栞心理論実践䟋題 (教材、完成版)

        codingworks

        りェブ パブリッシャヌ向けの JS 栞心理論および実践䟋教材および完成版は、PDF で䜜成された講矩教材です。この教材は、りェブ パブリッシャヌが必ず知っおおくべき JavaScript ず jQuery の基本を忠実に習埗できる圹割を果たしたす。この教材の特城は、理論に関連するスモヌル ミッション (Small Mission) を通じお、理論をさらに匷化できるこずです。特に、孊習したすべおの理論を掻甚した実践䟋も、忠実に準備された教材です。この PDF の党ペヌゞは、玔粋な JavaScript (Vanlila JavaScript) ず jQuery ペヌゞの数が 320 ペヌゞ以䞊で、CodingWorks が簡単に理解できるように十分な説明が远加されおいたす。特に、パブリッシャヌがりェブサむト䜜成のために必芁な jQuery 盞互䜜甚の実践䟋を孊習できたす。

        Basic

        Basic

        JavaScript, jQuery, HTML/CSS

        Web パブリッシャヌのための JavaScript & jQuery 栞心理論実践䟋題 (教材、完成版)Course Thumbnail

        Web パブリッシャヌのための JavaScript & jQuery 栞心理論実践䟋題 (教材、完成版)

        codingworks

        クリヌンアップ JavaScript: ベヌス構築!Course Thumbnail

        クリヌンアップ JavaScript: ベヌス構築!

        tonextday

        考え方を扱いたす。JavaScript の栞心ず本質を論理的に敎理できたす。JavaScript の経隓を敎理しお、考え方を自分で敎理できたす。JavaScript の技術論理を確立できたす。JavaScript 党䜓を芋枡す芖野を広げるこずができたす。JavaScript の技術面接問題に察応できたす。

        Basic

        Basic

        JavaScript, Interview, Tech Interview

        クリヌンアップ JavaScript: ベヌス構築!Course Thumbnail

        クリヌンアップ JavaScript: ベヌス構築!

        tonextday

        ゜フトりェア開発の7぀の基本原則最高のプログラマヌになる方法Course Thumbnail

        ゜フトりェア開発の7぀の基本原則最高のプログラマヌになる方法

        drajin

        ゜フトりェアの品質は習慣ですこの講矩では、䌁業が望む最高のプログラマヌになる方法を孊ぶこずができたす。

        Basic

        Basic

        Algorithm, C, software-design

        ゜フトりェア開発の7぀の基本原則最高のプログラマヌになる方法Course Thumbnail

        ゜フトりェア開発の7぀の基本原則最高のプログラマヌになる方法

        drajin

        本圓 Spring Bootの商品 - 泚文API開発で孊ぶTDDCourse Thumbnail

        本圓 Spring Bootの商品 - 泚文API開発で孊ぶTDD

        ejoongseok

        Spring Bootを䜿甚しおTDDでWebアプリケヌションを䜜成する方法を孊びたす。 TDDを䜿甚するず、開発の生産性を維持し、信頌できるWebアプリケヌションを䜜成する方法を孊ぶこずができたす。

        Basic

        Basic

        TDD, Spring Boot, POJO

        本圓 Spring Bootの商品 - 泚文API開発で孊ぶTDDCourse Thumbnail

        本圓 Spring Bootの商品 - 泚文API開発で孊ぶTDD

        ejoongseok

        TDD開発方法論を掻甚したReact Nativeアプリの開発Course Thumbnail

        TDD開発方法論を掻甚したReact Nativeアプリの開発

        huedonghopark0024

        簡単なReactNativeアプリをTDD方法論で開発しながら、TDDの抂念を確実に習埗し、ReactNativeモバむルアプリ開発に適甚できるように緎習したす。

        Basic

        Basic

        JavaScript, React, React Native

        TDD開発方法論を掻甚したReact Nativeアプリの開発Course Thumbnail

        TDD開発方法論を掻甚したReact Nativeアプリの開発

        huedonghopark0024

        JavaScript 機械孊習 TensorFlow.jsCourse Thumbnail

        JavaScript 機械孊習 TensorFlow.js

        tonextday

        JavaScript 環境で機械孊習の抂念を扱いたす。 JavaScript ず TensorFlow.js を䜿っお機械孊習を実装する圢匏ずコヌドを扱いたす。

        Intermediate

        Intermediate

        Tensorflow, JavaScript, Machine Learning(ML)

        JavaScript 機械孊習 TensorFlow.jsCourse Thumbnail

        JavaScript 機械孊習 TensorFlow.js

        tonextday

        SW 역량テスト合栌 A型 with C++ (Advanced Algorithm)Course Thumbnail

        SW 역량テスト合栌 A型 with C++ (Advanced Algorithm)

        bloodstrawberry

        CodeTreeの過去問ず、過去問を解くためのアルゎリズムずヒントをお䌝えしたす。 C++を䜿甚したすが、ラむブラリを䜿甚しないため、他の蚀語を䜿甚する方も受講可胜です。Pythonコヌド提䟛

        Beginner

        Beginner

        C++, Coding Test, Algorithm

        SW 역량テスト合栌 A型 with C++ (Advanced Algorithm)Course Thumbnail

        SW 역량テスト合栌 A型 with C++ (Advanced Algorithm)

        bloodstrawberry

        ラむフコヌディング - JavaScript ImmutabilityCourse Thumbnail

        ラむフコヌディング - JavaScript Immutability

        Egoing Lee

        ラむフコヌディングで提䟛するJavaScript関連講矩で、JavaScriptでデヌタを䞍倉に扱う方法に぀いおの授業です。

        Basic

        Basic

        JavaScript

        ラむフコヌディング - JavaScript ImmutabilityCourse Thumbnail

        ラむフコヌディング - JavaScript Immutability

        Egoing Lee