React入門者へおすすめ動画&書籍おすすめ!

フロントエンド入門者へおすすめ動画&書籍おすすめ!

JavaScript TypeScript フロントエンドエンジニア 動画教材

【2021】TypeScript入門におすすめUdemy動画コースTop3【TypeScript】

1
0

現役エンジニアが選ぶGitおすすめ本ご紹介

 

考える人

プログラミングの初心者へ向けて、TypeScript に関して学べるUdemy動画教材おすすめ紹介して欲しい

 

このような悩みに答えます。

 

本記事の信頼性

この記事を書く僕はフリーランス歴5年以上。最高月110万円、エージェント経由での案件獲得で一撃82万円の案件を獲得した経験があります

 

***TypeScriptシリーズでは、【2021】初心者におすすめTypeScript入門本10選!【TypeScript】の本バージョンありますのでよければ見てね。

 

TypeScriptとは

TypeScript はマイクロソフトによって開発され、メンテナンスされているフリーでオープンソースプログラミング言語である。TypeScriptはJavaScriptに対して、省略も可能な静的型付けとクラスベースオブジェクト指向を加えた厳密なスーパーセットとなっている。C#のリードアーキテクトであり、DelphiTurbo Pascalの開発者でもあるアンダース・ヘルスバーグがTypeScriptの開発に関わっている[3][4][5][6]。TypeScriptはクライアントサイド、あるいはサーバサイド (Node.js) で実行されるJavaScriptアプリケーションの開発に利用できる。

TypeScriptは大規模なアプリケーションの開発のために設計されている。

出典: フリー百科事典『ウィキペディア(Wikipedia)』

 

【世界で7万人が受講】Understanding TypeScript - 2020年最新版

4.5 out of 5 stars (4.5 / 5)(287件の評価)

コースの概要

JavaScriptのより優れたバージョンであるTypeScriptを基本から応用まで学べます。Webpack, React, Express + Node.js との組合せも含め、実PJで役立つ実践的な知識を身につけることができます。

学習内容

  • TypeScriptの使い方と機能(型、ES6サポート、クラス、ESモジュール、インターフェースなど)とTypeScriptプロジェクトで必要となるその他の知識
  • TypeScriptとは何か?
  • TypeScriptのメリットとその理由
  • TypeScriptの全般的な機能を実際のプロジェクトで適用する方法
  • ReactJS や NodeJS / Express のアプリケーションでTypeScriptを利用する方法

このコースは、基本的なことだけを説明して、受講者が具体的にどうすればよいか分からないまま終わるようなコースではありません。このコースでは、これらのことを学ぶことができます。

  • 型、型の使い方
  • TypeScriptのコンパイラがどのように動作するか
  • TypeScriptで利用できるES6の機能
  • TypeScriptにおけるクラス
  • 名前空間とモジュール
  • インターフェース
  • ジェネリクス
  • デコレータ
  • サードパーティのJavaScriptライブラリをTypeScriptプロジェクトで利用する方法
  • Webpackを使ってTypeScriptのプロジェクトをセットアップする方法
  • または、TypeScriptだけを使ったワークフローをセットアップする方法
  • ReactアプリケーションでTypeScriptを使う方法
  • Node/ ExpressアプリケーションでTypeScriptを使う方法

講師

  • Yota Hamada
  • 講師評価: 4.5
  • レビューの数: 287
  • 受講生: 1950人
  • コースの数: 1

フリーランスのソフトウェア開発者として主にReact NativeとTypeScriptを使った新規アプリの開発を行っています。TypeScript Deep Diveという技術書籍を翻訳し、Webに公開しています。以前は、様々な会社で働いており、ゲーム会社のソフトウェア開発者や、新規事業、金融系のSIerでSEとして働いていました。現在は、フリーランスでの仕事以外に、EC関連企業でソフトウェア開発の要件定義やPJ管理などを行っています。

ユーザーの声

TypeScriptについてよく分かりました。

ReactやExpressについては、基本を知っていないと分からないかもしれませんが、

フレームワークでのTypeScriptの使い方は分かるようになると思います。

詳しくはコチラ

超TypeScript入門 完全パック(2021)

4.3 out of 5 stars (4.3 / 5)(888件の評価)

コースの概要

TypeScriptの完全パックとなっていますので、本気でTypeScriptを熟知したいJavaScript、Vue、React、Angular、Node.jsエンジニアの方は、ぜひこの講座で学んでみてください。

学習内容

  • TypeScriptの基礎的な型と応用的な型、コンバイラの設定方法、クラスやインターフェースの使い方
  • ジェネリクスや、デコレーター、モジュール、Webpack、React、Node jsを使った実践的な開発方法
  • オブジェクト指向プログラミングを使った、健康管理アプリの作成とTypeScriptでのJavaScriptライブラリーの使い方

