Yazılım ögrenirken motivasyon

Arkadaşlar merhaba yazılım ögreniyorum şuan Html Css Bootstrap bitirdim. Video izlerken not alıyorum yazıp çiziyorum izliyorum. Şuanda JavaScript Temel kodları öğrendim DOM kısmına daha geçmedim . Ama javascriptten sonra çok büyük bir motivasyon kaybı oluştu resmen kırılma noktasındayım .Kodları nerde ne zaman kullanma kısmında zorluk çekiyorum. Cssden sonrada böyle olmuştum ama bootstrap ile hevesim daha da artmıştı kolay olduğundan sanırım. Yazılım ögrenenler tavsiye verebilirler mi ? Pes etmemek için uğraşıyorum.

Bence küçük projeler geliştirmeye çalışın. Başarılı şekilde bir şeyler ortaya çıkartınca motivasyon yükseliyor hocam.

Proje videoları izleyin hangi kodu nerede kullanıyor daha iyi oturur.

Hocam HTML, CSS ve Bootstrap kullanarak birkaç proje yapıp bunları pekiştirmeden JS'ye geçersen kafan allık bullak olur neyi nerede kullanacağını şaşırırsın. Bence şu an senin sorunun önce öğrenmem gereken her şeyi öğreneyim sonra proje geliştiririm şeklinde gitmek. Mesela PSD'de CSS şeklinde bir şeyler yap, Bootstrap'de kullanabilirsin. Sonra JS'yi öğren ve CSS ile yaptığın ya da yapamadığın bazı şeyleri JS ile yap ki otursun. Benim düşüncem bu şekilde, umarım faydalı olur.

Merhaba, bu alanda eğitim veren biri olarak kısaca şunları tavsiye edebilirim. Birincisi html, css sonrası bootstrap'e girmek esasında bir hata. Yapmanız gereken en önemli şey sadece html ve css kullanarak karşınıza alacağınız örnek 5-6 tane sayfa oluşturmanız, bunları responsive olarak yapabilir olduktan sonra javascript'e öyle girin. Bazı temelleri oturtmadan üst üste bilgi yığarsanız netice alamazsınız. Kendinize zaman tanıyın yavaş ve emin adımlarla ilerleyin.

Daha yolun başında motivasyon kaybı yaşarsan ileride hiç motive olamazsın.
Bu forum neden var?
Anlamadığın yeri sor.
Ama şahsına özel açıklama istemeden önce internette arama yap.
En sevmediğim adam tipi kendi hiç bir çaba sarfetmeden soru soran adamlar.
Bir adamın sorduğu sorudan bile ne derecede çabaladığını anlayabiliyor insan.

Öğrenirken derslere bağımlı kalma. Aktif öğrenmeyi tercih et.
Bir çok sitede hangi algoritma elemanının ne işe yaradığını anlatan yazılar var.
Hepsini oku, karşılaştır, anlamaya çalış.
Sen hap gibi birisi gelsin sana herşeyi anlatsın diye bekliyorsan özel ders alman lazım.
Kendi aktif olarak araştırmadan hiç bir şey öğrenemezsin.
Başkasının sana öğrettiği şeyler kalıcı değildir, kendi araştırıp buldukların daha kalıcıdır.

Mesela dom nedir ne işe yarar diye arama yap.
Sonra çıkan tüm makaleleri oku, orada karşına başka kavramlar çıkacak bilmediğin.
Sonra muhtemelen javascript document nedir diye arama yapacaksın.
Sonra DOM ile kullanılan metodlar neler bunları araştıracaksın.
Sonra bazı şeyleri anlamış bazı şeyleri anlamamış olarak dersi izlemeye devam edeceksin.
DOM ile ilgili dersler bittiğinde anlamadığın ve webde bulamadığın konuları forumda soracaksın.

Dom nedir?
Dom bir html sayfadaki nesnelere hiyerarşik yapıya ulaşmamızı sağlayan bir modeldir.
Yani bir ağacın hangi dalındaki hangi meyveyi istersek o meyveye giden büyük ve küçük dallara ve meyveye ulaşmamızı sağlayan, bu meyveyi almamızı, bu meyveyi ya da dalı başka bir meyve ya da dal ile değiştirmemizi sağlayan, meyvenin suyunu çıkartmamızı sağlayan bir modeldir.
Yani bir html sayfa tasarladığında, o sayfadaki bir yazıya, resme, arka plan rengine ya da linke ulaşmamızı ve bu resim ya da öğeleri değiştirmemizi sağlayan, hatta ve hatta yüklü sayfada yeni öğeler yaratmamızı bu öğelerin özelliklerini atamamızı içerik eklememizi sağlayan bir modeldir.
Yani bir sayfa yüklendikten sonra sayfayı tekrar yüklemeden, yani sunucudan yeni sayfa üretilmesini talep etmeden, browser üzerinde yüklü sayfanın yapısını ve içeriğini alıp, değiştirip, yeni öğeler eklemek için DOM modeli kullanılır.
Neden sunucudan sayfayı tekrar yüklemeden bunu yaparız. Mesela adam email girecek, formda email girilen alandaki metin doğru bir email yapısında mı diye kontrol etmek için o öğeye ulaşmak ve içeriğini denetlemek için kullanırsın hatta orada yazılan email hatalı formattaysa formu post etmek yerine email girilen input alanın borderına ulaşıp daha kalın ve kırmızı hale getirip bu input alanın yanına bir alan açıp buraya email adresi hatalı formatta yazabilirsin. Bu email adresi hatalıyken sunucuya istek gönderip işlemci ve bandwidt kaynağı tüketmeni engeller. Yani browser üzerinde yapılabilecek eylemleri ve denetlemeleri browser üzerinde yapıp işlem yükünü kullanıcının bilgisayarına yükler sunucudan yükü azaltırsın.

Video yerine,

freecodecamp.org
patika.dev

bu iki platformu öneririm. Burada önemli olan bölüm sonlarındaki ödevleri, projeleri yapmak. Hem böylece github hesabınız dolmuş olur, ilerde faydasını görürsünüz. Sürekli yazıp, elinizin alışması lazım.