Yeni Başlayanlar için JavaScript Örnekleri -1 / Gizle-Göster (Toggle) Örneği
HTML-код
- Опубликовано: 28 июл 2023
- Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
🎉🎉 Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
ruclips.net/user/prototurkcom...
👇. Çıkardığımız udemy eğitim setlerine gözatın!
✅ PHP Eğitim Seti
udemy.com/php-egitim-seti/?co...
⚡ Prototurk'u diğer platformlarda takip etmek isterseniz:
⭕ / prototurkcom
⭕ / prototurk.official
⭕ t.me/prototurk
⭕ / tayfunerbilen
Bu bolumde hazirladigimiz ve bir sonraki bolumde ufak bir ekleme yaptigimiz ornegin kodlari:
codepen.io/tayfunerbilen/pen/OJaaQbg
Ayrica 2. bolum hazir, izlemek isteyenler icin:
ruclips.net/video/STA-2hoBVqg/видео.html
Bir zamanlar bilgisinide kendisinde saklayanlar bilgisiyle güçlü olurken, günümüz dijital dünyasında bilgisini paylaşanlar daha güçlü..Bilgi paylaşımını esirgemeyen çabalarıyla ilgilisine vizyon katabilen Tayfun hocama teşekkür ediyorum
Bir insan bu kadar azimli değerli olabilir ancak sen yıllarca video çekiyorsun bıkmadan usanmadan aslında her çektiğin video bir ilham bir motivasyon videosu. Tabi anlayana... Teşekkürler her şey için tayfun bey kardeşim.
hocam çok iyi kalpli bir insansınız keşke herkes sizin gibi olabilse ders gayet akıcı ve öğretici olmuş işini hakkıyla yapan sayılı insanlardansınız emeğinize sağlık.
İzlerken tahammül edebildiğim tek kişi sensin, teşekkürler 🙏
0:25 aramızda kesinlikle böyle insanar var. Bunlardan biri de benim. :) Tam istediğim videoydu. Devamı gelir umarım.
Eline emeğine ağzına sağlık kardeşim, yine ve yine çok çok güzel bir seriye başlamışsın. Pek çok kardeşimiz faydalanacak. Yolun da bahtın da açık olsun. Çalışmalarının ve başarılarının devamını dilerim gözümün nuru.
emeğine sağlık teşekkür ederiz ❤
Emeğinize sağlık...
Basic Js ve Js 101 videoları daha çok gelmesi dileğiyle
Emeğinize sağlık
Emeğine sağlık. Teşekkür ederim.
Çabanızı çok takdir ediyorum, sözde kalmaması için küçük bir katkı olarak da katıl üyeliğimi başlattım
Oldukça yararlı olmuş abi. Teşekkürler muhteşem anlatımın için
Ahh hayatıma react girmeden önce kurumsal sitelerin menülerini bu tarz yapıyordum. Bir dropdown menu için bile 20-30 satır kod yazıyordum. React iyi ki varsın 😄😄
usta reacta hangi kaynaklardan bakıyorsun ?
Abi sayende basamak atladığımı hissediyorum dinlediğim derslerden sonra çok yararlı oluyor çok teşekkürler
Bu kanal çok kaliteli gerçekten.
abi çok iyi videolar atıyosun yeni başlayan birisi olarak html css vs js i senden öğreniyorum çokj iyi anlatıyosun seviliyosun kral lütfen devam et
mükemmel video . Mükemmel anlatım. Emeğine sağlık
Udemy'de php oop ve database derslerinizi dinlemiştim ve memnum kalmıştım. Biraz daha insancıl anlatır olmuşsunuz bu videoda çok sevindim :D
Bu tarz videolar cok faydali oluyor. 6. Madde olarak zor bir slider yapsak olmaz mi hocam? Slider mantigini bir turlu oturtamadik..
Çok güzel, Abi JavaScript bu OOP class ile işlemleri biraz kafamı karıştırıyor bir video yaparsan çok iyi olur 🔥🔥👍🏽
Kanalda var
Fleet mi kullanıyorsun Tayfun hocam?
Hocam full stack proje yaparken nodejs + react mi kullanmak mantikli yoksa direk nextjs in api routesi ile proje çıkarmak mi mantıklı
hocam yaptığınız içerikleri çoğu eğitmen yapmıyor teşekkür ederiz
Bildiğim halde izledim, belki bi trick kaparız. Emeğine sağlık.
Yapıcı bir eleştiri, konuyu gerçekten bilmeyenlere göre yapmışsın Abi, zaten JavaScriptte bu uygulamadaki kavramları algılayabilen ve yapabilen kişi style. 'den sonra öğeyi gizlemek için display geleceğini biliyordur.
Yani bu bir sorun değil elbette. Ben sadece JavaScript kullanarak daha çok proje yapmanı istiyorum. İyi çalışmalar.
hocam java videoları çekmeyi düşünüyormusunuz?
Yeni öğrenen ben varım sende iyi ki varsın :)
Kral adamsın,
bırakın adam kodlasın,
düşmanları hoplasın 👍
Hocam harikasın. Bir ricam olacak. Bir tık daha yavaş anlatsan çok daha anlaşılır olacak sanki. Örnekler çok güzel. Özellikle "data" için daha önce böyle güzel bir anlatım görmemiştim. Teşekkürler.
emeğine sağlık
Çabanı takdir ediyorum.
Abi tum videolari uygulama yaparak izledim, bitirdim, bazen boguldum, gereksiz fazla bilgiler var ama emegine saglik seriyi bitirdim
Hocam bir sorum olacak. Sizce nodejs üzerinde bir web sitesi hazırlarken sizce template engine mi kullanmak daha iyi bir yol yoksa restful api oluşturup bu apiden gelen veriyi frontend js de dom ile mi sayfaya adapta etmek daha iyi bir yol?
bana gore rest api yazip on tarafta bir js framework'u ile gelistirme yapmak daha konforlu geliyor :)
@@PROTOTURKCOM teşekkürler
Abi eklentilerinin aynılarını vscode da nasıl bulabilirim
Thanks a lot ....
Çok iyi
Merhaba hocam basit bi html form olusturdum giris yaptigimda anasayfa.html sayfasina girsin istiyorum yeterlimidir
Hocam basit diyosun, videoyu izlerken mantigini sorunsuz anliyorum ama videoyu durdurub kendim yapdigimda cok zorlaniyorum ve benim icin is basitden cikiyo. Tayfun bey 30 gunde javascript videonuzu izliyorum. Pratikler yapiyorum. Videoda anlatdiginiz kadar javascript yeterli mi?
Cunku w3scool sitesinden bakiyorum epey bi kod listesi var))))
Azerbaycandan selamlar
bazi seyler gunu gelince ogrenilir, hic dert etme o yuzden :)
🎉🎉🎉
Tam vaktinde geldi
hocam bir sorum olacakti. Siz aktif olarak Next js kullaniyormusunuz Projelerinizde?
Tesekkurler simdiden !!!
profesyonel hayatta next ile gelistirdigimiz aktif bir proje yok, yani hayir kullanmiyorum :) kisisel olarak da tercih eder miyim, hayir etmem cunku sevmiyorum!!!
@@PROTOTURKCOM reis o kadarda kotu degil ama :)))
Kötü demedim zaten sevmiyorum dedim, olan her şeyi sevme gibi bir zorunluluğumuz yok diye biliyordum ben ama yanlış mı biliyorum :)
@@PROTOTURKCOM hayir reis niye yalnis anladin. Oyle demek istemedim
Tayfun hocam tesekkurler. Ben de soyle yaptim. Emegine saglik.
.open-close {
display: none;
}
const buttons = document.querySelectorAll("button");
buttons.forEach((button) => {
const content = document.querySelector(button.dataset.target);
button.addEventListener("click", () => {
content.classList.toggle("open-close");
if (content.className === "open-close") {
button.innerHTML = "Goster";
} else {
button.innerHTML = "Gizle";
}
});
});
bir sonraki dersin basinda bu halini de gosterdim, tesekkurler :)
Aksam da onlari izleyecegim. Emegine saglik hocam. :) @@PROTOTURKCOM
hocam html css js kullanıp menü oluşturma örneği yapar mısınız
❤
Seviliyon Reis ❤
Reyiz yenisi gelirse makbule geçer
bildiğim karıştı!
Bilmiyormuşsun demek ki
@@PROTOTURKCOMASDFKHOASFSBFIJSAHIDFSAJD ben biliyordum js zaten yine de bakayim dedim x2 de iyi anlatmışşısınız hocam sorun yok :)
tayfun abi gözünün yağını yiyim demoları yaparken body'yi #000 yapar mısın 🥹
4 dakika önce yüklenmiş ama yorumlar 10 saat önce. Kafam karıştı :D
daha once katil'a ozel paylasip sonra herkese aciyorum o yuzden :)
kullandiginiz programin adi ne ?
webStorm kullaniyorum
@@PROTOTURKCOM cok tesekkur ederim
❤ ProtoTurk ❤ 💪🏻🤘🏻🇦🇿🇹🇷
Bende daha yeni başlıyorum 😢
Node.js serisini tek bekleyen benim galiba :D
yok yok ben de varim merak etme :D kafam bos oldugunda odaklanabiliyorum o seriye anca, uzun zamandir da bos kalamadim :/
@@PROTOTURKCOM canın sağ olsun be abi bekleriz problem yok
Hangi uygulamayi kunlaniyorsun abi😊
webStorm
abi none = non değil nan bunun haricinde efso video :D
Abim hayatında bir şey değişmeyecekse none diye de okuyabilirsin sorun yok 👋
Tayfun hocamı sinir edeni boydan gireyim
Gece gece bu ne acele 😂
Merhaba
ya kardeş, herkes uzaya çıktı. sen hala kodlama ile uğraşıyorsun.... 😀 selam dünyalı ben Dostum.... (Not: teorik olarak doğru. millet uzaya çıkıp yaşıyor. çünkü dünya uzayda...) bu arada video yu özellikle uyardığın için izleme gereği duymadım. ellerine sağlık. teşekkür ederim. Türkiye'yi kodlama bilen bir gençlik kurtaracak. (Tabii ki hayır. Türkiye'yi işini mükemmelen yapan bir nesil kıurtarabilir. Temizlikçisinden, tarımcısına, tarımcısından tasarımcısına kadar. bir de o nesil e destek verenlerin kurtulmasında payı olacak. mesela yeni başlayan bir coder için içerik hazırlayanlar. )
Editör neydi
webStorm