Javascript ile Metro Durağı Takip Uygulaması

Javascript ile konumumuza en yakın durağı takip eden bir uygulama geliştiriyoruz

Ratings 0.00 / 5.00
Javascript ile Metro Durağı Takip Uygulaması

What You Will Learn!

  • SVG ile etkileşim
  • 3. parti apiler
  • Proje geliştirme
  • Unit Testing

Description

Merhaba, ben Akifcan Kara ve bu seride sizlere JavaScript kullanarak geliştirdiğimiz bir metro duraklarını takip etme uygulamasını sunuyorum. Bu serüvene hoş geldiniz!

Bu seride JavaScript kullanarak metro duraklarını takip edebilen bir uygulama geliştiriyoruz.

İlk adımımız İzmir belediyesinin sağladığı API'yi kullanmak oluyor. Bu API sayesinde, İzmir'deki metro duraklarının tam listesini ve konum bilgilerini alıyoruz. Bu listeyi kullanarak, metro duraklarını listeliyoruz. Metro duraklarını arayüzde listelerken oluşturduğumuz SVG dosyasını kullanıyoruz.

Konum belirleme. Kullanıcının cihaz konumunu tespit ediyoruz ve bu konuma en yakın metro durağını hesaplıyoruz. Koordinatlarla çalışarak, kullanıcının bulunduğu yeri en yakın durakla ilişkilendiriyoruz. Bu, kullanıcıya anlık ve kişiselleştirilmiş bir deneyim sunmamıza olanak tanır.

Daha sonra, uygulamamıza jest ile unit testler ekliyoruz. Bu testler, uygulamanın doğru çalıştığını ve istediğimiz sonuçları ürettiğini doğrulamamıza yardımcı olur. Jest, uygulamamızın her bir bölümünün beklediğimiz şekilde çalıştığını sağlamak için kullanılan güçlü bir test aracıdır.

Bu seride, metro takip uygulamamızı geliştirirken her adımı ayrıntılı bir şekilde açıklıyoruz ve uygulamanın her aşamasını test ederek güvenilir bir sonuç elde ediyoruz. Bu sayede kullanıcılar, metro ve tramvay duraklarını kolayca takip edebilecekleri kullanıcı dostu bir uygulamaya sahip olacaklar.


Proje ile ilgili dosyalara kaynaklardan  (Github Reposu ve Figma) ulaşabilirsiniz. Ayrıca bana mail veya linkedin hesaplarımdan istediğiniz zaman ulaşabilirsiniz. 

Yardımcı ve faydalı olması dileği ile :)

Who Should Attend!

  • Web geliştiriciler

TAKE THIS COURSE

Tags

Subscribers

107

Lectures

8

TAKE THIS COURSE