Front end alanında gelişmek için neler yapmalı ? Yardımcı olacak bazı siteler.

Front end alanında gelişmek için neler yapmalıyız? Eğitici videolar..

Öncelikle en önemli konu hangi alan üzerine kendinizi geliştirmek istediğinizdir. Emin bir şekilde karar verdikten sonra yapmanız gereken bir yol haritası belirlemektir.

https://roadmap.sh/frontend size bu konuda yol gösteriyor.

Kodlamaya geçmeden önce bir web sayfasının nasıl çalıştığını hangi aşamalarla gerçekleştiğini bilmeniz sizin yararınıza olur (http nedir,IP,Hosting…)

Bu aşamada size önereceğim Kodluyoruz&Patika ‘nın yayınladığı Temel dersler.Kısa ve net olan bu video serisi size katkı sağlayacaktır.

GIT nedir ? Neden Öğrenmem gerekiyor ?

Git bir versiyon kontrol sistemidir.Projelerimizi ve uygulamalarımızı bilgisayarda tutmak yerine daha güvenli olan internet ortamında tutmamızı sağlıyor.

Neden git öğrenmeliyiz ? Çünkü büyük bir projede çalışıyorsanız projeyi bilgisayarınızda tutmak sıkıntılara yol açabilir. Ayrıca büyük bir projede takım arkadaşlarınızla çalışıyorsanız git çok büyük bir kolaylık sağlayacaktır.

Traversy Media’nın videosu size yardımcı olacaktır.

Github nedir ?Neden Github Kullanmalıyım ?

Github bir proje depolama alanıdır. Yazdığınız projeleri Repository oluşturarak burda paylaşıma sunabilirsiniz. Github’ta diğer kullanıcıların projelerini inceleyebilir ,yaptıkları çalışmaları inceleyebilirsiniz. Github bir yazılımcının olmazsa olmazı diyebiliriz.Çünkü bir işe başvurduğunuzda github sayfasında yaptığınız projeler ve yaptığınız değişikler incelenecektir.

Mutlaka bir github hesabı oluşturun,yaptığınız ufak egzersiz çalışmalarını dahi github sayfasına yükleyin. Tüm command’ları deneyin size çok şey katacaktır.

Arin Yazılım’ın eğitim videosunu mutlaka izlemenizi tavsiye ederim.

HTML5

Html açılımı “ Hyper Text Markup Language” yani bir metin işaret dilidir. Html bir yazılım dili değildir. Html web sayfanızın taslağını oluşturur. Html yazarak daha kolay öğrenilir , uzunca videolar izlemek yerine her etiketi kullanmanız hem sizi geliştirir hem de vakit kaybını önler. Html için site önerilerim w3schools , cheatsheet ve htmlreference.

CSS3

CSS”Cascading Style Sheets” . Css Web sayfasını görselleştirmek için kullanılır. Yazdığımız textlerin ,kullandığımız resimlerin görsel olarak şekillendirilmesinde Css kullanırız. Css’ i index.html sayfamızın içine yazabiliriz ama karışıklık olmaması için “style.css” dosyası oluşturarak kodlarımızı oraya yazabiliriz. w3schools sayfası css etiketlerini öğrenmek için kullanabileceğimiz en iyi sayfa. Her etikete ulaşıp kısa örnekler üzerinde çalışabiliyorsunuz. Css framework’u olan Bootstrap işimizi biraz daha kolaylaştırıyor.(Ayrıca bakınız Tailwind)

BOOTSTRAP

Bootstrap bir css kütüphanesidir. Ücretsiz olan bootstrap ön yüz geliştiricilerin yükünü azaltıyor ve projelerinde daha rahat çalışmasını sağlıyor. En iyi kaynak olan bootstrap resmi sayfası çalışmamıza yardımcı oluyor. Proje sayfanıza bootstrap hesabından alacağınız css,javascript komut satırlarını yerleştirdikten sonra rahatça çalışmaya başlıyorsunuz.

JAVASCRIPT

Son dönemlerde popülerliği artan Javascript dinamik bir programlama dilidir.

Web sayfasını dinamikleştirip daha kullanışlı hale getirir.Javascript ve Java aynı programlama dili değildir. Javascript öğrenmek süreklilik ve emek ister. Bol Bol egzersiz yaparak değişken,fonksiyon,DOM yapısını öğrenebilirsiniz.

Hackerrank Javascript challenge ile kendinizi geliştirebilirsiniz. Javascript başlangıçta öğrenmesi zor bir dil olsa da kendinizi geliştirdikçe ilerde keyifli bir hal alıyor.

JavaScript Kaynaklar

Florin Pop

w3schools

Kodluyoruz

Freecodecamp

Framework nedir? Javascript frameworkleri

Framework daha önce kullanılmış ,test edilmiş ve üzerinde değişiklikler yapılabilen kod dosyalarına denir. Framework üzerinde çalışmak iş yükünüzü azaltır ve işinizi daha kısa sürede bitirirsiniz.Bazı javascript frameworkleri :

Javascript Frameworks

1_React

React, Facebook tarafından geliştirilen kullanıcı arayüzü geliştirmeye yarayan açık kaynak kodlu bir js framework’udur.Web alanında oldukça popüler olan React kullanımı ve verimliliğiyle web developerlar tarafından tercih edilir.

2_ Angular

Angular google tarafından geliştirilmiş bir javascript framework’udur.Angular MVC yapısını desteklediği için web developerların ilgisini çeker.

3_Vue.js

7 yıl önce Evan You tarafından geliştirilen Vuejs açık kaynak kodlu bir javascript framework’üdur.Basit ve anlaşılır olan vuejs öğrenmesi kolay bir yapıdır.Diğer dillerle çok rahat çalışır.

Popülerlik

Son notlar :

1. Planlı ve sıkı çalışın.
2. Github hesabınızı aktif olarak kullanın.
3. Soru sormaktan çekinmeyin.
4. Medium sayfasından düzenli olarak yazı okuyun.
5. Sosyal medyada etkinlik ve eğitimler bulup katılım sağlamaya çalışın.
6. StackoverFlow kullanın ,sorularınızı yazmaktan çekinmeyin.
7. Boş zamanlarınızda başkalarının kodlarını inceleyin,okuyun.

Okuduğunuz için Teşekkür ederim ,Beğenmeyi unutmayın ! :)