JavaScriptを使っている方は、モダンな開発手法が身につきますので、今すぐこの講座に投資してください。npmが行った33000人を対象にしたのアンケートによると、62%以上のnpmユーザーはTypeScriptを使用しています。The State of JavaScriptによる21,717人を対象にしたアンケートでは、80%以上の人がTypeSciptを使いたいと答えています。GithubのアンケートではTypeScriptはついにトップ7の言語となりました!この講座に投資することで得られるスキルは、きっとあなたの市場価値を大きく高めるでしょう。

AngularやVue、Reactを使っている方にとってもこの講座に投資する価値があります。AngularはTypeScriptを使用していますし、Vue3はTypeScriptで書かれているため、TypeScriptとの相性は非常に良いです。ReactもTypeScriptのサポートが充実しています。JavaScriptフレームワークとの相性は非常に良いので、ぜひこのコースでTypeScriptを学んでみてください!

Node.jsを使っている方も、もちろんTypeScriptは役に立ちます。Node.jsでTypeScriptは使用できますし、NestJSというTypeScriptを使用したNode.jsのフレームワークを使用することで、より良いバックエンドの開発もできます。少しでもTypeScriptに興味がある場合は、この講座でTypeScriptの多くを学べますので、ぜひ、この機会をお見逃しなく!

 

講師

  • よしぴー (Yoshipi)
  • 講師評価: 4.3
  • レビューの数: 3523
  • 受講生: 13747人
  • コースの数: 2

飛び級で大学院に入学し、コンピューターについて学びました。

プログラミングを勉強し始めた頃、本を読むのが辛く、何度調べててもわからず、そもそも何を勉強すれば良いのかもわからず、苦悩しました。そんな過去の自分が、あの時一番欲しかったなと思う講座を作成しています。

ハイレベルなプログラミングのスキルを持ち、市場価値を高めて素敵な人生にしましょう!

素敵な社会を作りたいです。

ユーザーの声

TypeScriptを全く知らない自分でも興味を切らさずに学習できる素晴らしい講座でした。よしぴーさんの知識量と講座のボリュームの多さに感服します。よしぴーさんの教え方は「なぜ?」をわかりやすい言い方にして噛み砕いて説明してくれるので、その点が初学者には非常に有り難いです。TypeScriptは難しい部分も多く、一度に全てを理解することは到底出来ないので、何度も繰り返し参考にさせていただきます!

詳しくはコチラ

Firebase + React Hooks(TypeScript)によるWebアプリ開発

4.6 out of 5 stars (4.6 / 5)(99件の評価)

コースの概要

 

Twitter の クローンアプリを作成しながらReactとFirebase連携、Redux ToolKit、TypeScriptについて学びます。

学習内容

  • FirebaseとReact Hooks連携
  • TypeScriptによるReact 開発
  • FirebaseのCloud storage / Cloud firestore / Authorization / Hosting
  • Material UI

本コースは、無料コース"最速で学ぶFirebase + React Hooks (TypeScript)"の続編になります。無料コースでは扱いきれなかったテクニックをTwitter クローンを作成しながら学んでいきます。TypeScript、React Hooks、Redux ToolKit、Firebaseを使ってWebアプリをハンズオンで作成していきます。

  • -Email + Password 認証
  • -Password リセット機能 (リセット用Email配信)
  • -ユーザープロフィール登録
  • -Google認証
  • -ログイン情報のRedux ToolKitによるグローバル状態管理
  • -Cloud firestoreによるデータベース(投稿データとコメントデータ)
  • -Cloud storageによる画像保存 (Tweet画像とAvatar画像)
  • -Hostingによるディプロイ

 

講師

  • Kazu .T
  • 講師評価: 4.5
  • レビューの数: 1370
  • 受講生: 5787人
  • コースの数: 17
  • -現役エンジニア(某大手外資系企業)
  • -Web application、AI ソフトウェア開発経験10年
  • -旧帝国大 修士課程卒

最近は、React Hooks, Redux, PyTorch, Django REST Framework, GraphQL, Nextjs を使った開発に注力しています。

ユーザーの声

typescriptでのreact-appの作成方法が分かりやすく説明されていると思います。

詳しくはコチラ

Pocket
LinkedIn にシェア

React入門者へおすすめ動画&書籍おすすめ!

フロントエンド入門者へおすすめ動画&書籍おすすめ!

  • この記事を書いた人
  • 最新記事

藤沢瞭介(Ryosuke Hujisawa)

りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

-JavaScript, TypeScript, フロントエンドエンジニア, 動画教材

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.