bestcourses is supported by learners. When you buy through links on our website, we may earn an affiliate commission. Learn more

Sıfırdan Her Yönüyle GraphQL ve Apollo

GraphQL ve Apollo ile Node.JS, Express ve MongoDB Üzerinde Real-Time API Geliştirin >> Kupon Kodu: JS_DEV15

4.75 / 5.0
1150 students9 hours 41 minutes

Created by Mehmet Seven, offered on Udemy

bestcourses score™

Student feedback

6/10

To make sure that we score courses properly, we pay a lot of attention to the reviews students leave on courses and how many students are taking a course in the first place. This course has a total of 1150 students which left 212 reviews at an average rating of 4.75, which is average.

Course length

9/10

We analyze course length to see if courses cover all important aspects of a topic, taking into account how long the course is compared to the category average. This course has a length of 9 hours 41 minutes, which is pretty short. This might not be a bad thing, but we've found that longer courses are often more detailed & comprehensive. The average course length for this entire category is 7 hours 30 minutes.

Overall score

6.3/10

This course currently has a bestcourses score of 6.3/10, which makes it an average course. Overall, there are probably better courses available for this topic on our platform.

Description


Giriş

Bu bölümde REST ve GraphQL'in ne olduğunu, farklarını ve neden GraphQL'e geçmeniz gerektiğini öğreneceksiniz. 

Query, Mutation, Subscription gibi GraphQL'in temel yapı taşlarını bu bölümde teorik olarak öğreneceksiniz.


GraphQL Schema Language

GraphQL ile ilgili karşınıza çıkabilecek her türlü yazım şeklinden ve metodolojiden bahsetmeye çalışıyorum. Şema ve tip tanımlarımızı öncelikle JavaScript ile nasıl yapabileceğimizi öğreneceğiz. Sonra da aynı işlemi daha basit ve anlaşılır şekilde yapmamızı sağlayan GraphQL şema dilini öğreneceğiz. Böylelikle karşınıza çıkabilecek her türlü şema tanım şeklini kullanan kodları okuduğunuzda rahatlıkla anlamlandırabileceksiniz.


Real World Project Structure

Projeleri sırf örnek olsun diye geliştirmiyoruz. Gerçek dünyada yapılan projelere nasıl başlanıp, nasıl ilerleniyorsa aynısını kurs üzerinde uyguluyoruz. Böylelikle kursu bitiren biri rahatlıkla yeni projeler geliştirebilir kıvama geliyor.

GraphQL ile geliştirilen projelerde, sürdürülebilir dizin ve dosya yapısının nasıl olması gerektiğini detaylı olarak anlatıyorum. Kurs içerisinde, bu başlık için başlı başına bir bölüm bulunuyor.


Tech Stack

Projelerimizi backend tarafını "Node.JS, Express, GraphQL, Apollo Server ve MongoDB" oluştururken frontend tarafını "React ve Apollo Client" oluşturuyor.


Movie App Projesi

Pratik anlamda GraphQL'in temellerini öğrenmeye ve ilk adımlarımızı atmaya bu projede başlıyoruz.

Backend'de Node.JS, Express ve GraphQL kullandığımız bu projenin veritabanını MongoDB ve front-end tarafını da React ve Apollo ile geliştirdik.

Bu bölümde salt JavaScript ile GraphQL şemaları inşa etmeyi ve tip tanımlarını yapmayı öğreneceksiniz.

Bu bölümde genel olarak aşağıdaki kavramlara hakim olacaksınız.

  • Express ile GraphQL kurulumu

  • GraphQL Schema

  • Root Query

  • Resolver

  • GraphQLID

  • GraphQLList

  • GraphQLNonNull

  • Relations

  • Custom Type

  • Apollo Client

  • React Apollo Module

  • Refetch

  • QUERY, MUTATION

  • GraphiQL


Easysnap Projesi

Bu bölümde genel olarak aşağıdaki kavramlara hakim olacaksınız.

  • Apollo Server

  • Subscriptions

  • GraphQL Playground

  • Optimistic UI

  • Authentication (JWT)

  • Deploy


Authentication

GraphQL ile Token (JWT) tabanlı kimlik doğrulama işlemlerinin nasıl yapılacağını öğreneceksiniz. Gerek server, gerek client tarafında yapılması gereken işlemlere hakim olacaksınız.


Real-time API Geliştirmek

Twitter'ın hazırladığı API'yi görmüşsünüzdür. Birisi tweet attığı anda bu tweet'i gerçek zamanlı olarak yakalayabilirsiniz. Biz de hazırladığımız easysnap projesinde benzer bir yapı geliştiriyoruz. Bir kullanıcı snap attığı anda bundan haberdar oluyor ve tüm kullanıcılara gerçek zamanlı olarak gösterebiliyoruz.

Real-time API geliştirme konusunu Subscriptions bölümünde detaylı olarak öğreneceksiniz. Hem sunucu tarafında hem de client tarafında yapmanız gereken işlemleri öğrenmiş olacaksınız.


Optimistic UI

Sanırım Optimistic UI'ın ne olduğunu aşağıdaki gif açık bir şekilde ortaya koyuyor.

Aynı iş farklı iki yöntem. Solda bütün UI loading state ile yönetiliyor. Mesaj yazılıp "send" butonuna basıldığı anda UI üzerinde "loading" ifadesi gösteriliyor ve "loading" işlemi tamamlanana kadar herhangi bir işlem yapamıyoruz.

Ancak sağda Optimistic UI kullanılıyor. Tıpkı Facebook'un yaptığı gibi. Mesaj gönderildiği anda sadece o mesaj ile alakalı "loading" ifadesi gösteriliyor. Ve kullanıcı yeni bir işlem yapmak için beklemek zorunda kalmıyor.

Biz de kursta "easysnap" projesinde snap atarken benzer yapıyı kullanacağız. 
Apollo Client bize bu imkanı sağlıyor. Bu süreçleri yönetmeyi hiç olmadığı kadar kolaylaştırıyor.


Deploy

Hazırladığımız projenin deploy süreçlerinin nasıl yönetileceğini bu bölümde konuşuyoruz.

Projenin Node + GraphQL + Apollo backend'ini Heroku üzerine deploy ediyoruz.

React + Apollo frontend'ini de Surge sh üzerinde deploy ediyoruz.

What you will learn

  • Modern web uygulamalarını tek başınıza geliştirebileceksiniz.
  • GraphQL ve Apollo ile Real-Time çalışan API geliştirebileceksiniz.
  • Node JS ve React ile yetkilendirme işlemlerini yapabileceksiniz.
  • Optimistic UI ile gelişmiş kullanıcı deneyimleri yaratabileceksiniz.
  • Scalable dosya ve dizin yapısı kurgulayabileceksiniz.
  • Node JS, GraphQL, Apollo, MongoDB ve React'ı aynı proje üzerinde kullanabileceksiniz.

Requirements

  • Temel seviye JavaScript ve React bilgisi.
Udemy logo
Available on

Udemy

With almost 200,000 courses and close to 50 million students, Udemy is one of the most visited online learning platforms. Popular topics include software development, the digital economy, but also more traditional topics like cooking and music.

Frequently asked questions

  • Price: $19.99
  • Platform: Udemy
  • Language: Turkish
  • 9 hours 41 minutes
Sıfırdan Her Yönüyle GraphQL ve Apollo thumbnail

bestcourses score: 6.3/10

There might be better courses available for this topic.