Front-End Web Development Öğrenmek

[Sakalliyan]

Merhabalar,

Bu işi sıfırdan öğrenmek istiyorum. Beginner'lar için şöyle güzel, eli yüzü düzgün kaynaklar var mı önerebileceğiniz?

Teşekkürler şimdiden.

[Dark_Soul]

Bu işi girişmeden önce Front-End development dediğin kavramı güzelce araştır bence. Ben Tıp öğrenmek istiyorum gibi birşey olmuş şu dediğin.

CSS
HTML
XAML
Javascript(Bu başlı başına bir dünya)
XML
Frontend Frameworkler
....

diye uzayıp gidiyor liste.

[bingildak]

ingilizcen var mı?

[Sakalliyan]

var.

[samaella]

back öğren daha temiz

[sardalya]

Bu ayrim pek kalmadi.. browserlar da cok guclendigi icin, eskiden program yazmak ile suanda browser app yazmak arasinda pek fark yok.

Browser app diye geciyor zaten:)

React veya angulara bak hangisi daha cok hosuna giderse basla tutoriallarindan.

Yani eskisi gibi css ogreneyim statik html bilmiyorum, suanda hala mantikli olabilir ama gelecege iyi yatirim degil.

Css olarak da en basitinden bootstrap 4'e bakabilirsin

[bingildak]

Sakalliyan said:

var.

https://www.elegantthemes.com/blog/tips-tricks/learn-web-development-online

blog eski ama içindekilerin hepsi ayakta ve canavar gibi

https://www.udacity.com/course/front-end-web-developer-nanodegree--nd001

bunun yorumları da çok iyi

[drlanbn]

Tayfun Erbilen'i Youtubedan takip et. Başlarda çok yardımı dokunur.

[hanzomain]

https://www.freecodecamp.com/

Free Code Camp's for the win.

[Sakalliyan]

şimdiden herkese çok teşekkürler, hepsine teker teker bakacağım.

[Loxias]

javascript ogrenerek basla. html ve css in nasil calistiginiz kesfetmen 2-3 saatini almaz diye dusunuyorum. bu noktada bootstrap gibi frameworklerle ilk etaptaki ihtiyaclarini karsilarsin. sonrasinda sunu nasil yaparim, bunu nasil yaparim seklendi ilerlersin zaten.

suan revacta olan react ve vue js view/template librarylerini ogrenerek yola devam edebilirsin. ama tabi bunlar neden cikmis, ne gibi sorunlari cozmus bunlari okuyarak baslamani tavsiye ederim.

browser arasi uyumluluk arttikca html css yazmak cok daha kolaylasti. o yuzden js tarafina yatirim yapmani tavsiye ederim.

[bLackcha0s]

selam,

ben de öğreniyorum :) bıkmadım çünkü ehehe. Eskiden ufak tefek bilgim vardı da şimdi her gün kasıyorum.

freecodecamp ile başladım ancak başta mesela bana bootstrap'ta dayadı o yüzden bi kafam karıştı.
https://www.w3schools.com en temizi.
Html ve css i öğrenmek 2-3 saat. yani sanırım öyle mantığı kavrayınca gerisi kelime bilgisi gibi. Çok fazla komut var ezberlemek, bilmek imkansız ama mesela şu tepeye navbar nasıl koyucam dediğinde .nav komutunu buluyorsun gibi herhalde framework'ler yardımcı olacak o aşamada daha gelmedim :)

javascript olmazsa olmaz, yavaş yavaş ona geçicem css'i kavrayıp.
onda da node.js öğrenmek gerek diyorlar.

ek olarak şu var;
https://frontendmasters.com/books/front-end-handbook/2017/2017.html

kolay gelsin.

[hanzomain]

Hobi olarak yapayim, egleneyim istiyorsaniz takilin tabi W3S falan da meslek edineyim ve bunu 50 yasindan once yapayim derseniz free code camp is the way.

[bLackcha0s]

açıkcası kısa vadede meslek olarak planlıyorum :)
ancak dediğim gibi hiç bilgim yok. o yüzden w3 ile syntax i kavrayıp freecode ile ilerlemek daha doğru geldi.

