続【AngularとNode.jsで始める】JavaScript系WEBアプリケーション開発コンプリートガイド②

ngFormの使い方から入力データをNoSQLデータベース(MongoDB)へ保存、ログイン時にJWTトークン発行など本番稼働を想定た本格Webアプリ開発のノウハウを一通り学べる！フローチャート設計からデバッグ手法も合わせて一気に学ぼう！

4.30 (122 reviews)

Udemy

platform

日本語

language

Other

What you will learn

Angular ngFormを使った入力フォームの実装方法

新規会員登録・ログインフォームの要件定義の方法

ngFormからの入力データをNodeサーバー側で受け取り処理させる方法

JWT（JSON Web Token）を用いたログイン認証方法

AuthGuard（認証ガード）を使った「会員限定閲覧ページ」の実装方法

Why take this course?

前作【AngularとNodejsで始める！】JavaScript系 WEBアプリケーション開発コンプリートガイド①待望の続編！！

前作で構築した基盤Webアプリケーションをより実用レベルに機能強化すべく、

本コースで新たに、

新規会員登録フォームフロントエンドデザイン
ログインフォームフロントエンドデザイン
Angularフォーム（ngForm）の実装
bcryptによるユーザーパスワードのハッシュ化の方法
バックエンド側でフォームデータの受け取り
バックエンド側で会員情報のMongoDB（NoSQLデータベース）登録
バックエンド側で会員情報照会・認証
JWT（JSON Web Token）発行
ログインユーザー限定閲覧可能ページの実装
本番環境（Heroku）へデプロイ

といった盛りだくさんの内容で授業を行っていきます。

前作と本作をセットでご受講いただくことで、大抵のWebアプリの開発を悠々とこなせるプロエンジニアとして必要な基本知識が一式手に入ります。

（※本作は前作のコースをご受講頂いている方を対象とした続編コースとなります。）

前作と本作のコースを通じて、フロントエンド〜バックエンド開発まで全体を通して学べるので、

将来PM（プロダクトマネージャー）やCTO、VPoE、フルスタックエンジニアになりたい方、

将来独立してフリーランスエンジニアとして活躍したい方に特にお勧めのコースです。

※ このコースは世界最先端のプログラミング言語を扱う為、英語ドキュメントを見ながら開発を進めます。

　日本語でできる限りわかりやすく説明していますが、どうしても英語に拒絶反応が起きてしまう方は受講をお控えください。

※ このコースは受講生のご意見・フィードバックを頂きながら順次アップデートして行きます。UdemyのQ＆A機能やDMでぜひ気軽にご意見を頂ければと思っています！

「ガチめ」な本格コースという事もあり、一部難しい内容も含まれますが、

エンジニアリングを行う上で一生使えるスキルが一気に手に入るコースとなりますのでぜひ一緒に頑張って行きましょう！！

Reviews

Ryota

August 20, 2023

Angular初心者です。【2時間半で学べる！】はじめてのAngular超入門！実践で学ぶ本格Webアプリ開発【TypeScript】と【AngularとNodejsで始める！】JavaScript系 WEBアプリケーション開発コンプリートガイド①を受講しました。実際にwebアプリを作成しながら勉強していくので、効率的に勉強ができたと思います。一通り講座を受け終えた時にアプリができているので達成感があります。バージョン更新の関係で所々コード修正を要しますが、本講座のQ＆Aを見ると、すでに解決済みの問題ばかりでした。コースのリソースに公式ドキュメントのURLが貼り付けてあるので、それを見ながら講座を聞くとよいと思います。

小林

July 21, 2022

前半はやや冗長な部分が見られますが、後半はそれなりに実務に活用できそうな内容が詰め込まれています。ちょっと一般的な作法から外れたやり方をしている部分もありますが、実質的には問題ないので、それほど問題にはならないかな、と思います。

木下正樹

April 14, 2022

サーバサイドがNodeの為そちらは理解半分でながしました。サーバサイドはなんでもいいので、コード丸々ダウンロードできればと思いました。 Angular側は、特に問題ないです。講師の説明は最高だと思いました。

図師

October 30, 2021

