Web Yazılımına Nereden Başlanmalı?

Öncelikle Web Geliştirme temel olarak Frontend ve Backend olmak üzere ikiye ayrılmıştır. Bu iki bölüm ne işe yarar inceleyelim.

 

Frontend nedir?

 

Frontend geliştiriciler web uygulamaları, web siteleri ve web araçları geliştirme konusunda oldukça büyük rol oynamaktadırlar. Frontend geliştiriciler bu uygulamaların sadece görünümü, düzeni ve içeriği ile ilgilenmektedir. Eğer bir Frontend tasarımcı olmaya karar verdiyseniz, bir web sitenin nasıl görüneceği ve kullanıcı ile olan etkileşimi size bağlı olacaktır. Frontend üzerine uzmanlaşmak için birçok teknoloji var. Temel atmak için aşağıdaki yazılım dillerini öğrenmeniz gerekmektedir.

 

HTML  - CSS - JAVASCRİPT

 

Backend Nedir?

 

Backend geliştiriciler, yukarıda bahsettiğim web sitesinin sunucu ile ilişkisi, Frontend'cinin yazdığı kodların nasıl işleneceği gibi şeyler ile ilgilenirler. Backend geliştiriciler, Bir kafeye gittiğinizde sizin için yemeği arkada hazırlayan şefler olarak örneklenebilir. Backend için genellikle Java - PHP - Python ve Node.js kullanılmaktadır. Bunlardan birini bilmek size çok büyük üstünlük sağlayacaktır.

 

Yukarıda görmüş olduğunuz her iki bölüm ile ilgilenen kişiye Full Stack Developer denir. Full Stack Developer olmak her zaman büyük bir avantajdır.

 

Sizler için tanıttığım bu yazılım dillerinin açıklamalarını, hangi sırayla gidebileceğinizi ve sağlam bir şekilde öğrenebileceğiniz öğrenme linklerini aşağıya yazıyorum.

 

HTML Nedir?

 

HTML, web tasarımcılarına sayfalar ve uygulamalar için yapı profilleri, bağlantılar, blok alıntılar, paragraflar ve başlıklar oluşturmalarında yardımcıdır. Bu konuda basit kod yapıları olan etiketler ve nitelikler kullanılarak web sayfaları şekillendirilebilir. HTML için aslında bir web sitesinin iskeleti denilebilir. Yani HTML kodları olmadan web sitesi kodlanamaz. Web sitesi ve sayfaları oluşturulurken mutlaka kullanılması gereken HTML, yeni başlayanlar için öğrenmesi en kolay biçimleme dillerinden biridir. HTML dersleri alarak sistemli bir çalışma için kendinizi geliştirebilir, öğrendiğiniz bilgileri web sayfası tasarlama aşamasında deneyebilirsiniz. Zamanla sahip olduklarınızdan fazlasını öğrenebilir ve web sitesi tasarlama konusunda söz sahibi olabilirsiniz.

 

HTML ÖĞRENEBİLECEĞİNİZ KAYNAKLAR : // Okuyarak Öğrenme

 

https://ddei5-0-ctp.trendmicro.com:443/wis/clicktime/v1/query?url=https%3a%2f%2fwww.htmldersleri.org%2f&umid=24CC7D38-F1D3-5005-8A5B-5C57DEAEA612&auth=4fba052b40026ff1bf898fec7f1811f64f6ca083-f9fb4cf9254a9353606fb88f38a5d4cc1629b58b (En temel ve beta)

https://developer.mozilla.org/en-US/docs/Web/HTML?retiredLocale=tr

 

https://www.w3schools.com/html/ // Videolu Öğrenme

 

https://gelecegiyazanlar.turkcell.com.tr/konu/egitim/101-html/htmle-giris (ÖNERİLEN)

 

 

 

CSS Nedir?

 

İngilizcesi “Cascading Style Sheets” olan CSS açılımı, “Basamaklanmış Stil Katmanları” anlamına gelmektedir. “CSS nedir?” sorusunun cevabı ise web sitelerinin görsel olarak şekillendirilmesine olanak tanıyan ve kendine has kuralları olan bir tanım dilidir şeklinde ifade edilebilir. HTML ve JavaScript ile birlikte en temel web teknolojileri arasında bulunan CSS, web sayfaları üzerinde oldukça fazla görsel denetim sunar. CSS sayesinde web sayfalarının mizanpajı, renkleri, kullanılan fontlar, ara başlıklar, görsel efektler ve diğer görsel unsurlar üzerinde etkili ve fonksiyonel bir kontrol sağlayabilirsiniz. Kullanıcı dostu olan ve görsel açıdan etkileyici web siteleri için HTML ve JavaScript’in yanı sıra yazılan CSS kodları son derece önem taşır. Etkili bir CSS kodlaması, web sitelerine yüksek bir kullanılabilirlik sunar.

 

CSS ÖĞRENEBİLECEĞİNİZ KAYNAKLAR : // Okuyarak Öğrenme

 

https://ddei5-0-ctp.trendmicro.com:443/wis/clicktime/v1/query?url=https%3a%2f%2fwww.btdersleri.com%2fcss%2ddersleri&umid=24CC7D38-F1D3-5005-8A5B-5C57DEAEA612&auth=4fba052b40026ff1bf898fec7f1811f64f6ca083-07c08c147c952d24693aa6e2096b76bb209d6bdc

https://www.w3schools.com/css/

https://css-tricks.com/

 

