TypeScript(타입スクリプト)をまったく知らない人でも、この濃縮されたTypeScript文法講座で、TypeScript文法の達人になれる講座です。
TypeScript
実験的な装飾家
メタデータの反映
ジェネリック
川の一つでタイプスクリプト完全征服！
一気にTS固守になることができます。
この講義で学ぶべきことがあるかどうかを確認するために、実際に学ぶ例をまとめました。 （ショートカット）すでにTypeScriptをある程度することを知っている人なら、まず例をチェックしてください！
TypeScriptはJavaScriptでコンパイルされる言語です。このレッスンはTypeScript自体に集中しているので、JavaScriptについてはまったく説明しません。私が作った無料のJavaScript講義がありますので、ぜひ最初に受講してからTypeScript講義を進めてください。
JavaScriptは、現代のプログラミングで最も頻繁に使用されるプログラミング言語の1つです。そして、TypeScriptはJavaScriptとは切り離せないほどJavaScriptエコシステムで大きな役割を果たしています。
最も人気のあるJavaScriptバックエンドフレームワークの1つであるNestJSはTypeScriptを基本として使用し、最も人気のあるフロントエンドフレームワークの1つであるNextJSもTypeScriptを基本として使用します。エンタープライズクラスの大規模プロジェクトでは、JavaScriptはもはやTypeScriptなしで利用できない存在になりました。
多くの人が「JavaScriptをよく扱うなら、TypeScriptを別々に時間内に学ぶ必要はない」と思う傾向があります。しかし、これは非常に間違った考えです。私がTypeScript講義を企画するようになった背景もこんな理由からです。
最初の単純な型を扱いながら、TypeScriptはあまり学ぶことがないと思う人がいますが、実際によく編まれたTypeScriptベースのプロジェクトを分析してみると、理解しにくい型宣言が非常に多いと感じることになります。このとき、複雑で高度なTypeScript宣言の知識が不足すると、anyタイプを乱発し、TypeScriptを使用できないプロジェクトになる可能性があります。私の講義は、この問題を解決するために編まれた講義です。
もし、以下の例の中で知らない例が一つある場合は、この講義を必ず受講してください。 JS/TS開発者として働く生涯最良のことの1つになることを保証します。すべて講義で直接説明する例で、講義を受講すれば完全に理解できるようになります。
🔎例を直接チェックしてください。
1) Reflection
2) Inheritance with Class Decorator
3) Override Method with Method Decorator
4) コンストラクタタイプ
5) Type Predicate
6) Ternary Type
7) Key/Value Mapping
8) Exhaustive Checking
💡このカリキュラムは完全にTypescript文法に焦点を当てています。 HTML/CSS、JavaScript など講義のテーマと関連のないコードは、まったく作成しない高濃度の TypeScript 講義です。また、今後公開されるNestJSとNextJS講義の最初の足場となる講義であるだけに、目的から抜け出さないようにTypeScript文法に確実に集中しました。
TypeScriptの深い理解が不足しているので、そうです。単純にプリミティブタイプを宣言する方法だけを簡単に学んでみると、TypeScriptのあまりにも表面的な部分だけを学びました。多くの開発者がこの間違いを犯していますが、この講義では、複雑で正確な型宣言法とTypeScriptがどのように型を推論して認識するのかを学ぶことができます。
まったく心配する必要はありません。でもJavaScriptを行うことができなくても、私が無料で提供するJavaScript講義を受講した後、TypeScript講義を受講してください。 TypeScript講義はJavaScript講義だけ受講したという仮定のもと、徹底的に初心者にも追いつけるほど難易度ロールゆっくり上げながら進めています。
現代の人気のあるJavaScriptフレームワークは基本的にTypeScriptを使用しています。人気のフレームワークはエンタープライズグレードで利用可能である必要があるため、コラボレーションとメンテナンスのために有利に設計されており、TypeScriptが不可欠です。 JavaScriptの大勢のフレームワークやライブラリを使いたい場合は、このレッスンでTypeScriptを学びましょう！実際、私が制作するNestJSとNextJSの講義を進める前に、必要な知識をすべてまとめました。
プログラミング理論学習は忠実に
私が進めているすべてのプログラミング言語講義は、理論に忠実な講義です。言語文法は理論に忠実でなければならず、初級フレームワーク講義は面白くなければならず、中級からは知識の深さが重要だと思います。
そのため、今回のタイプスクリプト入門講義では、受講生の皆さんがいつでもまた戻ってきて、すぐに思い出せない部分を探すことができるようにカリキュラムを細かく整理しました。
これからのビルドアップまで考えた講義
私は講義を制作する際にパイプラインを構想して製作します。 JavaScript、TypeScriptなどの言語講義も、NextJS、NestJS講義のためのビルドアップとして企画されました。そのため、人気のあるJavaScriptフレームワーク/ライブラリをうまく使用するために基礎を積み重ねる用途にも適しています。もちろん、完全初心者もフォローできるように作られているので、TS関連の知識が全くなくても講義を進めるには全く問題はありません。
唯一のプレーヤーの知識は、私がInflearnに完全に無料で配布したJavaScript講義です。ぜひまず受講してからTypeScript講義を進めてください。
.png?w=960)
1) 基本機
TypesScriptの基本的なタイピングについて学びます。プリミティブタイプ、基本ユニオン、タイプ宣言など、高度なコースを進めるための選手知識を学習します。
2) ユニオンとのインターセクションと内向き
タイプを組み合わせることができる機能であるユニオンとインターセクションについて簡単に学び、タイプをさらに詳細にできる8つの内線技術をまとめてみます。
.png?w=960)
3) 関数シグネチャタイプとタイププレディケート
関数宣言に型を追加する方法と、関数シグネチャを型として表現する方法について学びます。さらに、タイププレディケート宣言法と使い方について学びます。
.png?w=960)
4) タイプとインターフェースの違い比較とエクステンションとインターフェースマージング
TypeScriptを正しく学ばないと、最初に混乱し始める要素は型とインタフェースの違いです。このセクションでは、タイプとインターフェイスの違いについて学び、それぞれの拡張方法について学びます。
.png?w=960)
5) Any/Unknown/Never
特殊タイプであるany、unknown、neverタイプについて学びます。特にanyとunknownの違いはよく整理しておいたので、適切な状況に適したタイプを使用してください！
.png?w=960)
6) Array(配列)
Array型宣言法について学ぶセクションです。混乱を招く可能性のある同様の外観の型宣言とMulti Dimension Array宣言法について学びます。
.png?w=960)
7) Tuple(タプル)
TupleはJavaScriptには存在しませんが、TypeScriptでは非常に便利に使用できる特別なArrayタイプです。 ArrayをTupleに強制的に推論する方法と直接宣言する方法を学びます。
.png?w=960)
8) Object(オブジェクト)
JavaScriptで最も重要なタイプの1つであるオブジェクトタイプをTypeScriptで扱うさまざまな方法を学びます。最後のレッスンでは、さまざまな方法でKey Value Mappingする方法を学びます。
.png?w=960)
9) Class(クラス)
クラス宣言から、全体的なTypescriptのオブジェクト指向プログラミングの知識を学びます。
.png?w=960)
10) Generic(ジェネリック)
オブジェクト指向プログラミングの花であるジェネリックをさまざまな形で使用する方法を学びます。
.png?w=960)
11) Utility Type (ユーティリティタイプ)
宣言されている型をより簡単に変換できるユーティリティ型について学びます。よく使うタイプ12種類をまとめました。今後の主要タイプが追加されたら、クラスを更新する予定です。
.png?w=960)
12) Experimental Decorator (実験的デコレータ)
さまざまなコンテキストでExperimental Decoratorを使用する方法を学びます。 Decoratorはまだ正規のTypeScriptバージョンにマージされていませんが、非常に成熟した状態であり、NestJSなど、さまざまなフレームワークやライブラリですでに積極的に使用されている、よく理解しておくべき知識です。
.png?w=960)
13) Reflect Metadata
Reflect MetadataとExperimental Decoratorを使用して、Experimental Decoratorをより強力に使用する方法を学びます。この二つを組み合わせると無関心な可能性があるのでよく熟知しておいてください！
.png?w=960)
14) Namespace
今は使用されなくなりましたが、古いプロジェクトで出会える名前空間について学びます。
.png?w=960)
15) ECMAモジュール
ImportとExportを進めるさまざまな方法について学びます。
Q. 本当に何も知らなくても学べますか？
JavaScriptは知っておくべき講義に従うことができます。しかし、私はすべての選手の知識を私の講義生態系の中で解決することができるように講義を制作しています。 私のJavaScript講義は生涯完全無料ですので、最初に受講してからこの講義を受講してください。
Q. TypeScriptが更新されたら、新しいレッスンで販売しますか？
私のTypeScript講義は、この講義が最初で最後です。一度購入すると、このレッスンのすべてのアップデートを無料で入手でき、Inflearnが保証する生涯所蔵レッスンです。
Q. コンピュータ仕様はどの程度必要ですか？
本当にあまりにも古いコンピュータでなければ、オペレーティングシステムのバージョンだけが最新バージョンであれば問題ありません。 Node.js、TypeScript、VSCのみがインストールされている場合は、問題なく講義に従うことができます。
💾受講前に確認してください！
私は2022年にフラッター講義を始め、InflearnとYouTubeで着実に活動してきました。比較的小さな生態系であるフラッター講義だけでInflearn 2022 Rookie of the Yearを達成し、今私のメイン技術領域であるJavascriptスタックとDevOpsそしてクラウドに向けて講義パイプラインを拡張するために様々な講義を準備中です。
Javascriptの講義で私の講義を判断するのが難しい場合は、Inflearnの私のコードファクトリーのフラッター講義のレビューをチェックしてください！常に進化し、良い講義を制作するコードファクトリーになります。
★★★★★
17年目の開発者です。この講義はフラッターに入門される方にもおすすめし、実務用プロジェクトにも大変役立つ講義です。これより良い講義がないですね。ここが本物です。受講料が惜しくないくらいきちんと説明していただき、本当にたくさんの助けを受けている講義です。
★★★★★
本当に完璧に近い講義です。フラッターを勉強しようと、ほぼすべての本を購入し、オンラインクローンコーディングもたくさんありました。他のプラットフォームでフラッターについて本当にじっくりと教えてくれる講義も聞きました。ところでこれが一番便利です。最も実用的でコスパがあります。これを先に学び、不足している部分を満たしていくことを心からアドバイスします。
★★★★★
その多くの講義の中で、コードファクトリー様の講義はベストオブザベストだと思います。私が見た他の講義の大部分がある部分で怠ったりパスしたりすることが多く、学ぶ立場で繋がらず、理解を逃して惜しい場合が本当に多かったのですが、コードファクトリ様の講義はそんなことはありません。一度聞いてみると後悔しないでしょう。後悔ではなく満足で私のような蒸し鍋になると思います。
★★★★★
世界中のプラットフォーム、YouTube、オフラインレッスンの一連のフラッターに関する最高のレッスンの1つではないかと思います。韓国語が母国語なのでこの講義を聞くことができるという点で幸いだと思うほどです。実務的な部分と技術的な部分が一緒に両立していて、ちゃんと概念を一つ一つ覚醒しながらステップを踏んでいく講義はこの講義だけのものがないと思います。
1) 講義に追加されたらと思うTypeScript文法関連内容がある場合は遅滞なくお勧めください。私のTypeScript講義はこの講義の1つで終わり、今後追加される内容はすべてこの講義に追加されます。だから一度の購入で今後のすべてのアップデートを受け取ることができます。
2）定期的にYouTubeでライブ放送を行っています。あらゆる種類の開発の悩みと質問を受けており、講義を進め、困難がある場合にすぐに回答できる時間を割り当てるよう努力しています。これ以上コミュニケーションが取れない講師のため、ストレスを受けないでください！
3) 講義購入後、Inflearn Eメール認証時にDiscord有料コミュニティに入場可能です。また、よく活性化されているコードファクトリー公式カカオチャンネルも積極的に活用してください！
4）どのプログラミングスキルを学んでも、環境設定は受講生が非常に難しい要素の1つです。もちろん自分で解決しようとする姿は良い開発者になるために非常に重要な要素ですが、到底できない場合は遅滞せず私を活用してください。私たちのカカオチャンネルに入ってきて講義を教えてくださった後、遠隔申請をしていただければ、時間調整後に環境設定はすべて直接お見せしています！もう始まらずにあきらめないでください！
学習対象は
誰でしょう？
TypeScriptを深く学びたい人
JavaScript を学び、次のレッスンを見つける人
ライブラリ/フレームワークのTS定義が読みづらい人
当社でTSを一番上手にしたい人
前提知識、
必要でしょうか？
JavaScript
28,501
受講生
1,560
受講レビュー
1,909
回答
5.0
講座評価
6
講座
안녕하세요 프로그래밍 강사 코드팩토리입니다!
코드팩토리 통합 링크
https://links.codefactory.ai
🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기
💼 주식회사 코드팩토리 대표
🏆 2023년 인프런 베스트셀러 수상
🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위
🏆 AWS Certified Developer Associate
🏆 AWS Certified Solutions Architect
全体
77件 ∙ (8時間 10分)
4. [Mac] 環境設定
04:56
5. [Windows] 環境設定
05:06
6. JSの問題点を認識し把握する
09:52
7. Typescript 基本 タイプ
13:49
8. タイプとインターフェースの基本
10:17
9. enum
06:58
11. キャスティング
06:33
12. Union の基本
18:07
13. インターセクション 基本
04:42
14. ナローイング基本スキル
26:36
全体
81件
5.0
81件の受講レビュー
受講レビュー 9
∙
平均評価 5.0
5
I immediately got hold of Kopac's TypeScript lecture. To conclude, Code Factory's lectures are really top-notch. The first lecture I found by chance was a free Dart language lecture, and I immediately purchased the Flutter beginner lecture, and I have been getting hold of all the lectures right away. To summarize what I felt after listening to all of Kopac's lectures so far, not only is his knowledge amazing, but his lecture skills are also amazing in organizing that knowledge and delivering it efficiently. Just trust Kopac's lectures. It's not a lecture that you won't regret buying, it's a lecture that you'll completely fall in love with.
Thank you for your touching review!!!
受講レビュー 19
∙
平均評価 5.0
5
After listening to Mr. Kopac's JS lecture, how can I endure TS? ㅠㅠ
Thank you~!
受講レビュー 13
∙
平均評価 5.0
5
I came to listen to the TypeScript lecture and this lecture made me a true fan of An Yu-jin... I've taken many TypeScript lectures so far, but there was no lecture that conveyed the concepts as well as this lecture. If you are thinking about taking the lecture, I definitely recommend taking it. An Yu-jin ❣️
Thank you~!
受講レビュー 28
∙
平均評価 5.0
受講レビュー 5
∙
平均評価 5.0
5
In conclusion, I would like to give this course 6 out of 5 points. It seems to be well-organized so that you can understand the concepts in a very logical flow, starting from the basics of TypeScript and gradually moving to advanced concepts. I especially liked the fact that important concepts such as type systems, generics, and decorators were covered in depth. It was very helpful for understanding because the complex concepts were explained kindly through examples and practice. I think this is a good course to build confidence by applying the concepts learned in the lecture through examples. I recommend it to anyone who wants to learn TypeScript effectively.
Thank you~!
￥5,409
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
![[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![[Code Factory] [Beginner] Flutter 3.0 App Development - Escape Beginner Status Today with 10 Projects!강의 썸네일](https://cdn.inflearn.com/public/courses/328329/cover/72f06aa7-f5f1-422b-88a7-bca65e78dffd/328329.png?f=avif&w=420)
![[Code Factory] [Intermediate] Flutter Real Practice! State Management, Cache Management, Code Generation, GoRouter, Authentication Logic, etc. Essential Skills to Become an Intermediate!강의 썸네일](https://cdn.inflearn.com/public/courses/328615/cover/4abab928-4fd1-442b-b422-3968f9cc393e/thumbnail.png?f=avif&w=420)
![[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours강의 썸네일](https://cdn.inflearn.com/public/courses/330969/cover/410fe1c7-4457-42c9-9710-296e402089db/Javascript)
![[Code Factory] [Introduction] Completely master the Dart language in 4 hours강의 썸네일](https://cdn.inflearn.com/public/courses/328577/cover/d7cd62c2-db07-45d8-af8d-a3fa728cd8e7/inflearn-logo.jpg?f=avif&w=420){kind=logo}
![Slack Clone Coding [Real-time Chat with React]강의 썸네일](https://cdn.inflearn.com/public/courses/326673/cover/e430860b-4ad4-4b01-b4c7-64dccfc64b3a?f=avif&w=420)
![[Revised 3rd Edition] Node.js Textbook - From Basics to Project Practice강의 썸네일](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)
![[Renewal] TypeScript All-in-One: Part 1. Basic Grammar강의 썸네일](https://cdn.inflearn.com/public/courses/329282/cover/08ece3d3-46fe-4a46-932b-8aca91135e8e/329282-eng2.png?f=avif&w=420)