自力でのエラー解決や、セキュリティ対策など様々な知識や経験をつめる教材だったと思います。 MAC推奨教材ですが、自分はWindows10のメモリ4GのロースペックPCでも最後まで開発しきることが出来ました。【Windowsでどうクリアした？】同様にWindowsで行う場合の注意点は３つあります。まず1つは一部の物をインストールコマンドが違う点です。こちらはネットで『○○インストール Windowsコマンド』と検索することでクリア可能です。２つ目はビルドにかかるる時間がPCのスペックによってはかなり遅くなる点ですね。自分は低スペック環境だったので、サーバーの立ち上げに毎回かなり時間がかかりました。３つ目はOSが違うことによるエラーの解決です。教材内でメモ帳に記載されたコードをコピペして使う場合がありますが、Windowsの場合はメモ帳のファイルの文字形式をデフォルトの設定からUTF-８に変更してから、コピペを行わないとエラーが発生して動作が止まります。メモ帳を名前を付けて保存をする際に、形式を選択できるので、UTF-８を選択しましょう。 ※MACの場合はコピペでそのまま使えるようです。 Windowsでも最後までいけたので、MACが無くて悩んでいる方もぜひ試してほしい教材ですね。【エラーでつまずいたら？】エラーが発生して躓いた際は、先生への質問機能を使うと良いと思います。多くの教材をUDEMYで購入してきましたが、この教材の先生はかなりレスポンスが早い為、一人で何日も悩むよりも１日取り組んでダメなら質問！を心掛けるとよいペースで学習できるでしょう。【最後に】前編後編とクリアしましたが、全体を通してかなりよい教材だったと思います。仕事の合間を縫って学習し自分はクリアまで２ヶ月近くかかりましたが知識はかなりつきました。今回の知識を使ってオリジナルでメンバー登録制のメディアサイトを作ってみようと思います。先生よい教材をありがとうございました！

三木俊介

May 4, 2021

フロントからバックエンドまでを一通り学べる数少ないコースだと思います。認証までも丁寧に解説されているので Angular や Node.js を使わない場合でも十分に勉強なりますし約に立つと思います

森井

March 23, 2021

すごくわかりやすい。質問に対する対応がスピーディー。復習で今後もこの動画を使っていこうと思います。特にAuthGuardの部分は、今まで触れたことがなかったので、しっかりと理解できるまで見返します。素晴らしい動画を提供していただいてありがとうございます。

福島

June 25, 2020

実践的な、深い内容を教えていただき、Webアプリを個人で学習し始めている立場としては、大変参考になりました。特に良かったと感じた点は、bcryptやAuthGuard等セキュリティ面の実装、ライブラリの使い方をサイト情報をまず紹介してから実装していく点、動画内で問題が起きた場合にデバッグしていく点などが今後のために大変参考になりました。逆に少し改善していただきたい点は、１つのファイルを説明する場合には問題ないのですが、例えば〇〇.module.ts等を階層を潰して作る場合、複数ファイルを切り替えながら実装していくのですが、ここが、これがの説明が多く、どのファイルの、どの部分かが、ハンズオン形式ではわかりにくいので、イライラ感じる部分もありました。もう少し、〇〇ファイルの、〇〇記述部分のとゆっくりした説明があれば、動画を繰り返す回数が減ると思います。またGitHUBへのPushの際やまとめ資料等で、セクション内容を復習も兼ねて振り返り説明あれば頭が整理されるので良いと思います。今後の希望としては、画像ファイルをサーバー側に保存し使ったり、C#やpython等の既存アプリをサーバー側実装する方法等の講座が希望です。今回のセキュリティ内容でWebアプリとして本番リリースできるレベルなのか、それともさらなるセキュリティ面の実装が必要なのか、まだよくわからないので、一般的な情報として教えていただければ幸いです。大変貴重な講座ありがとうございました。

いわじ

June 6, 2020

ある程度前編の復習も兼ねており、学びやすかった。また、新機能のauthGuardでは、難しい点もあったものの、概念レベルで理解することができた。質問しても先生のレスポンスが早いためわからないことに対する不安はなかった。

ころも

May 2, 2020

実際に開発業務で、angular6 + MongoDb + java を使っています。今回はサーバーサイドのMongoDBとのつなぎ込みをNode.jsで行う内容に興味があり受講しました。また、angularでは業務ではrouterは使っていないので知識を幅広く吸収したいと思いもありました。まさに私が想像している以上にわかりやすく業務においても早く生かしたいと思える知識が動画の中にたくさんありました。今回の前編後編で作ったアプリケーションを改造してオリジナルにしていきたいと思います。また、Node.jsではAPIを作ったことがなかったのでとてもよい勉強になりました。javaなどのAPIとは実装方法などが異なるのですが、今回のNode.jsの知識もサーバーサイド開発に生きると思います。 angularは学習コストが高いとされていて、私自身もはじめは全く手がつけられない状態でした。この動画を通してangularを好きになることができたと思います。 reactやVueが学習コストの低さから台頭してきているとは思いますが、私は当面angularを極めて活きたいと思いました。何回も動画を活用しながら自分のものにしていきます。ありがとうございました。

May 1, 2020

実践的な方法をわかりやすく学ぶことができました。若干環境に応じてコードを書き換える必要がありましたが、修正作業をすることによってAngularの知識が増えました。さらに踏み込んだコースがあれば、受講したいと感じました。ありがとうございました。

katsuwa

April 6, 2020

フロントエンドだけではなく、バックエンドの構築から認証と言ったwebアプリに必要な知識が体系的に学べる。また、自分のような初学者にとっていきなり公式のドキュメントやチュートリアルが重荷であるため、このコースはチュートリアルのチュートリアルとして、とても良い学びのきっかけになりました。

蒲田炭次郎