مطالب پیشنهادی از سراسر وب

دوره درک تایپ اسکریپت - ویرایش 2020

دسته بندی ها: آموزش های ویژه ، آموزش تایپ اسکریپت (TypeScript) ، آموزش های یودمی (Udemy) ، آموزش طراحی وب

توضیح دوره:

اکثر افراد تایپ اسکریپت را از انگولار 2 به بالا می شناسند. زبانی است که باید در آنجا استفاده کنید، درست است؟

اما تایپ اسکریپت چیزی بیشتر از آن است!

یاد بگیرید که تایپ اسکریپت چیست، چرا یک Addition قدرتمند برای جاوااسکریپت است، امکانات آن چیست و چگونه باید از آنها استفاده کنید. و وقتی همه ی این موارد را یاد گرفتید موقع آن می رسد که درک کنید با کد +Angular 2 دقیقا چه کار کنید.

این دوره شما را از یک سطح مبتدی بالا می کشد و امکانات مهم آن را به شما یاد می دهد تا جایی که بتوانید تایپ اسکریپت را در هر پروژه ای به کار گیرید. پروژه های ReactJS نیز مشمول آن هستند.

همانطور که تایپ اسکریپت توسط مایکروسافت توسعه یافته است و به طور گسترده ای با +Angular 2 (گوگل) تبلیغ شده است.

با گذراندن این دوره می توانید به خوبی تایپ اسکریپت را درک کنید.

سفری به آینده

از آنجایی که تایپ اسکریپت به ES5 می تواند کامپایل شود، شما از امکانات متعدد next-gen که می توانید استفاده کنید متحیر می شوید. با امکانات ES6 مانند Destructuring، Arrow Functions، Decorators، Generics  و رابط ها یا ماژول ها همراه می شوید که همگی در تایپ اسکریپت وجود دارد.

آنچه یاد گرفتید را تمرین کنید

تماشای ویدئو راهی عالی برای یادگیری است. و از نظر تعداد زیادی از دانش آموزان بهترین روش می باشد. اگر شما بخواهید چیزهایی که یاد گرفتید را تمرین کنید، این دوره به شما تمریناتی (راه حل ها) را در بسیاری از ماژول های دوره ارائه می دهد.

محتوای زیاد دوره:

این یک دوره مبتدی نیست که شما در در نیمه راه رها کند در این دوره شما تمامی مطالب زیر را یاد می گیرید:

  • تایپ ها و نحوه استفاده از آنها
  • کامپایلر تایپ اسکریپت چگونه کار می کند
  • امکانات ES6 در تایپ اسکریپت
  • کلاس ها در تایپ اسکریپت
  • Namespaces و ماژول ها
  • رابط ها
  • Generics
  • Decorators
  • نحوه ادغام كتابخانه های جاوا اسكریپت شخص ثالث در پروژه TypeScript خود
  • نحوه راه اندازی یک پروژه TypeScript با Webpack
  • نحوه تنظیم یک گردش کار plain-TypeScript
  • نحوه استفاده از TypeScript به همراه ReactJS
  • نحوه استفاده از TypeScript به همراه Node / Express
  • پروژه های واقعی و موارد استفاده!

این دوره برای چه کسی مناسب است؟

  • این دوره برای هر دانشجویی است که می خواهد فراتر از JavaScript یاد بگیرید
  • هرکسی که Angular را یاد می گیرد باید قطعاً نحوه عملکرد TypeScript را درک کند

چیزی که یاد خواهید گرفت

  • از TypeScript و ویژگی های آن مانند تایپ ها، پشتیبانی ES6 ، کلاس ها، ماژول ها، رابط ها و موارد دیگر در هر پروژه خود استفاده کنید
  • درک کنید که TypeScript واقعاً در مورد چیست و چگونه کار می کند
  • چرا TypeScript یک مزیت واقعی نسبت به JavaScript ارائه می دهد
  • اعمال TypeScript هم در تئوری و هم در موارد مورد استفاده واقعی و پروژه ها
  • بیاموزید که چگونه TypeScript را با ReactJS یا NodeJS / Express تلفیق کنید

