niloaydin/fsweb-s1-challenge

Sprint 1 Challenge - Popüler Sanatçılar

Başlamadan önce bu talimatları dikkatlice okuyun ve tam olarak ne beklendiğini anlayın.

Bugünkü çalışmada amacımız, bu hafta öğrenilen kavram ve tekniklerin somut bir projede uygulamanıza olanak sağlamaktır. Şimdiye kadar, git ve JavaScript'e giriş kavramlarını kapsayan; git, değişken tanımlama, koşullar, döngüler, işlevler, diziler ve nesneler üzerine odaklandınız. Bu haftaki çalışmanızda, index.js dosyasındaki görevleri tamamlayarak bu konuları ne kadar anladığınızı göstereceksiniz.

Bu çalışma kendiniz için bireysel bir değerlendirme olacaktır. Başkalarından yardım alabilirsiniz ama en sonunda gerekli olan isterleri kendi başınıza da yapması beklenmektedir. Sprint 1 boyunca anlatılan bilgileri kullanarak yapabilirsiniz. Önceki projelerinizde yaptıklarınızın benzerlerini yaparak challenge'ı %100 olarak tamamlayabilirsiniz.

Giriş

Bu challange'da, "En popüler fenomenler" web sayfası oluşturmak için sosyal medya profillerine ait bir veri seti kullanacaksınız. Bu veriler, Kaggle adresindeki "En iyi 100 sosyal medya profili" başlıklı Instagram, Twitter, YouTube, Twitch ve TikTok kullanıcıları listesinden gelmektedir. Çalışmayı kolaylaştırmak için, bu verilerden YouTube hariç her birinden ilk 5 profil alınacak şekilde, toplam 20 fenemen profili kullanılacaktır.

Commits

Görevleri yaptıkça commit etmeyi unutmayınız.

Talimatlar

Görev 1: Proje Kurulumu

VSCode ve Komut Satırını Kullanma:

1. Bu repo'yu fork'layın
2. Frok'ladığınız repo'yu bilgisayarınızda clone'layın
3. LÜTFEN BRANCH OLUŞTURMAYINIZ! Bu projede main branch'ine push'layacaksın
4. Repo'nuzun olduğu klasöre gidin (cd REPO_ADI)
5. Vs code'da terminali açın ve npm install yazın ve çalıştırın
6. Sonra npm run test yazın ve çalıştırın
7. Projenizi tamamladıktan sonra push yaparak githuba aktarın

Görev 2: Yapılması gerekenler

index.js dosyasını bulun ve verilen görevleri tamamlayın. Tüm görevleri doğru tamamlayabilirsen 10 testi de tamamladığını göreceksin.

Test Etme & Debug Yapma

Projenizin içinde "split terminal"i tıklayarak ikinci bir terminal ekranı açın.

Açılan ikinci terminalde npm start yazıp çalıştırın.

Bir terminal ekranında testleri çalıştırırken bir diğerinde ise debug yapabileceksin. Kodlarınızda güncelleme yaptıkça ilerlemeyi kontrol için console.logu kullanın.

Görev 3: Bonus Çalışma

Sana verilen gün sonu projesindeki görevleri tamamladıktan sonra bonus çalışmaları yapabilirsin.

Proje Teslim Etme Adımları

Verilen görevi tamamladıktan sonra Workintech Platformu'nda (app.workintech.com.tr) Sprint 1>Gün 4'ün sonuna eklenmiş olan "Görev: Sprint 1 Challenge Projesini Buraya Yükle" içeriğini açıp. GitHub hesabınızda oluşturduğunuz repo'nun adresini buraya ekleyiniz. Eğitmenlerimiz, gün projenizi kontrol edecek ve ertesi gün size slack üzerinden geribildirimde bulunacaklar.

Kaynaklar

W3 Schools - JavaScript Arrays W3 Schools - JavaScript Objects