강의

멘토링

로드맵

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

受講生

4,706

受講レビュー

3,813

回答

4.9

講座評価

17

講座

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

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

カリキュラム

全体

36件 ∙ (3時間 32分)

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

受講レビュー

全体

24件

5.0

24件の受講レビュー

  • 김지애님의 프로필 이미지
    김지애

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    회사에서 테스트코드를 작성해보자고 말이 나왔는데 이전에 작성해둔 코드가 있는것도 아니고 혼자 공부해서 작성해야 하는 상황인데 구글링으로 막막하던 차에 캡틴판교님 강의는 타스나 뷰 공부하면서도 들었었는데 새 강의를 내셨길래 바로 수강하였습니다. 환경 설정이나 오류 나는 부분에서 잘 설명해주셔서 다른 강의보다 따라가는 부분에서 시간을 덜 뺏기고 작업할 수 있어 좋습니다.

    • 장기효(캡틴판교)
      知識共有者

      첫 수강평 감사드려요 지애님 :) 오늘 마침 JS 강의도 오픈되었는데요. 관심 있으시면 수강해 보세용. 감사합니다! :) https://inf.run/RC452

  • mung5079님의 프로필 이미지
    mung5079

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    매번 단위테스트만 하다가 부족한 부분을 느껴서 수강했습니다. 현업 개발자는 아니지만 토이 플젝을 하면서 도움 많이 됐습니다. 감사합니다!

    • monkey-k 777님의 프로필 이미지
      monkey-k 777

      受講レビュー 37

      平均評価 5.0

      5

      100% 受講後に作成

      • 콩팬더님의 프로필 이미지
        콩팬더

        受講レビュー 17

        平均評価 5.0

        5

        100% 受講後に作成

        매일 Jest 같이 단위 테스트만 하다가 이번에 Cypress를 접하면서 E2E 테스트는 처음 접해보는데 공부하면서 되게 신기해서 재밌게 강의 들었습니다! 이번에도 좋은 강의 감사합니다 :)

        • 오 콩팬더님 오랜만이네요 ㅋㅋ 이번 강의도 재밌게 들어주셔서 감사합니다 :)

      • 뉴로핏 주식회사님의 프로필 이미지
        뉴로핏 주식회사

        受講レビュー 4

        平均評価 4.8

        5

        100% 受講後に作成

        期間限定セール、あと19:14:26日で終了

        ¥41,250

        25%

        ¥6,714

        captainの他の講座

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

        似ている講座

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