newLine – TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL – Part One 2020-2

توضیحات

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL، یک دوره آموزش React, Node, TypeScript و GraphQL سطح پیشرفته با ساخت یک برنامه در طول 8 هفته دوره آنلاین میباشد.

آنچه در دوره TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL یاد خواهید گرفت:

• چگونگی ساخت یک GraphQL API در Node.js به همراه Apollo Server از پایه
• کسب اطمینان از ساخت برنامه های حرفه ای
• ساخت برنامه های React در مقیاس بزرگ با تکنیک های 2020 مثل Hooks
• به کار بردن React Apollo و Apollo CLI برای مدیریت درخواست های GraphQL توسط React
• جلوگیری از به وجود آمدن باگ ها با استفاده از TypeScript برای نوشتن کد های بهینه
• ذخیره داده با اسفاده از MongoDB و PostgreSQL
• مدیریت خرید ها با استفاده از Stripe
• یادگیری چگونگی گسترش برنامه های hassle-free با استفاده از Heroku
• استفاده از پیچیدگی احراز هویت با استفاده از استاندارد صنعتی OAuth 2.0 (Google Sign-In)
• بکارگیری جست و جوی مکان با استفاده از Google’s Geocode API

مشخصات دوره

ناشر: newLine
مدرسین: Hassan Djirdeh و Jing Chen
زبان: انگلیسی
سطح آموزش: متوسط
تعداد دروس: 68
مدت زمان: با فرض 4 ساعت کار در هفته، 2 ماه

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

Welcome Introduction

TinyHouse Welcome
Syllabus
How To Go Through The Course
Environment Setup
Part One Welcome

Module 1 Getting Started With Our Server

Module 1 Introduction
What is Node?
Running JavaScript with Node
Creating a minimal Node:Express Server
Automatic Reloading Using Nodemon
Introducing TypeScript
Adding TypeScript to our Server
Compiling our TypeScript project
Linting with ESLint
Introducing mock listings
Creating GET and POST Express routes
Module 1 Summary

Module 2 Comparing APIs

Module 2 Introduction
What is GraphQL?
Comparing Github’s REST and GraphQL APIs
GraphQL Concepts

Module 3 Using Apollo Server

Module 3 Introduction
Installing Apollo Server and GraphQL
Creating a GraphQL Schema with the GraphQL JS Library
Querying and mutating listings data with GraphQL
Using the GraphQL Schema Language
Module 3 Summary

Module 4 Storing Data

Module 4 Introduction
Introduction to MongoDB
Setting up a new MongoDB Cluster with Atlas
Connecting the server with MongoDB
TypeScript Generics and adding types to our Collections
Setting Up Env Variables
Seeding mock data to the database
Processing Data from MongoDB
Modularizing Resolvers
Module 4 Summary

Module 5 Getting Started with React

Module 5 Introduction
React
Create React App
Create React App – The Rundown

Module 6 Building out Listings

Module 6 Introduction
The Listings Component
Props & TypeScript
Functional Components & TypeScript
Querying Listings
Abstracting the type of data from server fetch
Deleting a listing
Module 6 Summary

Module 7 GraphQL and Hooks

Module 7 Introduction
React Hooks
The useState Hook
The useEffect Hook
Custom useQuery Hook
Custom useQuery and refetch
Custom useQuery and loading/error states
Custom useMutation Hook
The useReducer Hook
Module 7 Summary

Module 8 Introducing React Apollo

Module 8 Introduction
Creating our Apollo Client
React Apollo Hooks
Autogenerated types with Apollo CLI
Module 8 Summary

Module 9 Styling with Ant Design

Module 9 Introduction
UI Frameworks and Ant Design
Styling with Ant Design

Module 10 Part One Conclusion

Part One Conclusion

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

We assume you know the basics of HTML/CSS/JavaScript and perhaps have dabbled in a newer front-end library (like React) to recognize what it offers. With that said, we spend as much time as we can to ensure that we introduce and explain all the technologies we intend to use before we use them.

The course does not teach you how to program from scratch. We delve into intermediate/advanced code, for example, building a GraphQL server with Node and using Hooks with React.

While you don’t have to be a React or Node expert, it is good if you have, for example, gone through a basic React tutorial beforehand.

تصاویر

فیلم نمونه

راهنمای نصب

پس از Extract، با Player دلخواه خود مشاهده کنید.

زیرنویس: ندارد

کیفیت: 1080

توجه: ماژول های بعدی در قسمت دوم این دوره تحت عنوان TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL – Part Two موجود میباشند.

تغییرات:

نسخه 2020/2 نسبت به نسخه 2020/1 تغییری در محتوا و زمان کل دروس نداشته است اما سورس کد و فایل های PDF به آن اضافه شده اند.

لینک دانلود

دانلود بخش 1 – 1 گیگابایت

دانلود بخش 2 – 496 مگابایت

گذرواژه فایل(ها): www.downloadly.ir

حجم فایل

1.5 گیگابایت