- 30
- 131 184
Kodmatik
เข้าร่วมเมื่อ 18 ส.ค. 2020
Seviye fark etmeksizin kodlama sevenler için projeler yapıyoruz :))
Şu anlık başlangıç ve orta seviye odaklı gidiyoruz, kanal büyüdükçe daha kapsamlı projelere geçeceğiz😎🤞
Yaptığımız tüm projelere aşağıdaki github hesabından ulaşabilirsiniz:
github.com/emirmatik/youtube
Şu anlık başlangıç ve orta seviye odaklı gidiyoruz, kanal büyüdükçe daha kapsamlı projelere geçeceğiz😎🤞
Yaptığımız tüm projelere aşağıdaki github hesabından ulaşabilirsiniz:
github.com/emirmatik/youtube
ScraperAPI Kullanarak Döviz Sitesinden ve YouTube'dan Veri Çekmek | Javascript
Selam herkese, bu videomuzda ScraperAPI'na beraber göz atıyoruz ve TH-cam'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 - TH-cam'u scrape'liyoruz
33:00 - Ek açıklamalar ve Kapanış
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 - TH-cam'u scrape'liyoruz
33:00 - Ek açıklamalar ve Kapanış
มุมมอง: 2 850
วีดีโอ
Locomotive Scroll Kütüphanesi ile Scroll Animasyonu
มุมมอง 9313 ปีที่แล้ว
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.9K3 ปีที่แล้ว
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
มุมมอง 18K3 ปีที่แล้ว
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
มุมมอง 10K3 ปีที่แล้ว
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
มุมมอง 8K3 ปีที่แล้ว
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.8K3 ปีที่แล้ว
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
มุมมอง 1.9K3 ปีที่แล้ว
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.2K3 ปีที่แล้ว
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
มุมมอง 9943 ปีที่แล้ว
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
มุมมอง 8113 ปีที่แล้ว
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.2K3 ปีที่แล้ว
Yorumlarda gelen istek üzerine de bu videomuzda netlify üzerinden nasıl domain alınır onu öğreniyoruz.
HTML Canvas ile Paint
มุมมอง 1.1K4 ปีที่แล้ว
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
มุมมอง 16K4 ปีที่แล้ว
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
มุมมอง 12K4 ปีที่แล้ว
Web Sitesini Mobile Uyumlu Hale Getirme | Responsive Web Design
Scroll Animasyonlu Website Yapımı w/ GSAP ve ScrollMagic | HTML, CSS, Javascript
มุมมอง 12K4 ปีที่แล้ว
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
Köstebeğe Vur Oyunu - Javascript ile Oyun Yapımı
มุมมอง 3.8K4 ปีที่แล้ว
Köstebeğe Vur Oyunu - Javascript ile Oyun Yapımı
Açılır Pencere / Modal Yapımı | HTML, CSS, Javascript
มุมมอง 8K4 ปีที่แล้ว
Açılır Pencere / Modal Yapımı | HTML, CSS, Javascript
Javascript ile Kronometre / Sayaç Yapımı
มุมมอง 3.5K4 ปีที่แล้ว
Javascript ile Kronometre / Sayaç Yapımı
SVG ve CSS Animasyonu ile Banner/Landing Sayfası Yapımı
มุมมอง 1.6K4 ปีที่แล้ว
SVG ve CSS Animasyonu ile Banner/Landing Sayfası Yapımı
Yeni Başlayanlar için Javascript Projesi - Arkaplan Değiştirici
มุมมอง 8K4 ปีที่แล้ว
Yeni Başlayanlar için Javascript Projesi - Arkaplan Değiştirici
pop / push ve shift / unshift Array Metotları | Javascript
มุมมอง 2774 ปีที่แล้ว
pop / push ve shift / unshift Array Metotları | Javascript
Karanlık Mod Nasıl Yapılır | HTML, CSS, Javascript
มุมมอง 2.2K4 ปีที่แล้ว
Karanlık Mod Nasıl Yapılır | HTML, CSS, Javascript
toString ve join Array Metotları | Javascript
มุมมอง 2154 ปีที่แล้ว
toString ve join Array Metotları | Javascript
muazzam bilgi için teşekkürler. bakalım şirketimizde ne için kullanabiliriz.
parantez extension ismi nedir
Peki URL değişmiyorsa o siteden veri nasıl çekebiliriz
Detayli anlatim icin teşekkürler, rica etsem daha cok js projeleri paylaşırmısınız
Çok güzel video elinize sağlık, böyle bir proje yapmam lazımdı çok yardımcı oldu 🙃
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?
TypeError: page.$x is not a function hatası alıyorum. Mevcut çözümlerle sorunu çözemedim. Yardımcı olurmusun?
Süper çalışma
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
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
Abi ben 1 dolar ı TL ye cevirdigimde 30 falan yazıyo hatamı var sitede (!)
o hata değil gülüm TR ekonomisinin batışı
instagram hesabınız varmı ?
Aferim sana ya, gelecek sizlerde👏👏👏
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
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.
merhabalar githubtaki projelerden hangisi bu acaba?
Merhaba, github.com/emirmatik/youtube/tree/main/modal
Merhaba hocam, bir e-posta attım bakabilir misin ?
Hocam elinize sağlık. Çok hoş bir anlatım olmuş :)
harikasin dostum,elerine saglik
Sağ olun güzel içerik olmuş
tesekkurler, eline ,emegine saglik,yanliz codlarin font-sizni biraz buyutursen super olur
sepersin eline ,emegine saglik,tessekur ederim
Hiç kütüphane kullanmadan JavaScript ile veri çekebilir miyiz?
Ö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 :)
Selam, gayet normal ben uzun bir suredir javascript ve frontend teknolojileriyle ilgileniyorum. Biraz kendine zaman ver, konsepti anladikca daha kolay gelmeye baslayacak :)
@@Kodmatik20 Cevabınız için teşekkür ederim. Umarım sizde çok daha iyi yerlere gelirsiniz. Ben o ışığı aldım :)
@@ugurkececi7363 çok teşekkür ederim mutlu ettiniz :)))
Teşekkürler
Sadece linke basıncamı site açılır yoksa sitemin ismini yazıyorum öyle bişey çıkmıyor
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. 😂😂😂😂😂
ya iyi hoş anlatıyorsun gayet güzel de isimleri niye todo todos diye verdin biraz kafa karıştırıcı olmuş
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
Helal olsun güzel anlatım.
video için teşekkürler
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
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!!
Video için teşekkürler güzel bir pratik oldu.
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
Güzel anlatım yeteneğin var ağzına sağlık
kısa ve öz dediğin gibi
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...
merhaba, web scraping konusunda çok fazla tecrübem yok ne yazık ki, yanlış yönlendirme yapmak istemem :)
@@Kodmatik20 peki teşekkürler önerebileceğiniz herhangi bir program veya başka bir kolay yazılım var mı?
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
Faydalı olmasına sevindim, teşekkürler yorumun için 💪
türkçe kaynakların genelinde fontlar inanılmaz küçük. sizde de çok küçük. Hiç anlaşılmıyor maalesef.
Bazı videolarda dikkat etmeye çalışmıştım ama bunda da küçük olmuş, üzgünüm :(
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ş 😂😂
yeni videolar ne zaman gelecek
Supər🕢✅️
Videolarınız için teşekkürler
elinize saglık hocam
Kullandığın kulaklık hakkında bilgi alabilir miyim?
Selam, şu anda Sennheiser HD4.40bt kullanıyorum fakat videodakini soruyorsan Rampage R36 Drop 7.1
@@Kodmatik20 Teşekkür ederim uzun zamandır video atmadığını gördüm bekliyoruz.
Online ders veriyomusunuz
Merhabalar, şu anda vermiyorum maalesef
etherscan verilerini nasıl çekebiliriz ? örnek: bir kripto paranın gerçekleştirilen transfer verilerini sayfa 1 den sayfa 889 a kadar çekmek istiyorum
for döngüsü ile yap
Delphi hakkında bir sorum olacaktı da nerden sorabilirim acaba?
Delphi hakkında pek bir bilgim yok fakat Twitter üzerinden sorabilirsin. Hesap kanal açıklamasında olması lazım
Merhaba. Source control kısmı yandaki panelden kayboldu nasıl geri getiririm?
Merhaba, ayarlar kısmından ayarlayabiliyor olmanız lazım
Localstorage kısmını bir türlü yapamıyorum, ne yapmam lazım ?
teşekkürler