【2023年最新版】はじめてのAngular超入門。実践で学ぶ本格Webアプリ開発【TypeScript】

もう挫折しない!プログラミング初心者でも大丈夫!業界最先端のWebアプリ開発を基礎からしっかりマスターしよう!

4.44 (586 reviews)
Udemy
platform
日本語
language
Web Development
category
【2023年最新版】はじめてのAngular超入門。実践で学ぶ本格Webアプリ開発【TypeScript】
2,724
students
2.5 hours
content
Mar 2024
last update
$49.99
regular price

What you will learn

Angular開発の基礎

TypeScript開発の基礎

SPA(シングル・ページ・アプリケーション)開発の基礎

Description

Angular初心者の為の待望の入門コース!

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

に行く前に、最初の一歩としてAngularによるフロントエンド開発の基礎を学べます


SPA(シングル・ページ・アプリケーション)などを筆頭に特に欧米で人気を誇るJavaScript系プログラミング言語でのWebサービス開発。

日本ではReactが有名ですが、Vue.jsやAngularも非常に優秀なJavaScript系フレームワークです。


今回使用するフレームワークであるAngularはフルスタックフレームワーク*を謳っていることと、Typescriptを前提に作られていることが大きな特徴です。


*フルスタックフレームワークとはーーーーー

web開発に必要な機能を多く揃えたフレームワークです。

データベースやUIの実装など、web開発に必要な機能が1つのフレームワークにまとめられています。

例えばReactの場合、たくさんのパッケージを別途インストールしなければ実現できないWebシステムを、

Angularの場合は公式コンポーネントのみで多くを実現でき、システムの管理工数を大きく節約できます。

ーーーーーーーーーーーーーーーーーーーーー


プログラミング初心者が挫折しやすい過程を極力削ぎ落とし、かつ実業務でも必要となるAngularの大切な基礎を学べます。


また、Javascriptを拡張した大規模開発にも対応可能でエラーを未然に防ぎやすい人気のTypescriptもAngularと同時に学ぶことが出来ます。


Angularの基礎を学び、フロントエンドエンジニアとして大切な第一歩をスタートしましょう。


このコースでは業界最先端のクラウド開発環境であるStackBlitzを使う事で、GitやGitHub、デプロイといった難しい知識を習得する前に、プログラミング学習のスタートを切ることができます。


こちらのコースは皆さんのご意見を元にパワーアップしていきますので、増やして欲しいレクチャーございましたら気軽にご意見をDMやコメントなどでお知らせください。


このコースでWebアプリケーションフロントエンド開発の基本を学習した後

続編コースでGitやGitHub、Node.js、Herokuを用いた本格的なWebアプリケーション開発の手法やデプロイを学んでいける大切な知識やノウハウを解説しているコースがございますのでそちらでも一緒に学んでいきましょう。


(ごく稀に悪気なくマウンティングされる方がいらっしゃいます。良い授業をお届けする為に、批判ではなく前向きなご意見をお願いします。前向きなご意見・ご要望により講師のモチベが上がり、授業の改善・アップデートをお届けしやすくなります。)

(無料プレビューを設けてますので講師との相性やレベル感に問題ないか事前確認いただけます)

Content

はじめに

はじめに
Angularとは?
UdemyのQ&A機能の使い方
Udemy再生画質の設定方法

[Angular入門]まずは基礎から学ぼう

Angular公式ドキュメントのご紹介
StackBlitzとHTMLの説明
外部にWebアプリを公開する方法など
StackBlitzでプロジェクト名を変更する方法
次のうち正しいものはどれか
HTMLタグとは?
CSS(スタイルシート)とは?
TypeScriptとAngularのファイル構成について
{{ }}(ダブルカーリーブレイシス)とは?
let, constとは?
次のうち正しいものはどれか?
TypeScript上で関数を定義しよう
コンストラクタとは?
関数のreturnとは?
ボタンに連動して関数を走らせるには?
SPA(シングル・ページ・アプリケーション)とは?
hrefとrouterLinkについて
次のうち正しいものはどれか?

Angularで動的ページを開発しよう