https://developer.mozilla.org/en-US/docs/Web/CSS?retiredLocale=tr // Videolu Öğrenme

 

https://gelecegiyazanlar.turkcell.com.tr/konu/egitim/201-html5-css/html5-ve-css-uzerine-genel-bilgiler (ÖNERİLEN)

 

https://www.youtube.com/c/Freecodecamp/videos

 

 

Javascript Nedir?

 

20. yüzyılın sonunda Amerikan kökenli bir bilgisayar hizmetleri şirketi çalışanı tarafından yaratılan Javascript, son halini almadan önce uzun süreçlerden geçti. Yaklaşık 25 senelik gelişim sürecinin ardından dünyanın en popüler yazılım dilleri arasına girmeyi başardı. Günümüzde, internet sitelerinin %90’ından fazlası Javascript kullanmaktadır. Açılır-kapanır menüler ya da bir web sitesinde yanlış veri girdiğimizde karşımıza çıkan uyarı kutucuğu Javascript’e verilebilecek en küçük örneklerdendir. Tabii ki bu örnekler buz dağının görünmeyen kısmı. Web geliştiriciler, Javascript ile mükemmel işlere imza atmakta ve her gün Javascript gelişim göstermektedir.

 

JAVASCRİPT ÖĞRENEBİLECEĞİNİZ KAYNAKLAR : // Okuyarak Öğrenme

https://www.w3schools.com/js/default.asp

https://ddei5-0-ctp.trendmicro.com:443/wis/clicktime/v1/query?url=https%3a%2f%2fwww.btdersleri.com%2fjavascript%2ddersleri&umid=24CC7D38-F1D3-5005-8A5B-5C57DEAEA612&auth=4fba052b40026ff1bf898fec7f1811f64f6ca083-838e8278b21450e58af983d229a032863dfa5cf4

https://ddei5-0-ctp.trendmicro.com:443/wis/clicktime/v1/query?url=https%3a%2f%2fwww.yazilimbilisim&umid=D1CDD98B-F221-6705-9727-D5AC538E41D0&auth=4fba052b40026ff1bf898fec7f1811f64f6ca083-36ffc5406694bc47583804484754fc62b8fdbf2e.net/javascript/javascript-dersleri/

https://developer.mozilla.org/en-US/docs/Web/JavaScript?retiredLocale=tr (JS DOCS) // Videolu Öğrenme

https://gelecegiyazanlar.turkcell.com.tr/konu/egitim/301-javascript/javascript-nedir (ÖNERİLEN)

 

 

 

 

Eğer ki Frontend olarak kendinizi daha çok geliştirmek istiyorsanız Javascript öğrendikten sonra React.js, Vue.js, Angular.js gibi kütüphaneler öğrenebilirsiniz. Javascript’e hakim olmak (Özellikle EcmaScript6+ konularına ve söz dizimine) framework ve kütüphaneleri daha kolay öğrenmenizi ve efektif kullanmanızı sağlayacaktır. Turkcell Geleceği Yazanlar ekibimiz React.js kütüphanesi için mükemmel eğitimler yayınladı. Bu tür kütüphanelerde çok iyi bir Türkçe kaynak bulmak zordur. Geleceği Yazanlar React.js eğitimi, proje örnekleriyle sizin daha iyi öğrenmenizi amaçlar.

 

https://gelecegiyazanlar.turkcell.com.tr/konu/react

 

Sizler için Backend olarak Node.js’yi örnek vermek istiyorum. Backend yapısının mantığını anladığınızda diğer saydığım dilleri ve kütüphaneleri daha iyi anlayabileceksiniz.

 

Node.js Nedir?

 

Node.js, JavaScript dili kullanılarak yazılmış bir açık kaynak platformdur. Bu platform, web sunucusu gibi çalışır ve JavaScript kodlarının çalıştırılmasını sağlar. Node.js, birçok çoklu iş parçacığı görevini tek iş parçacığında gerçekleştirerek verimliliği artırır. Bu sayede, Node.js kullanılarak yazılmış uygulamaların çalışma hızı oldukça yüksektir. Node.js, aynı zamanda web sunucuları için yüksek seviyede ölçeklenebilirliği ve performansı sağlar. Özetle, Node.js, hızlı ve verimli bir JavaScript platformudur. Maalesef Node.js konusunda Geleceği Yazanlar haricinde Türkçe kaynak gerçekten çok az. Pekiştirmeniz için birkaç sağlam İngilizce kaynak da koyacağım.

 

// Okuyarak Öğrenme

 

https://ddei5-0-ctp.trendmicro.com:443/wis/clicktime/v1/query?url=https%3a%2f%2fwww.yusufsezer.com.tr%2fnode%2djs%2ddersleri%2f&umid=24CC7D38-F1D3-5005-8A5B-5C57DEAEA612&auth=4fba052b40026ff1bf898fec7f1811f64f6ca083-ad50437cd78c44ffcfe45ae4f4bba5d249f60152

https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction

https://nodejs.dev/en/learn/  // Videolu öğrenme

https://gelecegiyazanlar.turkcell.com.tr/konu/egitim/401-nodejs/nodejs-yazilimina-giris (ÖNERİLEN)

 

 

 

Desteklerinden dolayı Geleceği Yazanlar ekibine, önerilerde kullandığım tüm yazılımcı büyüklerime ve saygı ile okuduğunuz için sizlere çok teşekkür ediyorum. Herhangi bir konuda ulaşmak isterseniz Linkedin üzerinden yazabilirsiniz!