[hanzomain]

Hak veriyorum kesinlikle ama syntax dedigimiz sey 2 gun, bir haftalik bir olay. Ogrendigini nasil uygulayacagni bulmak ve gercek dunyada islerin nasil yurudugunu ogrenmek esas zor olani.

Bulmak derken de yanlis ifade ediyorum aslinda. Bulmamak lazim, best practice neyse onu ogrenmek lazim. O yuzden free code camp sundugu icerik ve hiyararsi cok iyi.

Bu arada her kaynak herkese hitap etmiyor pek tabi ama bu free code camp'e alisamazsaniz, kendinizi biraz zorlayip alismayi deneyin bir.

Cok hafif gelirse baska kurslara da bakabilirsiniz ya da su konuda nereye bakmak lazim diyebilirsiniz. Bildigim biseyse yardimci olmaya calisirim.

[bLackcha0s]

süper olur rahatsız ederim :)
dediğim gibi freecodecamp te başladım. html css kısmını bitirip projelere geldiğimde afalladım.
tribute page yap dedi nereden nasıl başlayacağımı bilemedim. Örnek sayfalara baktım

syntax i bilmediğimi farkettim o yüzden w3 ü bitirip tekrar freecodecamp e dönücem.
dediğin gibi bol bol proje yapınca zaten ister istemez hakim oluyorsun her şeye.

şimdi yine planım w3 üzerinden javascript syntaxi öğrenip freecode ile devam etmek.

[mortheria]

Baska topiclerde de atilmisti soyle bir roadmap var. Bide ben pek bakmadim ama gene begenildigini bildigim 30dayJS var, faydasi olur belki bakin bi.

[Rewendor]

hanzomain said:

https://www.freecodecamp.com/

Free Code Camp's for the win.

Şu site çok çok çok iyi. 1-2 hafta bununla uğraştım boş vakitte, şimdi iş seyahatleri, bayram tatili falan derken kesildi ama tekrar dönecem.

[aramil]

2-4 aylık program (akşamdan akşama baktığını varsayarak):

html -> css -> javascript -> react

tamamlandığında tekrar gelirim :)

mortheria said:

Baska topiclerde de atilmisti soyle bir roadmap var. Bide ben pek bakmadim ama gene begenildigini bildigim 30dayJS var, faydasi olur belki bakin bi.

Roadmap güzelmiş (tu)

[Sakalliyan]

@hanzomain teşekkürler, free code camp gerçekten güzelmiş.

gerçi şu an iş değiştirdim, bir yoğunluğum var çok bakamadım ama, ilk 20 adımda gerçekten "hiç bilmeyen" birine programcılığı sevdirecek tatlılıkta ilerlettiğini fark ettim.

[bLackcha0s]

Selamlar
Kavramaya başladıkça daha çok sevdim w3 ve freecodecamp ile gidiyorum da bulduğum her materyali inceliyorum
Şu am javascript öğreniyorum ama mesela bu aşamada resmen mento ihtiyacım var yani syntax i öğrendim düşünüyorum çünkü başka bir şey çıkmıyor
Önemli olan kütüphaneye hakim olmak jquery çalışıyorum da yani bunları nasıl kullanıcam bilmiyorum.
Böyle gün gün şunu kodla bunu yap diyen ödev veren bir yer Yok mu?

[sardalya]

Proje yapmadan ogrenemezsin.. en iyi proje de sevdigin projedir.

Cointracker bile yapabilirsin bitane daha olsun :D

[riglous]

codility deki programları yapabilirsin.
hackerrank'te var sanırım tasklar.
Bir de freelance.com'daki işlere bakabilirsin.

[Kojiroh]

Gün gün değil de istediğinde bakabileceğin challenge'lar şeklinde https://www.codewars.com/ var

[BioHazarD]

Sakalliyan said:

Merhabalar,

Bu işi sıfırdan öğrenmek istiyorum. Beginner'lar için şöyle güzel, eli yüzü düzgün kaynaklar var mı önerebileceğiniz?

Teşekkürler şimdiden.

https://www.udemy.com/the-complete-guide-to-angular-2/learn/v4/overview