セクションイントロ
Array(配列)とは?
*ngForとは?
JSONオブジェクトとは?
インポートしたJSONオブジェクトを使うには?
プロパティバインディングとイベントバインディングとは?
プロパティバインディングを使ってみよう
*ngIfとは?
(演習)イベントバインディングを使ってみよう
(補足説明)タグの順番について
(コラム)エラーについて
Type(型)とは?
Modelとは?

Angularでコンポーネントを作ろう

イントロ
新規コンポーネントの作成方法①
新規コンポーネントの作成方法②
新規作成したコンポーネントの配置方法と構造化するメリットについて
(応用編)作ったComponentにプロパティデータを渡す方法
(応用編)作ったComponentからEventを受け取る方法

最後に

最後に

Reviews

齋藤愛子
October 23, 2023
Angular公式の「はじめに」ついてコードを書きながら学習が進められ、説明がとてもわかりやすかったです。 合間に小テストを挟むのもよかったです。 公式の「はじめに」の途中で終わってしまったので、できればその先もやってほしかったです。
G-gan
September 29, 2023
Angular初めてということで公式ドキュメントを見てみたのですが、 ちょっと不自然な日本語訳とかに出くわすと、やる気なくすタイプです。 本コースは、その点わかりやすく日本語でレクチャーしてくれるため、 スラスラと学ぶことができました。ありがとうございます!
Mori
September 10, 2022
angularの公式ドキュメント(チュートリアル)の解説がメイン。チュートリアルを見ながら操作できる人は後続の「【AngularとNode.jsで始める】JavaScript系 WEBアプリケーション開発コンプリートガイド」から初めて良いと思う。講師に関しては、全体的に説明は丁寧で聞き取りやすい。
Mai
July 15, 2022
Angularの知識が全くない状態で受講したのですが、挫折しないように配慮されていてとても助かりました。説明もわかりやすく細かいところも教えてくれているので理解が深まりました。 何回も繰り返し見てAngular習得しようと思います!
安井
May 24, 2022
routerの説明が飛び過ぎている。理解ができない。 最初に、RouterModuleでrouter-outletの表示が成り立つ話を入れないと、なんで<router-outlet>でproductが表示されているか分からなくなりました。
Kan
October 10, 2021
10年以上のブランクを経てプログラミングの仕事に復帰することになり、こちらの講座を受講しました。コードを書きながら・動作を確認しながら進むので終えるまでに1日掛かりました。内容については、満足しています!次の講座も受講予定です。ありがとうございました。
S
July 23, 2021
「初心者向け」とうフレーズの意味を確認しなかった僕が悪いのだが・・ チュートリアル以前のレベルとしては、いいのかもしれないが、多分開発初心者には必要ないかも。 チュートリアルに手を付けられないレベルを考えると、JavaScriptやTypeScriptをやってないレベルだとおもうから。 または、コンポーネントとは、データバインディングとは、パイプとは、モジュールとはとAngularでの理解に繋げるものとか・・・ むしろESの最新機能やTypeScriptでクラスやインターフェイスをしっかりやるコースの方がいいかもと思いました。 また、TypeScript は元々がJavaScriptなので、クラスと言っても所詮オブジェクトの糖衣構文。 この動画の最初の方でモデルを追加したときに クラスだと初期値設定していないよエラーが出る(なので、オプショナル型に定義して避けている)でも、インターフェイスではエラーでない。吐き出したJavaScriptはどうなってるのか?とか。 初心者の僕としてはこういった部分を調べるきっかけになった。 指摘ばかりで申し訳ない。 この後に続く2つの講座は購入したので、こちらを期待します。
レイ
April 25, 2021
半分ほど見終わったところですが、とにかく挫折をしない様にという言葉通り、かなり親切丁寧に説明してもらえます。なんとなくで理解した気になっていた部分の復習になって良いです。開発者として自信を持てない方にいいと思います。

Charts

Price

【2023年最新版】はじめてのAngular超入門。実践で学ぶ本格Webアプリ開発【TypeScript】 - Price chart

Rating

【2023年最新版】はじめてのAngular超入門。実践で学ぶ本格Webアプリ開発【TypeScript】 - Ratings chart

Enrollment distribution

【2023年最新版】はじめてのAngular超入門。実践で学ぶ本格Webアプリ開発【TypeScript】 - Distribution chart

Related Topics

2330494
udemy ID
4/20/2019
course created date
12/25/2020
course indexed date
Bot
course submited by