Kodmatik
Kodmatik
  • Видео 30
  • Просмотров 131 835
ScraperAPI Kullanarak Döviz Sitesinden ve YouTube'dan Veri Çekmek | Javascript
Selam herkese, bu videomuzda ScraperAPI'na beraber göz atıyoruz ve RUclips'dan veri çekiyoruz. Umarım faydalı olmuştur.
ScraperAPI: www.scraperapi.com/?fpr=emir62
%10 indirim için kod: EMIR10
Projelerin olduğu Github linki: github.com/emirmatik/youtube
0:00 - Giriş
0:35 - Ne yapıyoruz?
2:25 - Kütüphaneye göz atıyoruz
8:45 - Kodlama giriş - Kur çevirme sayfasını scrape'liyoruz
16:10 - RUclips'u scrape'liyoruz
33:00 - Ek açıklamalar ve Kapanış
Просмотров: 2 864

Видео

Locomotive Scroll Kütüphanesi ile Scroll Animasyonu
Просмотров 9383 года назад
Selam herkese, bu videomuzda ise Locomotive scroll kütüphanesine göz atıyoruz. Umarım faydalı olmuştur. Projelerin olduğu Github linki: github.com/emirmatik/youtube Locomotive Scroll: github.com/locomotivemtl/locomotive-scroll
Quiz Uygulaması Yapıyoruz | HTML, CSS, JS
Просмотров 2,9 тыс.3 года назад
Selam herkese, bu videomuzda Javascript'te class yapısını kullanarak quiz uygulaması yapmayı öğreniyoruz. Umarım faydalı olmuştur. Projelerin olduğu Github linki: github.com/emirmatik/youtube 0:00 - Giriş 0:30 - Nasıl bir şey yapıyoruz? 2:21 - Koda başlıyoruzz 13:44 - ANSWSER, basımıza bela açacak yine bir harf 13:50 - Neyse devam edelim 45:00 - Kodda ne yaptığımızı inceliyoruz 51:40 - Neler ek...
Javascript ile Farklı Siteden Veri Çekmek | Web Scraping
Просмотров 18 тыс.3 года назад
Selam herkese, bu videomuzda Node.js ile web scraping'in nasıl yapıldığını öğreniyoruz. Umarım faydalı bir video olmuştur. Projelerin olduğu Github linki: github.com/emirmatik/youtube 0:00 - Giriş 1:10 - Ne kullanıyoruz? 3:25 - Kodlama 11:00 - Başka neler yapılabilir? 12:35 - Kütüphanenin diğer özellikleri 15:04 - Kapanış
Local Storage ile Yapılacaklar Listesi | HTML, CSS ve Javascript
Просмотров 10 тыс.3 года назад
Selam herkese, bu videomuzda local storage kullanarak yapılacaklar listesi yapmayı öğreniyoruz. Umarım faydalı olmuştur. Projelerin olduğu Github linki: github.com/emirmatik/youtube 0:00 - Başlangıç 0:35 - LocalStorage nedir? 1:45 - Biz ne için kullanacağız? 2:20 - Kod ortamını oluşturma ve HTML 5:30 - CSS 11:30 - JS'e giriş 29:15 - Listeden eleman silme işlemi 36:40 - Todo için check fonksiyon...
Modern Slider Yapımı | HTML, CSS ve Javascript
Просмотров 8 тыс.3 года назад
Bu videomuzda modern slider nasıl yapılır onu öğreniyoruz. Umarım yararlı bir video olmuştur :) Github linki: github.com/emirmatik/youtube 0:00 - Başlangıç 0:30 - Prototip 1:30 - Kodlamaya giriş - HTML 5:15 - CSS 11:45 - Javascript 22:50 - Mobil versiyon için 24:10 - Yine kapatamıyorum videoyu :/
React ve Fetch API Kullanarak Restoran Uygulaması Yapımı
Просмотров 1,9 тыс.3 года назад
Bu videomuzda React ve Fetch API kullanarak public bir API'dan restoran verileri çekmeyi ve işlemeyi öğreniyoruz. Umarım yararlı bir video olmuştur. 0:00 - Başlangıç 2:15 - Ne oluşturuyoruz? 3:10 - Koda giriş - Restoran Bileşenini oluşturuyoruz 13:15 - CSS ekliyoruz 21:15 - Buton kısmını ekliyoruz 24:15 - API'dan veriyi çekme ve işleme kısmı 28:45 - Acele işe şeytan karıştı 31:10 - Uygulamaya s...
VSC için İşinize Yarayacak Eklentiler + Birkaç Kısayol
Просмотров 8853 года назад
Bu videomuzda VSC kullananlar için kod yazımımızı hızlandıracak eklentileri ve birkaç kısayoldan bahsettim. 0:00 - Başlangıç 1:15 - Eklentiler 14:03 - Kısayollar 15:55 - Kapanamayış
Yüklenme Animasyonu Yapımı | HTML ve CSS
Просмотров 2 тыс.3 года назад
Bu videoda basit bir yüklenme animasyonu yapımını ve bunun nasıl kullanıldığını anlattım. Umarım yararlı olmuştur. 0:00 - Başlangıç 2:15 - HTML 3:25 - CSS 9:25 - Sitelerde nasıl kullanılıyor ? 10:55 - Neden position: fixed kullandık ? 11:45 - Son konuşma ve kapanış
30 Dakikada Soğuk Sıcak Oyunu | HTML, CSS, JS
Просмотров 1,2 тыс.4 года назад
Bu videomuzda soğuk sıcak / sayı tahmin etme oyununu yapıyoruz beraber Kod dökümü: github.com/emirmatik/number-guessing-game 0:00 - Başlangıç 2:30 - Kod ortamını oluşturma ve HTML 5:50 - CSS 8:30 - Javascript'e geçiş 13:15 - Ufak bi yazım hatası 15:00 - Kaldığımız yerden devam 31:40 - Son eklemeler ve sohbetimsi / Kapanış
Mobil Görünümdeki Yan Menü Nasıl yapılır
Просмотров 1 тыс.4 года назад
Bu videomuzda mobil görünüme geçişteki hamburger butonuyla menüyü dinamik hale getirmeyi öğreniyoruz. Umarım faydalı olmuştur :) 0:00 - Başlangıç 01:15 - Kod Ortamını Oluşturma ve HTML 03:45 - CSS 10:20 - Javascript 14:30 - Bitiş ve Sohbetimsi
React & GSAP ile Animasyon Oluşturmak
Просмотров 8114 года назад
Bu videomuzda React.js içerisinde GSAP kullanımını öğreniyoruz. Node.js indirmek için: nodejs.org/en/ React projesi oluşturmak için: npx create-react-app dosya_adi 0:00 - Başlangıç 0:51 - React dosyamızı oluşturma 2:10 - Kodlama 12:00 - Tıklama Animasyonu ekleme 15:40 - Son Konuşmalar
Netlify Üzerinden Domain Nasıl Alınır ?
Просмотров 2,2 тыс.4 года назад
Yorumlarda gelen istek üzerine de bu videomuzda netlify üzerinden nasıl domain alınır onu öğreniyoruz.
HTML Canvas ile Paint
Просмотров 1,1 тыс.4 года назад
Bu videomuzda HTML5 Canvas ve javascript kullanarak basit bir paint uygulaması yapıyoruz. 0:00 - Giriş, Projenin prototipi 0:45 - Canvasımızı oluşturma 3:57 - Paint mantığımız ve Yuvarlak oluşturma fonksiyonu 6:45 - Canvas üstünde mouse hareket ederken daire çizme 12:17 - Sol click ile tıklandığında da daire oluşturma 14:22 - Silgi ekleme 21:15 - Kapanış Renk, boyut seçimi, ve drawLine() eklenm...
Analog Saat Yapımı | HTML CSS JS Projesi
Просмотров 16 тыс.4 года назад
Bu videomuzda HTML, CSS ve Javascript kullanarak analog saat , duvar saati yapımını öğreniyoruz. Çok kompleks olmayan fakat javascript üstünde biraz hesaplama ve yerel fonksiyonları bilmeyi gerektiren bir proje. Yeni başlayanlar için pratik yapmaya yarayacak fazlasıyla. Saat SVG'si : cssanimation.rocks/images/posts/clocks/ios_clock.svg Kod Dökümü: github.com/emirmatik/youtube 0:00 - Giriş 0:25 ...
Web Sitesini Mobile Uyumlu Hale Getirme | Responsive Web Design
Просмотров 12 тыс.4 года назад
Web Sitesini Mobile Uyumlu Hale Getirme | Responsive Web Design
30 Dakikada XOX Oyunu | Javascript
Просмотров 7 тыс.4 года назад
30 Dakikada XOX Oyunu | Javascript
Scroll Animasyonlu Website Yapımı w/ GSAP ve ScrollMagic | HTML, CSS, Javascript
Просмотров 12 тыс.4 года назад
Scroll Animasyonlu Website Yapımı w/ GSAP ve ScrollMagic | HTML, CSS, Javascript
find ve filter Array Metotları | Javascript
Просмотров 2874 года назад
find ve filter Array Metotları | Javascript
GSAP ile Animasyonlu Menü Yapımı
Просмотров 8684 года назад
GSAP ile Animasyonlu Menü Yapımı
Köstebeğe Vur Oyunu - Javascript ile Oyun Yapımı
Просмотров 3,8 тыс.4 года назад
Köstebeğe Vur Oyunu - Javascript ile Oyun Yapımı
Açılır Pencere / Modal Yapımı | HTML, CSS, Javascript
Просмотров 8 тыс.4 года назад
Açılır Pencere / Modal Yapımı | HTML, CSS, Javascript
Javascript ile Kronometre / Sayaç Yapımı
Просмотров 3,5 тыс.4 года назад
Javascript ile Kronometre / Sayaç Yapımı
SVG ve CSS Animasyonu ile Banner/Landing Sayfası Yapımı
Просмотров 1,6 тыс.4 года назад
SVG ve CSS Animasyonu ile Banner/Landing Sayfası Yapımı
Yeni Başlayanlar için Javascript Projesi - Arkaplan Değiştirici
Просмотров 8 тыс.4 года назад
Yeni Başlayanlar için Javascript Projesi - Arkaplan Değiştirici
pop / push ve shift / unshift Array Metotları | Javascript
Просмотров 2794 года назад
pop / push ve shift / unshift Array Metotları | Javascript
Karanlık Mod Nasıl Yapılır | HTML, CSS, Javascript
Просмотров 2,2 тыс.4 года назад
Karanlık Mod Nasıl Yapılır | HTML, CSS, Javascript
toString ve join Array Metotları | Javascript
Просмотров 2154 года назад
toString ve join Array Metotları | Javascript
map Array Metodu | JavaScript
Просмотров 4904 года назад
map Array Metodu | JavaScript
forEach Array Metodu | JavaScript
Просмотров 1,4 тыс.4 года назад
forEach Array Metodu | JavaScript

