강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

実践的なフロントエンド テストを開始する

能力のあるフロントエンド開発実務者になりたいなら、ぜひ聞かなければならないテスト講義。テスト入門から本番まで一発で終わる👊

  • captain
실습 중심
테스트코드
Software Test
Cypress
e2e
JavaScript
Next.js

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

受講後に得られること

  • フロントエンド テスト

  • テスト理論

  • テスト コードの作成方法

  • e2e テスト

  • サイプレス

  • テスト自動化

上手なフロントエンド開発者の能力は何ですか? 🤔

機能を素早く実装する能力 劣らず実装した機能の安定性と完成度を取ることも重要です。私が作成したコードが既存の機能に影響を与えないことを毎回注意深く確認する必要があります。

繰り返し機能の動作を確認することは、最後と面倒です。特に、私たちの退勤時間を遅らせるので、絶対手でのみ直接テストしてはいけません。

私たちの貴重な時間をより貴重な場所に書くのを助けるのは、テストコードとテストオートメーションです。この講義でテストに対する理解度を高めてより賢明に働き、認められるフロントエンド開発者になろう!

この講義の特徴

📌テストコードのみ6年。数多くのQA(品質管理者)とティキタカで積み重ねた深い内空をそっくり伝える講義

📌テストの基礎理論からミニプロジェクト1つ、実戦プロジェクト1つで学ぶ実習中心(90%)の講義

📌テストはなぜするのかテストコードはどのように書くべきかわかりませんか?講義で明快に説明します。

📌実務でテストコードはどう思いますか?どのように書くのが効果的かをすべて教えてください。

📌テストシナリオをユーザーの観点から設計する方法を紹介します。

こんな方におすすめです

テストに興味があります。

周辺でテストコードが重要だというのにどこから始めるべきかわかりません。

フロントエンドの開発をうまくやりたいです。
機能の実装はまもなく良いです。
次のレベルの開発者になるには
どうすればいいですか?

配布するたびに確認するのは面倒です。
サービスを展開するたびに、機能の動作を毎日確認するのはとても面倒です。簡単にする方法はありませんか?

受講後は

  • テストコードがなぜ必要なのか、どのようなものをテストするのか、頭ではなく手がわかります。

  • テストコードを簡潔かつ効果的に書く方法がわかります。

  • 手で毎日繰り返し確認していた習慣を捨てて機能確認を自動化できます。

  • Webアプリケーションコードの品質と完成度をさらに一歩上げることができます。

  • Cypressテストツールを扱うのが簡単になります。

このような内容を学びます。

テストの基本概念と全体的なテスト理論

Web開発者の観点から知っておく必要がある全体的なテストの理論と基本概念を教案として説明します。

テストツールの基本的な使い方からエラーの解釈まで

テストツールの基本的な使い方と各UIごとに知っておくと良い特徴まですべて教えてくれます。特に、ライブコーディングで一緒にエラーを出して分析してみて修正できます。

テストシナリオの設計方法と段階的なリファクタリングまで

長年のテストシナリオを作成したノウハウをお届けします。学習して学習したコードを体系的に構造化し、リファクタリングでテストコードの品質を向上させます。

ミニプロジェクトに入門し、本番プロジェクトで終わる。

シンプルなカウンターアプリと機能のあるショッピングモールサイトにテストコードを書きながら、基本概念と深化概念の両方を学びます。実務で積み上げたハチミツ先端放出

この講義を作った人👨‍💻

チャン・ギヒョ(キャプテン板橋)

「Inflearnが出会った人」インタビュー

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):レッスンでMacを書きますが、Windows関連のショートカットもすべて説明します。

  • 使用ツール:VSCode

学習資料

  • 羽毛で完成したソースコードが提供されています。

  • 講義映像別にさらに学習できる教育資料や教育映像を多数提供します。

選手の知識と注意事項

  • JavaScriptとフロントエンドフレームワーク(ReactまたはVue)の基本概念

  • Next.jsはじめに講義を聞いて来たらもっといいです^^

ドラティバナーコレクション (3)
ウィズバンドバナーコレクション

こんな方に
おすすめです

学習対象は
誰でしょう?

  • テストに興味のあるフロントエンド開発者

  • ジュニア フロントエンド開発者

  • フロントエンド開発入門者

  • 早く退社したい実務ウェブ開発者

  • 機能を確認するのに毎回面倒なWeb開発者

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

  • JavaScript

こんにちは
です。

48,882

受講生

4,775

受講レビュー

3,815

回答

4.9

講座評価

19

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

36件 ∙ (3時間 32分)

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

受講レビュー

全体

26件

5.0

26件の受講レビュー

  • kga9002님의 프로필 이미지
    kga9002

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    会社でテストコードを書いてみようと言われたが、以前に書いておいたコードがあるわけではなく、一人で勉強して書かなければならない状況だが、グーグルで幕を閉じた車にキャプテン板教様の講義はタスやビューを勉強しながらも聞いたが、新しい講義をしてくれた。受講しました。 環境設定やエラー私は部分でよく説明して、他の講義よりも続く部分で時間を減らして作業することができます。

    • captain
      知識共有者

      最初の受講評ありがとうございます。興味があれば受講して保税用。ありがとうございます! :) https://inf.run/RC452

  • chayeonggeon0331님의 프로필 이미지
    chayeonggeon0331

    受講レビュー 1

    平均評価 5.0

    5

    31% 受講後に作成

    • mung50799126님의 프로필 이미지
      mung50799126

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      毎回ユニットテストだけで不足している部分を感じて受講しました。現業開発者ではありませんが、トイ・フジェクをしながら助けてくれました。ありがとうございます!

      • tk2ektk3ek6796님의 프로필 이미지
        tk2ektk3ek6796

        受講レビュー 37

        平均評価 5.0

        5

        100% 受講後に作成

        • ymh0951님의 프로필 이미지
          ymh0951

          受講レビュー 17

          平均評価 5.0

          5

          100% 受講後に作成

          毎日Jestのように単体テストだけで、今回Cypressに触れながら、E2Eテストは初めて触れてみるのに勉強しながら、とても不思議で面白く講義を聞きました!今回も良い講義ありがとうございます:)

          • captain
            知識共有者

            ああ、コンパンダーは久しぶりです。

        ¥6,873

        captainの他の講座

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

        似ている講座

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