【Angular14】で学ぶフルスタックフレームワーク:製造+Unitテスト・E2Eテストを実践する入門版

Udemy MOOC / Non-credit USD 199.99
Enroll now →
【Angular14】で学ぶフルスタックフレームワーク:製造+Unitテスト・E2Eテストを実践する入門版

About this course

こちらは「Angular」を初めて学ぶ方向けのコースです。本コースは、2022年10月時点での最新バージョン「Angular14」に対応しています。※2023年夏に更新予定ですある程度の業務経験やプログラミングの経験があるとなお良いですが、細かい部分まで解説しますのでプログラミング初心者の方でも学べるようになっています。本コースでは、通販サイトの商品管理システムを制作しながら、Angularを用いたシステム開発を学びます。実際の開発業務に沿って、開発からテスト工程までを実施します。詳細は以下の通りです。実際の業務にそった手順でhtml、cssをテンプレートに取り込むところからはじめて、TypeScriptやRxJS、Angular Materialを使い実際に画面を製造しますサインイン画面を含む6画面を作ります。画面数を多くこなすことで学習が定着しやすくなりますWebサービスは別途準備したSpring bootを使いRxJSを使って接続しますその他には、カスタムバリデーション、カスタムパイプ、カスタムディレクティブなどのテクニックを使います各画面の製造と同時にJasmine+Karmaを使ったUnitテストも追加します終盤のレクチャーではメディアクエリを使ったPCとスマホ両方に適したResponsive対応も行います最後にCypress+cypress-image-snapshotを使ってE2Eテストを行います本コースは、プログラミング初心者の方でも理解して手を動かせるようになるため、非常に細かいところまで時間をかけて解説をするようにしています。少し細かすぎるかな…?という解説もありますので、ご自身の理解に合わせて、倍速再生などを利用して、受講を進めてください。

What you'll learn

  • Create a product management system using Angular
  • Implement unit tests with Jasmine and Karma
  • Perform end-to-end testing with Cypress
  • Utilize responsive design for both PC and mobile
  • Employ TypeScript and RxJS effectively

Course objectives

  • Understand the fundamentals of Angular 14
  • Apply Angular Material for UI development
  • Master custom validation, pipes, and directives

Skills you'll gain

Related courses

Course details are provided by the platform and may change — always confirm on the provider's site. Links may be affiliate links.