پیش نیازهای دوره:

  • دانش JavaScript لازم است، اگرچه نیازی به متخصص بودن ندارید
  • هیچ تجربه TypeScript قبلی لازم نیست
  • دانش ES6 یک چیز اضافی است اما مورد نیاز نیست

سرفصل های دوره:

  • شروع کار
    • به این دوره خوش آمدید
    • تایپ اسکریپت چیست و چرا باید از آن استفاده کرد؟
    • نصب و استفاده از تایپ اسکریپت
    • مزایای تایپ اسکریپت - بررسی
    • مباحث دوره
    • نحوه بیشترین بهره وری از این دوره
    • راه اندازی ویرایشگر کد/ IDE
    • راه اندازی پروژه دوره
  • مبانی تایپ اسکریپت و مبانی تایپ ها
    • معرفی ماژول
    • تایپ های تایپ اسکریپت در مقابل تایپ های جاوااسکریپت
    • مهم: پوشش تایپ
    • کار با اعداد، رشته ها و Booleans
    • Type Assignment و Type Inference
    • درک تایپ ها
    • تایپ های آبجکت
    • تایپ ها و آبجکت های تودرتو
    • تایپ های آرایه
    • کار با Tuples
    • کار با Enums
    • any" Type"
    • Union Types
    • Literal Types
    • Type Aliases و تایپ های سفارشی
    • Type Aliases و Object Types
    • Core Types و مفاهیم
    • تایپ های بازگشت تابع و "void"
    • توابع به عنوان تایپ ها
    • تایپ های تابع و Callbacks
    • توابع و تایپ ها
    • unknown" Type"
    • never" Type"
    • جمع بندی
    • لینک ها و منابع مفید
  • کامپایلر تایپ اسکریپت (پیکربندی آن)
    • معرفی ماژول
    • استفاده از Watch Mode
    • کامپایل کردن کل پروژه / چندین فایل
    • include کردن و اکسکلود کردن فایل ها
    • تنظیم کردن تارگت کامپایل
    • درک TypeScript Core Libs
    • آپشن های بیشتر پیکربندی و کامپایل
    • کار با Source Maps
    • rootDir و outDir
    • توقف حذف کردن فایل ها در خطاهای کامپایل
    • کامپایل دقیق
    • آپشن های با کیفیت کدنویسی
    • اشکال زدایی با Visual Studio Code
    • جمع بندی
    • لینک ها و منابع مفید
  • تایپ اسکریپت و جاوااسکریپت نسل بعدی
    • معرفی ماژول
    • "let" و "const"
    • بررسی Arrow Functions
    • پارامترهای تابع پیش فرض
    • (...) Spread Operator
    • پارامترهای رست
    • تخریب ابجکت و آرایه
    • نحوه کامپایل کردن کد و جمع بندی
    • لینک ها و منابع مفید
  • کلاس ها و رابط ها
    • معرفی ماژول
    • کلاس چیست؟
    • ایجاد اولین کلاس
    • کامپایل کردن جاوااسکریپت
    • توابع Constructor و this" Keyword"
    • private" Access Modifiers" و  public" Access Modifiers"
    • شروع اولیه Shorthand
    • readonly" Properties"
    • مبانی کلاس
    • وراثت
    • Overriding Properties و "protected" Modifier
    • Getters و Setters
    • Properties و متدهای استاتیک
    • کلاس های انتزاع
    • Singletons و Private Constructors
    • کلاس ها - خلاصه
    • کلاس ها
    • رابط اول
    • استفاده از رابط ها با کلاس ها
    • چرا رابط ها
    • بررسی Readonly Interface Properties
    • گسترش رابط ها
    • رابط ها به عنوان تایپ های تابع
    • Properties و پارامترهای اختیاری
    • کامپایل کردن رابط ها به جاوااسکریپت
    • رابط ها
    • جمع بندی
    • لینک ها و منابع مفید
  • تایپ های پیشرفته
    • معرفی ماژول
    • تایپ های Intersection
    • بررسی Type Guards
    • اتحادیه های تبعیض آمیز
    • بررسی Type Casting
    • بررسی Index Properties
    • Function Overloads
    • زنجیر اختیاری
    • بررسی Nullish Coalescing
    • تایپ های پیشرفته
    • جمع بندی
    • لینک ها و منابع مفید
  • Generics
    • معرفی ماژول
    • Generics داخلی و Generics چیست؟
    • ایجاد Generic Function
    • کار با Constraints
    • تابع دیگر Generic
    • keyof" Constraint"
    • کلاس های Generic
    • خلاصه
    • بررسی Generic Utility Types
    • Generic Types درمقابل Union Types
    • Generics
    • لینک ها و منابع مفید
  • Decorators
    • معرفی ماژول
    • اولین Class Decorator
    • کار با Decorator Factories
    • ساخت Decorators مفید بیشتر
    • افزودن چندین Decorators
    • درک عمیق Property Decorators
    • Accessor و Parameter Decorators
    • چه زمانی Decorators اجرا می شوند؟
    • بازگشت (تغییر) یک کلاس در Class Decorator
    • Decorator Return Types دیگر
    • مثال: ایجاد Autobind" Decorator"
    • اعتبارسنجی با Decorators - گام های اولیه
    • اعتبارسنجی با Decorators - تمام
    • رفع باگ Validator
    • جمع بندی
    • لینک ها و منابع مفید
  • زمان را تمرین کنید! بیایید یک پروژه Drag & Drop بسازیم
    • معرفی ماژول
    • شروع کار
    • انتخاب عنصر DOM و رندرینگ OOP
    • تعامل با عناصر DOM
    • ایجاد و استفاده از Autobind" Decorator"
    • واکشی کردن ورودی کاربر
    • ایجاد قابلیت اعتبارسنجی قابل استفاده مجدد
    • رندر کردن لیست های پروژه
    • مدیریت کردن Application State با Singletons
    • کلاس های بیشتر و تایپ های سفارشی
    • فیلتر کردن پروژه با Enums
    • افزودن وراثت و Generics
    • رندر کردن آیتم های پروژه با کلاس
    • استفاده از Getter
    • استفاده از رابط ها برای پیاده سازی Drag & Drop
    • درگ کردن رویدادها و رفلکتینگ Current State در UI
    • افزودن محیط قابل دراپ کردن
    • اتمام Drag & Drop
    • جمع بندی
    • لینک ها و منابع مفید
  • ماژول ها و Namespaces
    • معرفی ماژول
    • نوشتن کد ماژول - آپشن های شما
    • کار با Namespaces
    • سازمان دهی فایل ها و پوشه ها
    • مشکل با ایمپورت های Namespace
    • مهم: استفاده از کروم یا فایرفاکس
    • استفاده از ماژول های ES
    • درک سینتکس های ایمپورت و اکسپورت مختلف
    • کد چگونه در ماژول اجرا می شود؟
    • جمع بندی
    • لینک ها و منابع مفید
  • استفاده از Webpack با تایپ اسکریپت
    • معرفی ماژول
    • Webpack چیست و چرا به آن نیاز داریم؟
    • نصب Webpack و وابستگی های مهم
    • افزودن پیکربندی Output و Entry
    • افزودن TypeScript Support با ts-loader Package
    • اتمام افزودن و راه اندازی webpack-dev-server
    • افزودن گردش کار تولید
    • جمع بندی
    • لینک ها و منابع مفید
  • کتابخانه های شخص ثالث و تایپ اسکریپت
    • معرفی ماژول
    • استفاده از کتابخانه های (!)JavaScript با تایپ اسکریپت
    • استفاده از "declare" به عنوان یک"Last Resort"
    • به هیچ تایپی نیاز نیست: class-validator
    • جمع بندی
    • لینک ها و منابع مفید
  • زمان تمرین است! بیایید یک پروژه اپلیکیشن Select & Share a Place ایجاد کنیم (شامل Google Maps)
    • معرفی ماژول
    • راه اندازی پروژه
    • دریافت ورودی کاربر
    • راه اندازی Google API Key
    • استفاده از Axios برای واکشی کردن Coordinates برای آدرس وارد شده
    • کار با Maps بدون کارت اعتباری
    • جمع بندی
    • لینک ها و منابع مفید
  • React.js و TypeScript
    • معرفی ماژول
    • راه اندازی پروژه React و TypeScript
    • چگونه  React و TypeScript با هم کار می کنند؟
    • کار با Props و Types برای Props
    • دریافت ورودی کاربر با "refs"
    • ارتباطات کامپوننت متقابل
    • کار با State و Types
    • مدیریت State 
    • Props و State بیشتر
    • افزودن استایل
    • تایپ ها برای دیگر امکانات React
    • جمع بندی
    • لینک ها و منابع مفید
  • Node.js + Express و TypeScript
    • معرفی ماژول
    • اجرای کد تایپ اسکریپت با Node.js
    • راه اندازی پروژه
    • اتمام راه اندازی و کار با Types (در اپلیکیشن های Node + Express)
    • افزودن میان افزار و تایپ ها
    • کار با کنتلرها و تجزیه بادی های درخواست
    • عملیات های بیشتر CRUD
    • جمع بندی
    • لینک ها و منابع مفید
  • جمع بندی دوره
    • جمع بندی

