Git Product home page Git Product logo

fsweb-s1g3-projesi-array's Introduction

JavaScript'e giriş

Diziler

Amaç

  • Verileri depolamak ve erişmek için dizileri kullanmak
  • Dizi özelliklerini ve dizi yöntemlerini kullanmak

Giriş

Eşsiz tatları ile dünyaca üne kavuşan Elif Pastaneleri 1982'den beri, başta İstanbul'da olmak üzere farklı ülkelerde hizmet vermektedir. Bu pastanelerde değişmeyen tek şey lezzet ve ustalıktır. Nesilden nesile aktardığı ve Türk damak tadıyla harmanladığı tarifleri ile kalitede öncü olan bu markanın sırrı ise, 25 farklı aromanın uygun oranlarda karışımı ile elde edilmesidir.

Bugünkü derste, lezzet dizisinin uzunluğunun 25'i asla geçmemesini sağlarken, pasta aromalarına erişmek, kaldırmak ve eklemek için pasta içerik çeşitleri dizisi ile çalışma olacaktır.

Talimatlar

Görev 1: Proje Kurulumu

VSCode ve Komut Satırını Kullanma:

  1. Bu repo'yu fork'la.
  2. Fork'ladığın repo'yu bilgisayarında clone'la.
  3. Bu projede main branch'ine push'layacaksın. LÜTFEN BRANCH OLUŞTURMA!
  4. Repo'nuzun olduğu klasöre gidin (cd repo_adi)
  5. Yeni bir dosya oluşturup; ".gitignore" olarak isimlendir. İçine sadece node_modules/ yaz ve kaydet.
  6. Vs Code'da terminali açın ve npm install yazın ve çalıştırın. Bunu her projede sadece 1 kere yapacaksın.
  7. Terminalde de, proje dizinindeyken, VS Code'da "split terminal"i tıklayarak ikinci bir terminal ekranı aç.
    • Sonra npm run test yaz ve çalıştır
    • Açılan ikinci terminalde npm start yazıp çalıştır.
  8. Projeni tamamladıktan sonra push yaparak githuba aktar.

Görev 2: Yapılması gerekenler

index.js dosyasını bul ve fonskiyondan geri gelen değerin(return) beklenen gibi görünene kadar görevleri tamamlamaya çalış.

.forEach(), .map(), .filter() ve .reduce() metodlarını kullanmak şimdilik yasak. Bu proje özelinde bunların hiçbirini kullanma!

Test Etme & Debug

Projen klasöründeyken, VS Code'da "split terminal"i tıklayarak ikinci bir terminal ekranı aç.

alt text

Sonra npm run test yazın ve çalıştırın

alt text

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

alt text

Split terminal ile ekranında testleri çalıştırırken bir diğerinde ise debug yapabileceksin. Kodlarında güncelleme yaptıkça ilerlemeyi kontrol için console.log'u kullanabilirsin.

alt text

Görev 3: Bonus Çalışma

Sana verilen gün sonu projesindeki görevleri tamamladıktan, yine index.js sonundaki bonus çalışmaları yapmanı tavsiye ederiz.

Proje Teslim Etme Adımları

Verilen görevi tamamladıktan sonra Workintech Platformu'nda (app.workintech.com.tr) Sprint 1>Gün 3'ün sonuna eklenmiş olan " Görev: Sprint 1'in 3. Gün 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

fsweb-s1g3-projesi-array's People

Contributors

emresahiner avatar gokhanozdemir avatar volkante avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.