Комментарии

  • @emreiicoz
    @emreiicoz Месяц назад

    muazzam bilgi için teşekkürler. bakalım şirketimizde ne için kullanabiliriz.

  • @futboltv3385
    @futboltv3385 3 месяца назад

    parantez extension ismi nedir

  • @Hacer26
    @Hacer26 5 месяцев назад

    Peki URL değişmiyorsa o siteden veri nasıl çekebiliriz

  • @zeynepsuhedaiskifoglu6650
    @zeynepsuhedaiskifoglu6650 6 месяцев назад

    Detayli anlatim icin teşekkürler, rica etsem daha cok js projeleri paylaşırmısınız

  • @tugceaydn5003
    @tugceaydn5003 7 месяцев назад

    Çok güzel video elinize sağlık, böyle bir proje yapmam lazımdı çok yardımcı oldu 🙃

  • @sl.sombra
    @sl.sombra 7 месяцев назад

    Abi ben de html, css falan öğrenmek istiyorum fakat kod bloklarının nasıl çalıştığı hakkında bir fikrim yok. Örnek vermek gerekirse body veya head kısmının altında yazdığın kodlar falan hakkında yani nasıl öğrenebilirim ücretsiz bir şekilde?

  • @kadirguler2408
    @kadirguler2408 10 месяцев назад

    TypeError: page.$x is not a function hatası alıyorum. Mevcut çözümlerle sorunu çözemedim. Yardımcı olurmusun?

  • @korayyilmaz559
    @korayyilmaz559 10 месяцев назад

    Süper çalışma

  • @EnesKÜÇÜKTAŞ-g6n
    @EnesKÜÇÜKTAŞ-g6n 11 месяцев назад

    Knk süpersin emeğine sağlık. Bunun aynısının alt menüler varken de yapabilir misin. Örn. ürünlerin üstüne gelince aşağıda ürünler olsun ama mobilde de açılır menü olacak şeklinde. Çok memnuniyet duyarım

  • @ziyasakrak4424
    @ziyasakrak4424 11 месяцев назад

    Ben çalıştırmıyorum kardeşim yardımcı olurmusun. Ben yön butonlarini başka sayfadan indirdim o yüzden çalışmıyor olabilir mi

  • @sing1.player.lyrics
    @sing1.player.lyrics 11 месяцев назад

    Abi ben 1 dolar ı TL ye cevirdigimde 30 falan yazıyo hatamı var sitede (!)

    • @hamzauguz5000
      @hamzauguz5000 7 месяцев назад

      o hata değil gülüm TR ekonomisinin batışı

  • @kubilayçetin-v4f
    @kubilayçetin-v4f 11 месяцев назад

    instagram hesabınız varmı ?

  • @SeyfettinKKK
    @SeyfettinKKK Год назад

    Aferim sana ya, gelecek sizlerde👏👏👏

  • @MMMMGGRR
    @MMMMGGRR Год назад

    Selam umarım görürsün internet üzerinden phycarma canlı veri çekmek istiyorum fakar sitede istediğim etiketin span değeri gelmiyo bunu nasıl çözebilirim

  • @Kavwk
    @Kavwk Год назад

    Videolarını derlemeyi ve kurs halinde getirmeyi düşünmez misin? Udemy'de yayınlarsan sırf katkı için satın alabilirim. İçeriğinden faydalandım teşekkür ederim. Bu yaşta kendini çok iyi geliştirmişsin takdir edilesi. Umarım hayatında herşey yolundadır.

  • @egelencemuzik
    @egelencemuzik Год назад

    merhabalar githubtaki projelerden hangisi bu acaba?

    • @Kodmatik20
      @Kodmatik20 Год назад

      Merhaba, github.com/emirmatik/youtube/tree/main/modal

  • @turgay.ozturk
    @turgay.ozturk Год назад

    Merhaba hocam, bir e-posta attım bakabilir misin ?

  • @attil461
    @attil461 Год назад

    Hocam elinize sağlık. Çok hoş bir anlatım olmuş :)

  • @yavergazi
    @yavergazi Год назад

    harikasin dostum,elerine saglik

  • @HakanÖztuna-j2v
    @HakanÖztuna-j2v Год назад

    Sağ olun güzel içerik olmuş

  • @yavergazi
    @yavergazi Год назад

    tesekkurler, eline ,emegine saglik,yanliz codlarin font-sizni biraz buyutursen super olur

  • @yavergazi
    @yavergazi Год назад

    sepersin eline ,emegine saglik,tessekur ederim

  • @karasavas
    @karasavas Год назад

    Hiç kütüphane kullanmadan JavaScript ile veri çekebilir miyiz?

  • @ugurkececi7363
    @ugurkececi7363 Год назад

    Öncelikle böyle bir video çektiğiniz için, teşekkür ederim. Mükemmel bir anlatımla, rahatça anlamadığım kısmı bile anladım. Fakat yapmaya gelince yine kendi başıma yapabileceğimi sanmıyorum :). 1 aydır felan javaScript ile ilgileniyorum, biraz korkuttu açıkcası beni zor geldi. Gayet normal mi :) Siz burda kaç aylık veya yıllık emeğinizle yaptınız merak ettim :)

    • @Kodmatik20
      @Kodmatik20 Год назад

      Selam, gayet normal ben uzun bir suredir javascript ve frontend teknolojileriyle ilgileniyorum. Biraz kendine zaman ver, konsepti anladikca daha kolay gelmeye baslayacak :)

    • @ugurkececi7363
      @ugurkececi7363 Год назад

      @@Kodmatik20 Cevabınız için teşekkür ederim. Umarım sizde çok daha iyi yerlere gelirsiniz. Ben o ışığı aldım :)

    • @Kodmatik20
      @Kodmatik20 Год назад

      ​@@ugurkececi7363 çok teşekkür ederim mutlu ettiniz :)))

  • @lyrotechtwitch
    @lyrotechtwitch Год назад

    Teşekkürler

  • @harunkml
    @harunkml Год назад

    Sadece linke basıncamı site açılır yoksa sitemin ismini yazıyorum öyle bişey çıkmıyor

  • @myytkn8526
    @myytkn8526 Год назад

    Ah emin ah dersimiz JS döngülere geldik umarim basaririm. Ekranin cok kücük Emir dürbün gerek kodlari görebilmek icin. 😂😂😂😂😂

  • @ezgiikarakayaa
    @ezgiikarakayaa Год назад

    ya iyi hoş anlatıyorsun gayet güzel de isimleri niye todo todos diye verdin biraz kafa karıştırıcı olmuş

    • @Kodmatik20
      @Kodmatik20 Год назад

      selam yorumun için teşekkürler. kafa karıştırıcı kısım türkçe olmaması mı yoksa isimlerin benzer olması mı anlayamadım

  • @ticey4316
    @ticey4316 Год назад

    Helal olsun güzel anlatım.

  • @ercihanercihan3016
    @ercihanercihan3016 Год назад

    video için teşekkürler

  • @frat1961
    @frat1961 Год назад

    6:35 te neden arrow function kullandık orayı anlayamadım, ben genelde oluşturduğum fonksiyonu orada çağırırdım, burda olmuyor ama

    • @frat1961
      @frat1961 Год назад

      3 ay önceki zavallı ben daha arrow function nedir yeni öğrenmiştim ve neden kullanıldığı hakkında en ufak bir fikrim yoktu, şimdi ise uygulamayı tek başıma geliştirebiliyorum. Bunu okuyan arkadaşlara tavsiye sakın pes etmeyin, bırakmayın!!

  • @sadaharu_tr
    @sadaharu_tr Год назад

    Video için teşekkürler güzel bir pratik oldu.

  • @muhammeteminmetin4166
    @muhammeteminmetin4166 Год назад

    setInterval(tiktak,1000) yaptıktan sonra tiktak fonksiyonunu çağırmak için ()' ları neden kullanmadınız hocam? o ()'leri kullanıp kullanmamayı birkaç yerde gördüm ama anlamadım. Olayı nedir? eline sağlık teşekkürler

  • @rohataslan5473
    @rohataslan5473 2 года назад

    Güzel anlatım yeteneğin var ağzına sağlık

  • @umitrencber
    @umitrencber 2 года назад

    kısa ve öz dediğin gibi

  • @alpkotransfertravel2482
    @alpkotransfertravel2482 2 года назад

    Merhaba kolay gelsin video için teşekkür ederim. Bir sorun olacaktı. Yurtdışı ile bazı rezervasyon sitelerinde iş ortaklığımız vardır. Firmamızda çalışan arkadaşlar sürekli bu sitelere girip fiyat analizi yapıp tekrar başka siteye girmektedir. Daha sonra güncelleme yapmaktadır. Bu güncellemeler diğer rakip firmalar tarafından takip edilmektedir. Bizler o güncellemeyi yapana kadar diğer firmalar tekrar güncelleme yapıyor. Bunun için o yurtdışı rezervasyon sitelerinde kolay bir şekilde tek bir program üzerinden takip edip hızlı bir şekilde fiyat analizi yapıp fiyat güncellemelerini gerçekleştirmek için bir program kullanabilir miyiz? Bot uygulaması olmuyor site botu algılayıp banlıyor. Buradaki amacız sadece daha hızlı olup rakip firmalardan önce fiyatları güncellemek. Bunun için yardımlarınızı bekliyor olacağım. Teşekkürler...

    • @Kodmatik20
      @Kodmatik20 2 года назад

      merhaba, web scraping konusunda çok fazla tecrübem yok ne yazık ki, yanlış yönlendirme yapmak istemem :)

    • @alpkotransfertravel2482
      @alpkotransfertravel2482 2 года назад

      @@Kodmatik20 peki teşekkürler önerebileceğiniz herhangi bir program veya başka bir kolay yazılım var mı?

  • @rohataslan5473
    @rohataslan5473 2 года назад

    Analog saat videon pratik için gerçekten çok işime yaradı. Bundan sonraki bir çok pratik videon sayesinde iyice gelişmemi sağlayacağına inanıyorum şimdiden teşekkür

    • @Kodmatik20
      @Kodmatik20 2 года назад

      Faydalı olmasına sevindim, teşekkürler yorumun için 💪

  • @mehmetkarakas130
    @mehmetkarakas130 2 года назад

    türkçe kaynakların genelinde fontlar inanılmaz küçük. sizde de çok küçük. Hiç anlaşılmıyor maalesef.

    • @Kodmatik20
      @Kodmatik20 2 года назад

      Bazı videolarda dikkat etmeye çalışmıştım ama bunda da küçük olmuş, üzgünüm :(

  • @meliefendi
    @meliefendi 2 года назад

    eline koluna sağlık kaç tane video gezdim. araştırma yaptım sende halledebildim şunu teşekkür ederim. Evreni sorguluyorum kısmı da güzel olmuş 😂😂

  • @ozgn-c1x
    @ozgn-c1x 2 года назад

    yeni videolar ne zaman gelecek

  • @aysanziyadova9107
    @aysanziyadova9107 2 года назад

    Supər🕢✅️

  • @hasankara6295
    @hasankara6295 2 года назад

    Videolarınız için teşekkürler

  • @kdhatas5431
    @kdhatas5431 2 года назад

    elinize saglık hocam

  • @metinkoca1421
    @metinkoca1421 2 года назад

    Kullandığın kulaklık hakkında bilgi alabilir miyim?

    • @Kodmatik20
      @Kodmatik20 2 года назад

      Selam, şu anda Sennheiser HD4.40bt kullanıyorum fakat videodakini soruyorsan Rampage R36 Drop 7.1

    • @metinkoca1421
      @metinkoca1421 2 года назад

      @@Kodmatik20 Teşekkür ederim uzun zamandır video atmadığını gördüm bekliyoruz.

  • @huseyinkurnali2131
    @huseyinkurnali2131 2 года назад

    Online ders veriyomusunuz

    • @Kodmatik20
      @Kodmatik20 2 года назад

      Merhabalar, şu anda vermiyorum maalesef

  • @furkanunlu1983
    @furkanunlu1983 2 года назад

    etherscan verilerini nasıl çekebiliriz ? örnek: bir kripto paranın gerçekleştirilen transfer verilerini sayfa 1 den sayfa 889 a kadar çekmek istiyorum

  • @gokturkdabakoglu1578
    @gokturkdabakoglu1578 2 года назад

    Delphi hakkında bir sorum olacaktı da nerden sorabilirim acaba?

    • @Kodmatik20
      @Kodmatik20 2 года назад

      Delphi hakkında pek bir bilgim yok fakat Twitter üzerinden sorabilirsin. Hesap kanal açıklamasında olması lazım

  • @elifdemir8822
    @elifdemir8822 2 года назад

    Merhaba. Source control kısmı yandaki panelden kayboldu nasıl geri getiririm?

    • @Kodmatik20
      @Kodmatik20 2 года назад

      Merhaba, ayarlar kısmından ayarlayabiliyor olmanız lazım

  • @yazlm3799
    @yazlm3799 2 года назад

    Localstorage kısmını bir türlü yapamıyorum, ne yapmam lazım ?

  • @elseyuksel
    @elseyuksel 2 года назад

    teşekkürler