Proqramlaşdırmaya ilk addım atanda özünü xarici ölkədə, heç bilmədiyin bir dildə danışan insanların arasında tapmış kimi hiss edirsən. Ekranda axan rəngli mətnlər, qırmızı "Error" mesajları və sonsuz dərsliklər adamı qorxuda bilər. Amma unutma: bu gün heyranlıqla izlədiyin ən peşəkar (Senior) proqramçı belə, vaxtilə ekrana baxıb "bu nöqtə-vergülü hara qoymalıyam?" deyə saatlarla düşünmüş biridir.
Əgər yolun başındasansa, bu 3 təməl fəlsəfəni beyninə qazı:
1. Sintaksisi deyil, məntiqi öyrən: Bir dilin (məsələn, JavaScript) kod strukturunu əzbərləməyə çalışma. İnternet onsuz da kodlarla doludur. Sənin işin o kodu əzbərləmək yox, "Mən bu problemi hansı məntiqlə həll edə bilərəm?" sualına cavab tapmaqdır.
2. "Tutorial Hell" (Dərs Cəhənnəmi) girdabından qaç: Sadəcə video izləyərək proqramçı ola bilməzsən. Videonu dayandır, kodu özün yaz, dəyişdir, sındır və yenidən düzəltməyə çalış. Əsl öyrənmə prosesi kod xəta verəndə başlayır.
3. Xətaları (Errors) oxumağı öyrən: Qırmızı yazılar sənin düşmənin deyil, ən yaxın dostundur. Onlar sənə problemin harada və nə olduğunu açıqca deyir. Panikaya düşmədən o mesajı oxu (və ya kopyalayıb axtarışa ver).
Həyat Qurtaran 4 Qısa Kod Tövsiyəsi
Başlanğıcda bəzi kod vərdişləri sənə saatlarla vaxt qazandıra və layihələrini çökməkdən xilas edə bilər. Budur, hər Front-end proqramçısının bilməli olduğu 4 qızıl kod:
1. "İf-Else" Cəhənnəmindən Xilas: Early Return
Yeni başlayanlar şərtləri iç-içə yazmağı sevirlər. Bu kodu oxumağı işgəncəyə çevirir. Bunun yerinə "Early Return" (Erkən qayıdış) məntiqini istifadə et: şərrt ödənmirsə, funksiyanı dərhal dayandır.
JavaScript
// ❌ Pis vərdiş (İç-içə yazmaq)
function userLogin(user) {
if (user) {
if (user.isAdmin) {
console.log("Panelə xoş gəldin!");
}
}
}
// ✅ Həyat qurtaran vərdiş (Early Return)
function userLogin(user) {
if (!user || !user.isAdmin) return; // Şərt ödənmirsə, dərhal çıx!
console.log("Panelə xoş gəldin!");
}
2. Saytın Çökməsinin Qarşısını Al: Optional Chaining (?.)
Bəzən API-dən gələn datada axtardığın məlumat olmur və sən onu ekrana çıxarmaq istəyəndə sayt "Cannot read properties of undefined" xətası verərək çökür. Bunun qarşısını almaq üçün bir dənə ? bəs edir.
JavaScript
const user = { name: "Kanan", contact: { email: "hello@knn.dev" } };
// ❌ Telefon nömrəsi yoxdur deyə sayt ÇÖKƏCƏK!
const phone = user.contact.phone.number;
// ✅ Həyat qurtaran kod (Sual işarəsi)
// Varsa gətirəcək, yoxdursa 'undefined' verəcək amma sayt ÇÖKMƏYƏCƏK.
const phone = user?.contact?.phone?.number;
3. Mərkəzləşdirmənin Ən Qısa Yolu (CSS)
Bir elementi səhifənin tam mərkəzinə (həm üfüqi, həm şaquli) gətirmək illərlə CSS-in ən böyük zarafat mövzusu olub. İndi bunu cəmi iki sətirlə etmək mümkündür:
CSS
.center-div {
display: grid;
place-items: center;
/* Qutunun hündürlüyü (height) olmalıdır ki, işləsin */
height: 100vh;
}
4. Konsolda Datanı Rahat Oxumaq: console.table()
console.log() hamımızın istifadə etdiyi alətdir, amma obyektləri və ya massivləri (arrays) yoxlayarkən oxumaq çətin olur. Bunun yerinə table istifadə et, məlumatlar səliqəli cədvəl formasında gəlsin.
JavaScript
const users = [
{ id: 1, name: "Kanan", role: "Admin" },
{ id: 2, name: "Ali", role: "User" }
];
// ❌ console.log(users) - Məlumatlar sıxışıq görünür
// ✅ Həyat qurtaran kod:
console.table(users); // Sənə çox səliqəli bir cədvəl çəkəcək!
Nəticə: Proqramlaşdırma marafon qaçışıdır, sprint deyil. Öyrənmək heç vaxt bitmir, amma yuxarıdakı kimi kiçik "trikləri" mənimsədikcə, kod yazmaq sənə əziyyət yox, zövq verəcək.
Bu məqaləni saytının "Blog" bölməsinə əlavə etmək üçün HTML strukturuna (əvvəlki redaktor məntiqinə) salım, yoxsa fərqli bir texnologiya barədə də nəsə istəyirsən?