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

プログラミング初心者でも大丈夫!AngularとMaterialを用いて、モダンな業務系アプリケーションを開発しながらシステム開発の基礎を学びます。プログラミングだけではなくUnitテストやE2Eテストも現役エンジニアが徹底解説します。

3.70 (111 reviews)
Udemy
platform
日本語
language
Web Development
category
instructor
【Angular14】で学ぶフルスタックフレームワーク:製造+Unitテスト・E2Eテストを実践する入門版
1,079
students
24 hours
content
Jul 2023
last update
$19.99
regular price

What you will learn

Angularを用いて、業務系アプリケーションを開発します

AngularとAngular CLIを使えるようになります

Angular Materialを使ってモダンな画面開発をできるようになります

RxJSを使ってWebサービスと接続できるようになります

カスタムバリデーション、カスタムパイプ、カスタムディレクティブなど現場で役立つテクニックを学べます

マルチ言語とマルチタイムゾーンの基礎がわかります

メディアクエリを使ったPCとスマホ両方に適したResponsive対応を学べます

Jasmine+Karmaを使ったUnitテストの勘所がわかるようになります

Cypress+cypress-image-snapshotを使ったE2Eテストの勘所がわかるようになります

Why take this course?

こちらは「Angular」を初めて学ぶ方向けのコースです。

本コースは、2022年10月時点での最新バージョン「Angular14」に対応しています。
※2023年夏に更新予定です


ある程度の業務経験やプログラミングの経験があるとなお良いですが、

細かい部分まで解説しますのでプログラミング初心者の方でも学べるようになっています。


本コースでは、通販サイトの商品管理システムを制作しながら、Angularを用いたシステム開発を学びます。

実際の開発業務に沿って、開発からテスト工程までを実施します。


詳細は以下の通りです。


  1. 実際の業務にそった手順でhtml、cssをテンプレートに取り込むところからはじめて、TypeScriptやRxJS、Angular Materialを使い実際に画面を製造します

  2. サインイン画面を含む6画面を作ります。画面数を多くこなすことで学習が定着しやすくなります

  3. Webサービスは別途準備したSpring bootを使いRxJSを使って接続します

  4. その他には、カスタムバリデーション、カスタムパイプ、カスタムディレクティブなどのテクニックを使います

  5. 各画面の製造と同時にJasmine+Karmaを使ったUnitテストも追加します

  6. 終盤のレクチャーではメディアクエリを使ったPCとスマホ両方に適したResponsive対応も行います

  7. 最後にCypress+cypress-image-snapshotを使ってE2Eテストを行います


本コースは、プログラミング初心者の方でも理解して手を動かせるようになるため、非常に細かいところまで時間をかけて解説をするようにしています。

少し細かすぎるかな…?という解説もありますので、ご自身の理解に合わせて、倍速再生などを利用して、受講を進めてください。

Screenshots

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

Reviews

数藤えみ
January 7, 2023
言葉での説明が多く、何をしているのかがわかりにくく感じるときがある。 しかし、Angularが学べるコースが少ない中で、まあまあ最近のバージョンの内容をじっくり学べるのはグッドだと思う。内容量も多く、満足できる。
図師
February 2, 2022
実際に記載するコードが添付ファイルに書かれているので、構文エラーやスペルミスによるつまずきが無いのはありがたいです。 angularは学習の難しいフレームワークですが、手厚いファイルによるサポートとコードの解析は学習をスムーズにしてくれました。難点としては、angularに特化しているので、初心者でtypescriptなどの知識がない方は、まずは別の講座などである程度typescriptを自力で書いてから、こちらの講座を受けると追加で知識がつくかなと思います。 angularに関する教材の購入はこれで3つ目ですが、ココまでボリュームがあり機能の実証経験がつめる教材はすくないのでぜひ使って欲しいangular教材の1つですね。
T
October 30, 2021
QAに丁寧に対応いただきありがとうございました。 とにかく「Angularを触ってみる」に主眼を置かれているので、最初のハンズオンに最適かと思います。 ただ説明の内容・仕方がどうしても気になったので書かせていただきます。 「なぜこのディレクトリ設計なのか」「なぜこの書き方なのか」といった「なぜ」の部分の説明がないため、そこらへんをもっと「解説」してほしかったです。 各コードをとにかく書く→書いた内容を順に「説明」する、という流れでコースが進みますが、ただ書いている内容の「説明」に終始しており、「なぜそのように書くのか」の「解説」が深堀りされないのが、個人的にはその背景まで知りたかったので残念でした。 コードの背景の推測は、ある程度知識や経験がないとできないため、プログラミング初学者向けの内容ではないです。全くの初学者では置いてけぼりを食らうと思います。 (そもそもAngular自体が初学者向けではないのですが…) あとは説明の仕方について。台本を読み上げられるので内容はもれなく丁寧になっているのですが、そのトレードオフで「どこが特に重要なのか」が分からなかったです。 もっと作者の感情・気持ちを乗せられてもよかったのではと思います。説明を聞いている側としては、淡々と続けられると聞き続けるのがしんどくなってきます。 また、全部を全部説明する必要はなく、重点をしぼって解説していただきたかったです。 いろいろと気になる点があったため長文を書いてしまい失礼しました。こうすればもっと良くなるのになという気持ちで書いてしまいました。 内容自体は実践的かつ丁寧で非常に良いと思います。ありがとうございました。
Masanori
September 29, 2021
現役のベテランエンジニアによる講座とのことで、非常に充実した内容になっていますAngularはもちろん、今風の開発手法を学ぶことができて大変満足しています。 かなりボリュームがありますが、書籍や研修ではあまり触れられない点まで詳しく解説されています。 細かく章立てされておりスライドも見やすいので、気になったところだけ見返したりしています。

Charts

Price

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

Rating

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

Enrollment distribution

【Angular14】で学ぶフルスタックフレームワーク:製造+Unitテスト・E2Eテストを実践する入門版 - Distribution chart
2518170
udemy ID
8/20/2019
course created date
9/25/2021
course indexed date
Bot
course submited by