2:49:28 DOM Başlangıç
2:56:11 Etiket Erişimi
3:18:53 Style Güncelleme
3:28:53 TextContent ve InnerHTML kullanımı
3:46:42 Attributes
4:05:48 Events
İlk defa bir yorumum 101 beğeni almış. Arkadaşlar ben yazılım öğrenmeyi bırakıp tasarımcı oldum ama siz bırakmayın İngilizceyi de mutlaka geliştirin işsizliğin tavan yaptığı bir ülkede bile havada kapılırsınız.
video şu an için güncel mi arkadaşlar. Yoksa farklı bir videodan mı takip etmeliyim Javascript'i. Başlangıç seviyesindeyim.
@@oottmmaann1234 güncel sayılır tek fark artık
Var yerine daha çok let tercih ediliyor
Emek verip böyle derli toplu bir video hazırlamanız ve ücretsiz erişime sunmanız gerçekten çok değerli. Çok teşekkürler.
Hocam UA-cam'un hatta bütün platformlardaki eğitim içeriklerinin hepsinden daha iyi, mükemmel ötesi bir anlatımınız var, keşke matematik falan da anlatsanız hatta, ne olsa dinlerim sizden, öz ve açıklayıcı!
ya hocam samimi soyluyorum cidden cok tesekkur ederim. sahsim adina konusuyorum hizli anliyorum kavriyorum diger videolar cok boguyor anlatilmak istenen seyler yolundan cikiyor falan izledigim her videonuzu cok iyi anliyorum cansiniz ❤️🔥🫶🏼
Allah sizden razi olsun. Sizin sayenizde cok iyi anliyorum. Ellerinize yureyinize salik
Allah razı olsun hocam TEK KELİMEYLE MÜKEMMELLL ÇOK GÜZEL ANLATIM VERİMLİYDİ DERS. TEŞEKKÜR EDERİM
2:44:15 orada unshift() kullanmak yerine push() kullansaydin daha mantikli olurdu cumle tersten oldu suan
Çok anlaşılır bir dille, harika bir js temel eğitimi olmuş emeklerinize sağlık iyi ki varsınız.
Şu ana kadar izlediğim en güzel ve anlaşılır ders anlatım videosu diyebilirim. Sade bir Türkçe ile basit bir şekilde anlatmışsınız. Emeğinize sağlık.
13 yildir masaüstu yazilimcisiyim
Ve bir cok arkadaşim java ören dediler yardimci oldular ama hic hevesim yoktu ve cok zor geliyorudu
Hakiketen senin bu videonu izleyince anladimki arada pek fark yok ve cok net anlatiyorsun puf noktalari Allah senden razi olsun ve bu java işini hakiketen öğrenecegim sayende iyiki varsin kardeşim.
Bu Javascripts, Java ile isim benzerliği var diyorlar. Siz zaten herhangi bir yazılım dilini aylar içerisinde öğrene bilirsiniz.
Çox gözəldir !!!
Əllərinizə sağlıq hocam, Azərbaycandan qucaq dolusu salamlar🫶🏻🦋
54:22 kosular da anlatığı swich örneğinin bi tık gelismis hali
/*
vites=1 ise otomatik
vites=2 ise manuel
*/
var vites="1";
if(vites==="1"){
console.log((vites==="1"),"araç otomatik")
}else{
console.log((vites!="1"),"araç manuel")
}
Hocam iyi ki varsın. 3 haftadır kafa karışıklığı ile geziyordum, 4 saatte işi anladım. udemyde de kursu takip ediyorum normalde ama bu şekilde derli toplu bir video harika oldu..emeklerinize sağlık
hocam yazılımda ne kadar ilerleme kaydettiniz, bir iş bulabildiniz mi, durumlar nasıl şuanda, benim gibi hevesli yazılıma başlamak isteyen arkadaşlara ne tavsiye edersiniz
@@isimsizperson3544 hocam frontend ile ilgili süreçlerimi tamamladım junior seviyesinde iş arıyorum 1 aydır
@@ahmetkotanci hocam ortalama 4 saat verimli çalışma insanı iyi yere getirir
Size tavsiyem iyi bir mentor bulun ister tanıdığınız olsun ister LinkedInden insanlara yazın bu konuda destek istediğinizi.. iyi bir mentor ve 4 saat ve ingilizcenizi de ilerletin inşaallah iyi olacaktır merak etmeyin
hocam udemy'den ingilizce eğitim almıştım fakat anlamadığım yerler olduğunu dom'a gelince farkettim. videonuzla beraber baştan başladım ve ilk 40 dk'da daha önce kuramadığım köprüleri kurduğumu farkettim. videonuzda dom'a geldiğimde farkı daha net göreceğime eminim. emeğinize sağlık
Anlatım gayet güzel, fakat editör olarak ne kullandığınızı merak ettim.
hocam udemy dersinizi de izliyorum burdan da tekrar izliyorum sizden daha iyisini görmedim ayrıca discord gibi çeşitli programlardan da sorularımızı yanıtlıyorsunuz.gerçekten her şey için teşekkür ederim iyi ki sizi bulmuşum
Merak edenler için Summarize Fonksiyon örneğindeki (2:39:38) ozetcumle.unshift(kelimeler[i]); satırında(38.satır) unshift ile kelime ataması yapıldığı için özet cümle konsolda tersten yazdırılıyor. unshift yerine push kullanılırsa özet cümle de düzgün yazdırılacaktır :) Sadık hocamın gözünden kaçmış sanırım
Merhaba efendim. Summarize Function tam olarak ne işe yarar? Yani mesala For,While,Do While döngülerdir, adındanda belli olduğu gibi döngü işlemini yerine getirir. Sadece Summarize Function ne olduğunu anlayamadım. Cevablarsanız sevinirim, Umarım anlata bilmişimdir.
@@justetk anladığım kadarıyla yaptığı işin işlevselliğini belirtmek için kullanılan bir isim. Yoksa summarize fonksiyonu diye hazır bir fonksiyon yok diye biliyorum.
web tasarım ve programlamayı en iyi anlatanlardan birisisiniz ama izlenme ve takipçiniz çok az. enteresan.. başarılarınızın ve detaylı anlatımlarınızın devamını dilerim hocam : )
Merhaba teşekkür ederim. :) bu benle alakalı youtube a gereken önemi vermiyorum aylarca video yüklemediğim oluyor bu ara uğraşmaya başladım. Diğer platformlardan oldukça memnunum. İyi çalışmalar :)
bu videodan sonra diğer videoları zilemem gerekiormu.
Javascript temelinde nesneye dayalı (object oriented) bir programlama dili değildir. Daha çok Lisp'ten esinlenmiştir. Sadece syntax olarak C dillerine benziyor ama işleyiş olarak fonksiyonaldır.
Ama tabi nesneye yönelik de programlanabilir. Özelikle son dönemlerdeki yeni gelişmeler bu dili cazip kılıyor. :)
Çok şey öğrendim. Çok teşekkür ederim
şimdiye kadar böyle etkili javascript anlatımlı video izlemedim
hocam gerçekten çok teşekkürler sade, yalın ve akıcı bir şekilde mükemmel bir video hazırlamışsınız
Anlasilir bir dille anlatilmis basarili bir calisma olmus. Tesekkür ederim.
Emeğinize sağlık hocam, teşekkürler.
Hocam ben 2005 lerde kalmış bir adamım... o dönemlerde javascript web sayfalarını ağırlaştırıyor, hata verdiriyor diye... PHP ya da ASP çok yaygındı.... Şimdi bakıyorum herkeste bir JAVASCRİPT öğrenme hevesi var... Bu javascript o dönemden bu döneme ÇAĞ mı atladı... Bilmediğimden soruyorum...
Arkadaşlar çalışırken mutlaka gizli sekmeden açın yoksa çerezler çok büyük sıkıntıya sokuyor.
DOM a gelince aşağıdaki reklam maalesef anlatımı bölüyor :(
Sağolun hocam emeğinize sağlık
Selamlar abi hayırlı ramazanlar, udemy kurslarına indirim gelecek mi abi? Komple web geliştirme kursu alacağımda pahalı gibi biraz.
hocam yaptığımız wep sayfalarının kaynak kodlarını nasıl gizlerir html css javascript de nasıl gileriz bunu kısaca söylermisiniz yada tavsiye edeceğiniz bir videonuz varmı bu konuda
videlarınızı izliyorum üyeliğimi devam ettirecem keske aylık olsa
1:12:56 dekinin daha güzel hali
var yer=prompt("bulunduğunuz yarım küre");
var ay =prompt("bulunduğunuz zaman dilimdeki ay :");
//bulunduğu yarım küreye göre mevsimleri vercek bi uygulama
//tr için
switch (yer) {
case 'kuzeyküre':
console.log("up");
switch (ay) {
case "12":
case '1':
case '2':
console.log("kış");
break;
case "3":
case "4":
case "5":
console.log("ilk bahar");
break;
case "6":
case "7":
case "8":
console.log("yaz");
break;
case "9":
case "10":
case "11":
console.log("son bahar");
break;
default:
}
break;
case 'güneyküre':
console.log("down");
switch (ay) {
case "12":
case "1":
case "2":
console.log("yaz / türkiyeye göre hesaplanıyo");
break;
case "3":
case "4":
case "5":
console.log("son bahar / türkiyeye göre hesaplanıyo");
break;
case "6":
case "7":
case "8":
console.log("kış / türkiyeye göre hesaplanıyo");
break;
case "9":
case "10":
case "11":
console.log("ilk bahar / türkiyeye göre hesaplanıyo");
break;
default:
}
break;
default:
}
harika anlatım tam aradığım eğitim hem kodları gösterip hem uygulamalı anlatmak harikasınız hocam php videosuda çekermisiniz
Bu ay JavaScriptin temellerini bu kanal ile atıyoruz.
Çok faydalı bir eğitim oldu çok teşekkür ederim emeklerinize sağlık.
Iyi gunler hocam,Udemydeki dersinizle burdaki dersiniz arasinda fark cokmudur? Udemydekini almaya gerek varmi?
Hocam Allah senden bin kere razi olsun
Hocam benim anlamadığım bi şey var biz uzun videoyu mu izleyelim yoksa diğer kısa kısa olan videoları mı izleyelim ?
tebrikler güzel ve anlaşılır bir şekilde anlatıyorsunuz...
hocam merhaba İME stajımda js öğrenmek için sizi buldum suana kadar sıkılmadan izledim ama anlamadıım bır sey var acaba 4 aatlıkvideoyu ızledıkden sonra dıger kısa videolarıda izlemem gereklı mi yoksa 4 saatlık vıdeoda diğer anlattıklarınız da var da sadece bunu izlesem oluyormu?
hocam cok tesekkur ederim. anlamadiqim. udemy dersinizle bunun arasinda ne ferk var? cevap verirseniz minnetdar olurm
2:49:28
kaldığım yer
@@u9ursaa daha fazla izlemeye dayanamadığı için kaldım diyor , sıfırdan başlayan biri için o dk bitiş noktası :)
Bu, hangi editor? Baslangic icin notepad disinda hangi editoru tavsiye edersiniz? Bu arada anlatiminiz cok sade ve anlasilir. Tesekkurler.
Anlatım muhteşem. 2 farklı yerden dinlemiştim. Sizin kadar iyi ve örnekli anlatan görmedim. En anlamıyorum diyen insan gelse öğrenir.
Sadık hocam , for döngüsüne modeli aldınız sadece ama yıl bilgisi de geldi bunu nasıl yaptığınızı aciklamamisiniz söyleyebilir misiniz buradan ?
Allah razı olsun hocam mükemmel Anlatınız
Hocam merhaba, bu bilgilendirmeler test mühendisliğinde kullanılabilir mi acaba? webdriverio öğrenmek istiyorum. Şimdiden teşekkür ederim
arkadaslar brn konuları parca parca izleyıp devam ediyorum boyle 1 videoda izlemek faydalı mı sizce
hocam merhaba.Ben webview ile bir web sayfasında bir butona click olayını çözemedim.Bu konuda vaktiniz var ise yardımcı olabilirmisiniz. web sayfası extjs ile yapılandırılmış biraz karmaşık geldi bana.
hocam birşey sormak istiyorum demydeki kurslarınız ile bu kurslarınız arasındaki fark nedir acaba rica etsem cevaplar mısınız ne gibi artılarım olacak html ve css i kurs almadan öğrenmiştim fakat js i bu şekilde yapmamam lazım diye düşünüyorum sizin kurslarınızla ilgili biraz bilgi veri misiniz?
Bu içerikte daha önce udemy deki kursumun js içerikleriydi şimdi daha detaylandırıp farklı uygulama ekledim. Hepsine çalışabilirsiniz hepsi JavaScript sonuçta.
www.udemy.com/course/modern-javascript-kursu/?couponCode=DEAL88
www.udemy.com/course/komple-web-developer-kursu/?couponCode=DEAL88
Uncaught TypeError: Cannot read properties of null (reading 'style') hatası alıyorum hocam, script kodları doğru yerde fakat bir türlü sorunu çözemedim yardımcı olabilir misiniz?
web 3.0 uygulamalar için javascrit kullanabilirmiyim ve web 3.0 uygulaması için hangi dili seçmeliyim?
hocam js'de buradakini yapmak yerine explode ile boşlukları silip sonra rakkamların sayısını alıp o kadar y azdırsak olmaz mı ? js de var mı diye soruyorum
iyi günler hocam eğitim serinizle yeni karşılaştım ve bayıldım mükemmel anlatmışsınız lakin eğitim setinizde çok mühim bir hata fark ettim videonuz çok aydınlık bunun bir dark modu felan yokmu hocam vampir gibi hissetim kendimi güneşi görmüş gibi :D
2:09:23 Çıktı neden bizim yazdığımız sırayla değil?
Birşey sorcam hocam şimdi biz bir site yaptık mesela yaptığımız siteden nasıl gelir elde edecez ???
Hocam noktalı virgül olayını anlayamadım bazıları kullanın diyor bazıları gerek yok diyor ama bazı yerlerde hata verebiliyormuş?
video ilerledikçe daha eğlenceli oluyor
hocam benim bilgisayarımın işlemcisi bi hayli kötü i5 2. nesil bilgisayar da çok eski bu bilgisayar da js öğrenebilir miyim ileri seviyede vs sıkıntı yaratır mı (çalışırken , öğrendiklerimi uygularken vs)
ram 8 gb ekran kartı 2 gb idare ediyor ama işlemcim kötü
hocam ben sizin udemy kursunuzu aldım çok şey öğrendim çok iyi cidden ben siteyi google a nasıl deplay ede bilirim?
hocm mcbook kullanıcısıyım bu konuda bazı zorluklar çekiyorum
Bilal stili efsanesiniz çok teşekkürler
hocam bu hatayı alıyorum en basta "This site can’t be reached", ne yapabilirm
Açıköğretim dersleri için yeterli olur mu acaba bilgisi olan var mı, yardımcı olabilir misiniz rica etsem
Allah razı olsun Hocam emeğinize sağlık. Güzel bir eğitim içeriği olmuş.
Hocam var ve let arasında fark var mı bir çok sitede modern yazım let olarak karşıma çıkıyor
Hocam 1:43:00 süresinde;
var auris = ["Toyota", "Auris", 42, True];
yaptığım zaman true değerini dizi değişkeni içerisine aldıramıyorum, hata veriyor. problem ne olabilir acaba?
hocam dom innerhtml de console yazdırabiliyorum ama sayfaya yazdıramıyorum sizce nedeni nedir
Hocam merhabalar, ben internet üzerinden resim çekmeye çalıştığımda "CORB" hatası alıyorum ve çözüm bulamadım. O yüzden eğitim boyunca bilgisayarımda kayıtlı resimlerden gittim ancak ilerisi için sorun olacaktır. Bu sorunu nasıl çözebilirim?
Merhaba
Live server kullanmaız lazım direk html dosyasını çift tıklamayla açarsanız bu hata gelir.
Güzel bir başlangıç yapıldı, teşekkürler :)
emeğinize sağlık çok güzel bi ders olmuş.
Hocam ağzınıza sağlık. Her 30 dakikada bir reklam koysa idiniz keşke emeğinizin karşılığı olarak.
@@999hile Abartmaya gerek yok :) ama sayesinde 2 günde bitirdim kodları tekrar tekrar yaza yaza kendim kafamda birşeyler üretip tasarlama ile yazmış olduğu bütün kodları ezberleyip mantığını kavradım :D bilgiye aç oldugumu fark ettim :D
@@serkansahin3615 Google chrome extension da fiyat takibi uygulaması oluşturmak istiyorum. Bu video bana yardımcı olur mu? İzlediğiniz için soruyorum, teşekkürler şimdiden.
Hocam merhabalar ben şimdi 1 hafta içerisinde bu dersi bitirdim ve içerisindeki uygulamaların %80 i nide yaptım fakat hala aklımda bir site nasıl kodlanır kısmı canlanmıyor acaba daha ileri seviyesi yok mu kursun ?
www.udemy.com/course/komple-web-developer-kursu/?referralCode=5D4498D410A2750305C1
Bu kurs ile her konuyu öğrenebilirsiniz.
Bu videonun sonunda neler yapabilecem acaba bilen yazabilirmi html ve css bilgim var.
Türkiye de açık ara en iyi JavaScript kursudur.
valla sıkılmadan bitirdim hepsini eyw hocam
Tab tuşuna basınca nedense sadece 4-5 sıra boşluk bırakıyor dökümanlar çıkmıyor çözümü bulamadım :(
Tab, yazmakta olduğun kelimenin tamamını yazıyor... videoda document kelimesinin birkaç yazdğında kutucukta document kelimesi en üstte yer alıyor bu esnada tab yaparsan kelimenin tamamını yazmadan kelime ekrana yazılmış gibi geliyor...
Öncelikle size çok teşekkür ediyorum. Gerçekten çok başarılı bir içerik oluşturmuşsunuz, oldukça faydası oldu ve Udemy eğitimizini de alıp devam edeceğim.
İkinci olarak Js öğreneceklere seslenmek isterim :)) 2 farklı video kaynak ile birlikte w3school'dan yürüttüğüm çalışma içinde bu video partım tamamlandı. Kesinlikle çok faydalı olduğunu söylemeliyim. Daha önce react ile bişiler yapmaya çabaladığımdan, eğitim içinde yaptığı uygulamaların yeni JS framework mantıklarıyla da oldukça uyuşan örnekler olduğunu farketmek iyi hissedirdi çünkü böyle bi başına çalışırken doğru kaynaktan mı çalışıyorum sorusu insanın kafasında çok oluyor. Ben daha önce jquery veya animasyonlar için js kütühaneleri kullanacak kadar js bilgi sahibiydim, bu halimle bu kurs benim için hızlı değildi ama sıfırdan başlayan insanların video ile aynı anda w3school dökümanından da konu konu ilerlemesini öneririm. Hatta bir başka video seti ile birlikte yürütseniz daha mük olur, ben öyle yaptım. Bu video uygulamalar açısından çok iyiyken diğeri gerçekten tek tek her başlığı inceliyordu. Sıkıcıydı biraz ama lazımdı.
Dostum Ben yeni basladim iki farkli video kaynak hangileri? Yardmci olurmusun? Fehmi uyarin egitim setini izledim Kodlamaya baslamaya calisdim baya zorlandim .Elimde kitab var kitabdan devam etsemmi? Cidden zorluyor javascript
hocam 2:49:15 te özet cümle yaparken cümleyi tersten yazıyor. Bunu nasıl düz bir şekilde çekebiliriz ?
video şu an için güncel mi arkadaşlar. Yoksa farklı bir videodan mı takip etmeliyim Javascript'i. Başlangıç seviyesindeyim.
Yaşım 12 ama izliyorum ve deniyorum ilerde işe yarar. :D
klavyede "ise" işareti nasıl yapılıyor?
Haftasonu başlayalım bakalım js''e
Yaptığınız iş için teşekürler ama yine de şunu kabul etmek gerekiyo ki İngilizce videolarda çok daha iyi ve derinlemesine anlatılıyor Javascript.
Hocam içerik temel seviye için gayet güzel olmuş. Emeğinize sağlık. Yalnız kullandığınız Brackets editoru sanırım GitHub'da artık tedavülden kalkmış 2021 son çeyreği itibariyle. Başka buna benzer otomatik tamamlama özelliği ve beautifier özellikli editor var mı?
bu video tum JavaScriptimi anlatiyor yoksa bu bir kismi veya bir dalimi
neden sürekli console kullanılıyor, ben sıfırdan başladım bir uygulama yapmam lazım şimdi console dışında bişey bilmiyorum. Ne yapmam lazım ? Udemy kursu da tamamen console üzerinden ben ne yapmam gerek projeye nasıl başlamalıyım gerçekten anlamadım kafam çok karıştı.
Bu videoda js temellerini anlatıyorum. Udemy kursumda bir çok web uygulaması mevcut.
Demek bir zamanlar yakit 5.60 diye örneklendirilebiliyormuş şimdi 20 oldu yakitdeposu*20 "consol=1040"
Çok güzel bir anlatım. Tebrik ederim.
hocam 2.33.00 da yazdir fonksiyonun içine dizi yazıyoruz ama dizi değişkenini daha önce tanımlamamız gerekmiyor muydu fonksiyonun içine yazdığımız şey bir değişken olmuyor mu
daha once tanimlamak gerekmiyor cunku dizi kelimesi sadece yazdir fonksiyonunun alabilecegi degiskeni simgeliyor. fonksiyon disinda kullanilmiyor ve sadece yazdir(...) diye fonksiyonu kullanirken "..." yerine gelecek degiskenin ne yapacagini belirlemek icin kullaniliyor. farkettiysen fonksiyonun ilk tanimlandigi yer disinda(56-62. satir arasi) bir daha dizi degiskeni kullanilmiyor. 64. satirda yazdir(modeller) kullanildiginda fonksiyon bunu dizi=modeller gibi algilayip islem yapiyor.
Ben 13 yaşındayım yazılım mühendisi olmak istiyorum oyuzden bunu izliyorum bu yaşta ogrenebilirniyim
@@astoronotnecmi953 ama anlayamiyorum zor geliyo hemde bilgissyarim yok nerden bu kodlari deneyebilirim
@@konyalj.j.rousseau2661 ne yapmayi planliyorsun oyun mu yoksa yazilim muhendisimi olcaksin
Gayet anlaşılır bir anlatim. Sağ olun 7:37 de gösterilen programın adı nedir nerden indirebiliriz
@@sadik_turan Sizin udemy kursunuzu da alinca bu iş oldu diyebilir miyiz yani javascript te profesyonellestik diyebilir miyiz?
Bu kursu alın. Piyasada bulabileceğiniz en iyi kurs.
www.udemy.com/course/komple-web-developer-kursu/?couponCode=DEAL94
if(otomatik){
console.log(marka+' '+model+'otomatik');
}
yapıyorum ama tarayıcıdayken hata veriyor nerde yanlış yaptım ki?
otomatik değişkenini tek tırnak içine almışsın, öyle olmaz. kodları object ile yazmışsın muhtemelen consola yazdırmaya çalıştığın verileri bi gözden geçir derim.
00:00:00 Javascript Nedir ve Neden Kullanılır ?
00:07:23 Javascript' e Giriş & Javascript Kodları Nasıl Yazılır?
00:16:47 Javascript Değişkenler
00:28:24 Uygulama: Javascript Değişkenler
00:39:30 Javascript Operatörler
00:49:10 Uygulama: Javascript Operatörler
00:54:20 Javascript Koşullu Durumlar - if/else & switch/case
01:04:32 Uygulama: Koşullu Durumlar
01:13:08 Javascript Döngüler - for & while
01:26:12 Uygulama: Javascript Döngüler
01:37:37 Javascript Diziler-Arrays
01:48:00 Uygulama: Javascript Diziler
01:54:12 Javascript Nesne-Object Literals
02:06:14 Uygulama: Javascript Nesne
02:17:50 Javascript Fonksiyonlar
02:27:03 Uygulama: Javascript Fonksiyonlar
02:34:56 Summarize Fonksiyonu
02:49:28 Dom Nedir?
02:56:11 Dom: Etiket Erişimi
03:05:00 Uygulama: Etiket Erişimi
03:18:51 Dom: Style Güncelleme
03:28:40 Dom: TextContent ve InnerHTML
03:46:38 Dom: Attributes
03:53:06 Uygulama: Attributes
04:05:48 Dom: Olaylar-Events
çok uğraştım bir like alırım ;)
Açıklamada var ama sen bilirsin...
Teşekkür ederim ancak bende bunu video altına eklemiştim geçen ay :) like atıyorum 😀
Llllo
açıklamadan copy-paste yapmış