سایر ویدئوهای دوره:

[video mp4="https://cdn10.git.ir/1399/03/video/understanding-typescript-2.%20Why%20Is%20TypeScript%20and%20Why%20Should%20You%20Use%20It.mp4" poster="https://cdn10.git.ir/1399/03/video/understanding-typescript-2.%20Why%20Is%20TypeScript%20and%20Why%20Should%20You%20Use%20It.jpg.jpg"

چرا باید از تایپ اسکریپت استفاده کنید؟

 

نصب و استفاده از تایپ اسکریپت

 

بررسی مزایای تایپ اسکریپت

 

مباحث دوره

 

چگونه بیشترین استفاده را از دوره ببریم؟

 

راه اندازی ویرایشگر کد IDE 

 

راه اندازی پروژه

آیا این نوشته را دوست داشتید؟
Understanding TypeScript - 2020 Edition Publisher:udemy Author:Maximilian Schwarzmüller Duration:15 hours

Description

Most People know TypeScript from Angular 2+. It's the Language you have to use there, right?

It's more than that!

Learn what TypeScript is, why it really is a powerful Addition to JavaScript, what its Features are and how to use it! And whilst doing so, also understand what you're actually doing in your Angular 2+ Code.

This Course takes you from the very Basics and its most important Feature (Types!) to the Point where you're able to use TypeScript in any of your Projects. ReactJS Projects included!

As TypeScript is developed by Microsoft and strongly advertised used by Angular 2+ (Google), it's here to stay.

Gain an Edge today and be amongst the First to really understand TypeScript!

A Journey into the Future

As TypeScript code can be compiled to ES5, you'll be amazed by the many next-gen Features you can start using Today. Be it ES6 Features like Destructuring or Arrow Functions, Decorators, Generics and Interfaces or Modules - TypeScript has them all!

In this Course, we'll not stop after the Basics. You will learn about more advanced Features and also how to set up Workflows with TypeScript. This includes a TypeScript-only Workflow as well as a Webpack Workflow.

You'll also learn that you're not limited to Angular 2+ or plain JavaScript/ TypeScript Projects. A complete Module covers how to use TypeScript with ReactJS to benefit from its Features, there, too.

Practice what you Learn

Watching Videos is a great Way to Learn. And to a lot of Students, it's the best Way. If you also want to practice the Things you learn, this Course offers you Exercises (and Solutions) in many of the Course Modules.

So much Content!

I'm not a Fan of these Courses which teach you the Basics and then leave you alone. In this Course you'll get insights into:

  • Types and how to use them
  • How the TypeScript Compiler works
  • ES6 Features in TypeScript
  • Classes in TypeScript
  • Namespaces and Modules
  • Interfaces
  • Generics
  • Decorators
  • How to integrate Third-Party JavaScript Libraries into your TypeScript Project
  • How to set up a TypeScript project with Webpack
  • Or how to set up a plain-TypeScript Workflow
  • How to use TypeScript together with ReactJS
  • How to use TypeScript together with Node/ Express
  • Real projects and use-cases!

Who this course is for:

  • This Course is for every student who wants to extend his or her horizon beyond vanilla JavaScript
  • Everyone learning Angular should definitely understand how TypeScript works

What you'll learn

  • Use TypeScript and its Features like Types, ES6 Support, Classes, Modules, Interfaces and much more in any of their Projects
  • Understand what TypeScript really is about and how it works
  • Why TypeScript offers a real advantage over vanilla JavaScript
  • Learn TypeScript both in theory as well as applied to real use-cases and projects
  • Learn how to combine TypeScript with ReactJS or NodeJS / Express

Requirements

  • JavaScript knowledge is required, though you don't need to be an Expert
  • NO prior TypeScript experience is required
  • ES6 Knowledge is a plus but not required

Course content

  • Getting Started
    • Welcome to the Course!
    • What Is TypeScript & Why Should You Use It?
    • Installing & Using TypeScript
    • TypeScript Advantages - Overview
    • Course Outline
    • How To Get The Most Out Of The Course
    • Setting Up A Code Editor / IDE
    • The Course Project Setup
  • TypeScript Basics & Basic Types
    • Module Introduction
    • Using Types
    • TypeScript Types vs JavaScript Types
    • Important: Type Casing
    • Working with Numbers, Strings & Booleans
    • Type Assignment & Type Inference
    • Understanding Types
    • Object Types
    • Nested Objects & Types
    • Arrays Types
    • Working with Tuples
    • Working with Enums
    • The "any" Type
    • Union Types
    • Literal Types
    • Type Aliases / Custom Types
    • Type Aliases & Object Types
    • Core Types & Concepts
    • Function Return Types & "void"
    • Functions as Types
    • Function Types & Callbacks
    • Functions & Types
    • The "unknown" Type
    • The "never" Type
    • Wrap Up
    • Useful Resources & Links
  • The TypeScript Compiler (and its Configuration)
    • Module Introduction
    • Using "Watch Mode"
    • Compiling the Entire Project / Multiple Files
    • Including & Excluding Files
    • Setting a Compilation Target
    • Understanding TypeScript Core Libs
    • More Configuration & Compilation Options
    • Working with Source Maps
    • rootDir and outDir
    • Stop Emitting Files on Compilation Errors
    • Strict Compilation
    • Code Quality Options
    • Debugging with Visual Studio Code
    • Wrap Up
    • Useful Resources & Links
  • Next-generation JavaScript & TypeScript
    • Module Introduction
    • "let" and "const"
    • Arrow Functions
    • Default Function Parameters
    • The Spread Operator (...)
    • Rest Parameters
    • Array & Object Destructuring
    • How Code Gets Compiled & Wrap Up
    • Useful Resources & Links
  • Classes & Interfaces
    • Module Introduction
    • What are Classes?
    • Creating a First Class
    • Compiling to JavaScript
    • Constructor Functions & The "this" Keyword
    • "private" and "public" Access Modifiers
    • Shorthand Initialization
    • "readonly" Properties
    • Class Basics
    • Inheritance
    • Overriding Properties & The "protected" Modifier
    • Getters & Setters
    • Static Methods & Properties
    • Abstract Classes
    • Singletons & Private Constructors
    • Classes - A Summary
    • Classes
    • A First Interface
    • Using Interfaces with Classes
    • Why Interfaces?
    • Readonly Interface Properties
    • Extending Interfaces
    • Interfaces as Function Types
    • Optional Parameters & Properties
    • Compiling Interfaces to JavaScript
    • Interfaces
    • Wrap Up
    • Useful Resources & Links
  • Advanced Types
    • Module Introduction
    • Intersection Types
    • More on Type Guards
    • Discriminated Unions
    • Type Casting
    • Index Properties
    • Function Overloads
    • Optional Chaining
    • Nullish Coalescing
    • Advanced Types
    • Wrap Up
    • Useful Resources & Links
  • Generics
    • Module Introduction
    • Built-in Generics & What are Generics?
    • Creating a Generic Function
    • Working with Constraints
    • Another Generic Function
    • The "keyof" Constraint
    • Generic Classes
    • A First Summary
    • Generic Utility Types
    • Generic Types vs Union Types
    • Generics
    • Useful Resources & Links
  • Decorators
    • Module Introduction
    • A First Class Decorator
    • Working with Decorator Factories
    • Building More Useful Decorators
    • Adding Multiple Decorators
    • Diving into Property Decorators
    • Accessor & Parameter Decorators
    • When Do Decorators Execute?
    • Returning (and changing) a Class in a Class Decorator
    • Other Decorator Return Types
    • Example: Creating an "Autobind" Decorator
    • Validation with Decorators - First Steps
    • Validation with Decorators - Finished
    • Fixing a Validator Bug
    • Wrap Up
    • Useful Resources & Links
  • Practice Time! Let's build a Drag & Drop Project
    • Module Introduction
    • Getting Started
    • DOM Element Selection & OOP Rendering
    • Interacting with DOM Elements
    • Creating & Using an "Autobind" Decorator
    • Fetching User Input
    • Creating a Re-Usable Validation Functionality
    • Rendering Project Lists
    • Managing Application State with Singletons
    • More Classes & Custom Types
    • Filtering Projects with Enums
    • Adding Inheritance & Generics
    • Rendering Project Items with a Class
    • Using a Getter
    • Utilizing Interfaces to Implement Drag & Drop
    • Drag Events & Reflecting the Current State in the UI
    • Adding a Droppable Area
    • Finishing Drag & Drop
    • Wrap Up
    • Useful Resources & Links
  • Modules & Namespaces
    • Module Introduction
    • Writing Module Code - Your Options
    • Working with Namespaces
    • Organizing Files & Folders
    • A Problem with Namespace Imports
    • Important: Use Chrome or Firefox
    • Using ES Modules
    • Understanding various Import & Export Syntaxes
    • How Does Code In Modules Execute?
    • Wrap Up
    • Useful Resources & Links
  • Using Webpack with TypeScript
    • Module Introduction
    • What is Webpack & Why do we need it?
    • Installing Webpack & Important Dependencies
    • Adding Entry & Output Configuration
    • Adding TypeScript Support with the ts-loader Package
    • Finishing the Setup & Adding webpack-dev-server
    • Adding a Production Workflow
    • Wrap Up
    • Useful Resources & Links
  • 3rd Party Libraries & TypeScript
    • Module Introduction
    • Using JavaScript (!) Libraries with TypeScript
    • Using "declare" as a "Last Resort"
    • No Types Needed: class-transformer
    • TypeScript-embracing: class-validator
    • Wrap Up
    • Useful Resources & Links
  • Time to Practice! Let's build a "Select & Share a Place" App (incl. Google Maps)
    • Module Introduction
    • Project Setup
    • Getting User Input
    • Setting Up a Google API Key
    • Using Axios to Fetch Coordinates for an Entered Address
    • Rendering a Map with Google Maps (incl. Types!)
    • Working with Maps without a Credit Card
    • Useful Resources & Links
  • React.js & TypeScript
    • Module Introduction
    • Setting Up a React + TypeScript Project
    • How Do React + TypeScript Work Together?
    • Working with Props and Types for Props
    • Getting User Input with "refs"
    • Cross-Component Communication
    • Working with State & Types
    • Managing State Better
    • More Props & State Work
    • Adding Styling
    • Types for other React Features (e.g. Redux or Routing)
    • Wrap Up
    • Useful Resources & Links
  • Node.js + Express & TypeScript
    • Module Introduction
    • Executing TypeScript Code with Node.js
    • Setting up a Project
    • Finished Setup & Working with Types (in Node + Express Apps)
    • Adding Middleware & Types
    • Working with Controllers & Parsing Request Bodies
    • More CRUD Operations
    • Wrap Up
    • Useful Resources & Links
  • Course Roundup
    • Roundup

پیشنهاد آموزش مرتبط در فرادرس

خرید لینک های دانلود
  • حجم فایل: 6.63GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: دارد
  • قیمت: 8000 تومان
  • دوره درک تایپ اسکریپت - ویرایش 2020 یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر