Front-end developer olarak iş bulmak

[di]

Bildigin landing page diye bisey yok mudur. Oturup ugrasip tasarim mi yapacaksin ? Yoksa elinde bir tasarim var adamin begendigi onu mu kodlayacaksin. Yoksa hic biri yok, surasi soyle burasi boyle olsun diye on the fly uyduracak misin ?

Elinde bir tasarim yoksa once ya biseyler ciz ya da daha guzeli yapilmislari incele themeforest'dan ordan burdan.

Google : best landing pages 2015
Google : simple landing page designs
Google : minimalist landing page designs


Tamam bu diye karar ver, sonra otur nasi yaparim diye dusun. Ya da yine daha guzeli, yapabilecegine gozunun kestigi bisey bul.

Diger turlu olmaz o is. Yapamicam galiba demenin tek sebebi syntax bilmemek degil, durumunu nasi yonetecegini bilememekten kaynaklaniyor su anda.

[Mithat]

Adamın bir weebly sitesi var , şimdi burada paylaşmiim ondan habersiz ama ona benzer bişi yapıcam fakat daha güzelleştirmem gerekiyor , zaten landing page yapmış kolay bişi yapmış. Yapmasına yaparım sonuçta google-fu ile yürüye yürüye yapıcam bir şekilde ama umarım güzel bişi çıkar , hani olmayacak şey değil yapılır ama beğendirebilir miyim onu merak ediyorum.

benim yapmaya başlayıp bıraktığım şu : http://codepen.io/mithatcanozdemir/pen/dodjwy

şuna bi atılması gerekilenleri atıp ondan sonra şekli şemali düzelticem dedim attığı bir iki resimle yazı vardı onları attım ama şuan harbiden yapacak kafada değilim yarın falan bakarım çok aşırı yorgunum bugün.

[pulkas]

Mithat said:

benim yapmaya başlayıp bıraktığım şu : http://codepen.io/mithatcanozdemir/pen/dodjwy

konunun basindan bu yana burada sana yardimci olmak isteyen insanlarla dalga gecmedigini dusunuyorum.

amacim bu konudaki ogrenme istegini kirmak degil.sadece dogru sekilde yonlenmeni saglamak icin yaziyorum bunlari.

Web sitesi tasarlama isi goruldugu kadar kolay degil.Once bunu kabullenmen lazim.Sadece html/css/js nin syntaxini bilmek sana bir web sitesini bitirtmez(ayni sekilde sadece konustugun dilin alfabesini bilerek oturup roman yazamazsin).Yaptigin isi kucumseme ki bu isten para kazanmak istiyosun.Insan yedigi kaba s*cmamali.

Simdilik js kismina deginmeden sadece html ve css icin oturup bol bol ornek calismalar yapmali bunun yaninda bol bol tasarimi duzgun yapilmis web sitesi gezerek bu adam bunu nasil yapmisa kafa yorman lazim.Tarayicilarin hepsinin developper modu var.Onu kullanmayi ogrenip sayfalarin kaynak koduna bakarak bu konu hakkinda bayaa bi kendini gelistirebilirsin.Sayfaya developper modunda mudahale edip o anda neyin nasil degistigini gorebilirsin.

Tasarim insan gozune ve hayal gucune bagli olarak sekillenen bir kavram.Baktigini goremeyen bir insan evladiysan gozunu egitmen lazim.Hayal gucu konusuda bu konuda gozunu egitirken gelisecektir zaten.Bir sayfanin neden duzgun tasarlandigi yada tasarlanmadigini sayfaya bakar bakmaz anlayabilmelisin

https://www.goodui.org
http://www.quora.com/What-makes-a-good-UI-UX-design
https://www.google.com.tr/search?client=safari&rls=en&q=good+ui&ie=UTF-8&oe=UTF-8&gfe_rd=cr&ei=z96WVdzTONCo8wejjoHABQ

Kendin tasarim yaparken once tasarim yapacagin konu hakkinda arastirma yapman lazim.Hangi is kolunu kime tanitiyorum?Benzeri sayfalar nasil yapilmis?Bu tip sayfalarin iceriginde neler var?

Daha sonra elindeki materyallere bakarak sayfanin icerik yogunlugunu tayin edip buna uygun tasarimi yapacaksin.Bu noktada renkli kalemler duz beyaz bi a4 kagit isini gorur.Yada kara kalemde dalabilirsin.Bu tamamen tasarimi yaparken kendini nasil rahat hissedeceginle alakali bir durum.

Eskiz calismasi bittikten sonra bunu photoshop a aktararak icerigin sayfada nasil durdugunu sayfa bitmeden gormus olacaksin.

photoshopta yaptigin bu calismanin daha sonra htmle donusturulmesi gerekiyo.O noktada da iste artik syntax bilgini konusturup cssle htmlye taklalar attirarak olusturdugun tasarima islevsellik katip son urunu elde ediyosun.

Su anda yaptigin seyin bununla uzaktan yakindan alakasi yok.Hem cuzi miktarda bir para alicam derken eline gelen verinin az mi cok mu ise yarar mi yaramaz mi olup olmadiginin bile farkinda degilsin gorunen.


Youtubeda sittirilyon tane video var konuyla alakali.Onlari izle.Adamlarin yaptigi seyleri bire bir tekrar et.Ayni sonucu elde et.Tekrar tekrar bunlari yap.Psd dosyasindan htmlye gecis sureciyle ilgili calismalar yap.Tasarim eskizlerini nasil photoshopa aktarabilecegini ogren.http://brackets.io buna bak.

https://www.youtube.com/watch?v=YBK_1WrM294

Bunlar bittikten sonra js konusuyla ilgili dertlenmeye baslayabilirsin.Sayfada bir seyler eksik buna biraz aksiyon lazim.CSS bu konuda yeterli kalmiyo.User Experience icin daha neler yapabilirim dedigin anda js yle hasir nesir olman gerekecek.Bu yola girdigin anda zaten ruby python php gibi backend dillerine girip girmeme konusunda fikirlerin sekillerin.Js nin geldigi son noktada bunlara hic bulasmadan isini halledebiliyosun zaten.Orasi artik kendi tercihin olacak.

Bootstrap, foundation gibi frameworklerden su anda uzak dur.Cunku daha css ve htmlin nasil kullanilacagini bilmiyosun.Daha destur derken ileride sittin sene duzeltemeyecegin bir hatalar silsilesinin icine dusebilirsin.Once core HTML/CSS ve bunlara hakim olunca JS.Ondan sonra frameworkler seklinde ilerlemen lazim.

Hayaller paris gercekler eminonu olmasin diye yazdim bunlari.Umarim dikkate alirsin.Yoksa arkasindan kufur edilen bi boka benzemeyen tasarimlara imza atan sacma sapan ama 3 kurus para kazanan bir adam olma.Bu dediklerim boyle watashiva candynin sihirli degnegi kafana dokununca bir anda olacak seyler degil.Uzun zaman alacak ve yavas yavas gelisecek nitelikler bunlar.Tasarima bu islerden once hic ilgin olmadiysa, dogustan bu konulara yatkinligin yoksa, oran oranti konusunda elinin ayari olmayan bi adamsan bu sure daha da uzar.Yilmadan calistikca ogrenilmeyecek is kazanilmayacak yetenek yok.Burada onemli olan sey kararlilik ve sureklilik.

Kolay gelsin.

[Mithat]

Sonuna kadar katılıyorum , söylediğin her şeye harfi harfine hak veriyorum tamamen. Zaten javascript için tek bir line bile bakmadım , şu html ve css konusunda kendimi rahat hissetmedikçe js'ye geçmeyide düşünmüyorum.

Bahsettiğin önce çiz sonra yap olayını kendi kendime yapmaya başlamıştım , demek ki genel geçer bir durummuş ben kendim keşfetmemişim :D

Tasarım açısından ne nasıl güzel gözükür nasıl olur pek iyi bilmiyorum görsel yeteneklerim çok limitli bunu kabul ediyorum ama daha çok başkaları nasıl yapmış , neler sevilmiş neler sevilmemiş ona biraz bakarak örnek alarak yapıyorum o açığı kapatmak için.

Bu site olayı tamamen arkadaşıma yaptığım bir geyik , dur bir yapayım bakalım nasıl olacak tarzı kendi kendime bir nevi proje , tek farkı cüzi bir meblağ alacak olmam , onun dışında bir olayı yok. Yani bunu daha önce ki hava durumu veya yuvarlak içi yuvarlak ile eş görebilirsiniz , tamamen kendimi eğitmek için yapıyorum , tek tek görüp öğrenmek için yapıyorum.

Her türlü desteğiniz eleştiriniz yardımınız feedbackiniz herşeyiniz için teşekkür ederim. Ben açık açık söyluyorum reddit ve burası olmasaydı , ben 2 haftada şu kıvama bile gelemezdim anca hala okuyodum acaba ne ne olur diye bir çizginin yanına çizgi koymamıştım daha . Burada en ufak yazısı olan tek postu olan kişi dahil herkese çok şey borçluyum , elimden geldiğince burada yazılan şeyler doğrultusunda ilerlemeye çalışıyorum , sizin söylediğiniz şeyler ile beraber hareket etmeye çalışıyorum elimden geldikçe.

[Mithat]

http://codepen.io/mithatcanozdemir/pen/oXqNeV

Şurda ki yazıyı bi tık daha sağ aşağı indirmenin yolunu bulamadım.

Daha buna bir tane de tab yapmam gerekicek ama hayvan gibi yoğun işlerim var 2 gündür bir türlü şunu ayarlayamadım , ilk iş ilk düzgün öğrenmek için elimde malzeme oldu diyorum onuda batırmiim , odaklanıp yapiim , yarım kafa copy paste takılmadan yapmak istiyorum o yüzden daha sakin zamanlarda bakıyorum sadece.

[pontipati]

	<img src="https://www.vizsy.com/public/images/brandow/Landing_Page_background.png" style="position: relative; top: 0; left: 0;"/> 

	<img src="http://www.psychiatry.emory.edu/images/cloud2.png" style="position: absolute; top: 50px; left: 50px; width:500px"/>

	

	<p style="position: absolute; top: 30px; left: 620px; right:20px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis ex ex, vel faucibus ante feugiat auctor. In hac habitasse platea dictumst. Nullam feugiat justo at nibh faucibus eleifend. Nam sed bibendum ex. Aenean vulputate, dolor vitae ultrices pharetra, dolor tortor fermentum justo, a dignissim urna arcu a orci. Vestibulum sed turpis id lacus scelerisque posuere. Suspendisse felis augue, sollicitudin in sapien vitae, consectetur volutpat felis. Morbi facilisis imperdiet massa ac ultrices. Phasellus tempor leo ut nibh malesuada ultrices.</p>

	

html de bold lu kısmı 50 falan yapsana

[Mithat]

Halloldu ya , kurcalayınca çıkıyor ortaya herşey.

Ciddi sinirlerimi bozuyorlar bu aralar iş yerlerinde , sıfır beyin ile çalışıyorum resmen.

[pulkas]

http://lorempixel.com

eger img yoksa yeterince lorem ipsum gibi yukaridaki tipte sayfalar var.istedigin boyutta img i olusturup sayfaya koyuyosun direk.sonra icerik icin gerekli imglarla kapatiyosun bosluklari.

[Mithat]

Eveet biraz istediğim tarzda bir yapıya benzemeye başladı. Resim olayını kullandım şimdi , bir header lazım düzgün olacak bir de bir tane daha tab açıp orayada about me falan olması lazım , bunların dışında şuan için kafamda ki dizayn oturuyor gibi oldu güzel oldu. En azından dilediğim şeyi yapabiliyor olmaya başlamam biraz mutlu etti.

[quixef]

Şımarma hemen

[Mithat]

Yok be iki resim attım üst üste o kadar abartılacak bir durum yok :D Sırf biraz motive tutuyor bişiler başardıkça , beceremeyince biraz sinirlendiriyor .

[Mithat]

Bu arada ikinci projemide buldum , ilk şu arkadaş için düzgün bir site yapiim sonra basit bir oyun yapmayı planlıyorum html ve css kullanarak , öyle ahım şahım bişi değil o an aklıma ne gelirse ama ping pong falan tarzı bişi buldum o yapılabiliyor , o tarz simple bir durum denicem.

Site yapmanın 'tasarım' kısmı çok zormuş , adam hala nasıl bişi istediğini bilmiyor ama site yapmamı istiyor kafamdan , e tamam al şunu diyosun yok böyle değil diyor , ya istediğin benzer bişiler bul baride onu yapiim en azından benzetiim ediim , kafamdan uydurduğumu beğenmiyorsan , kendinde bişi göstermiyorsan , nasıl ilerleyecek bu durum?

[Mortis]

oo brief alma, müşteri-ajans ilişkilerine bile girmişsin baya hızlı ilerliyorsun, güzel güzel, devam.

[aquila]

musterinin abv.

[Mithat]

Oha bu hep mi böyle? Ben arkadaşım diye naz yapıyor ibne sandım lan. Oha , bu hep böyle her site yapımında bu kıvama mı geliyor emenike? O zaman yılda 3 site yapabilirim lan anca ben ahahahah :D

[Mithat]

http://codepen.io/mithatcanozdemir/pen/pJLyeo

Şöyle bişi yaptım , internette sora sora araya araya bu yöntem ile anca tab tab ayırıp o tableri kücük arkaplanı ortalayacak seviyeye getirebildim. Bunun daha basit yolu yok mu ya bu ezberde tutması imkansız gibi bişi.

[Mithat]

Beyler yeni bir projeye başlamak istiyorum ama ne yapayım bilmiyorum. Birde he tamam html ile css olayını yeterince gördüm birazda javascript/python falan bakmaya başlayabilirim artık seviyesi nedir? nasıl anlaşılır o seviyede olunup olunulmadığı?

Birisi html/css ile yapılabilecek beginner bir proje bulsun lütfen bana , cidden yapmak istiyorum. Lazım olan bişi varsa onu söyleyin onu yapmaya çalışiim ama boş oturmiim.

[di]

Ya JS ya python olsun, browser'da tab'leri python'la yaparim mi diyosun simdi ?

[Mithat]

-- moved topic --

[di]

Ha bi de

http://forum.paticik.com/read.php?97,6788106

[aquila]

onlardan birine baslamak icin, yeterince html/css gormek diye bisey yok ki.

[Mithat]

Pyhton napar bilmiyorum , yaptığım site ile sırada ki öğrenmek istediğim şey farklı şeyler. Ben daha çok , biraz proje olsun yapa yapa öğreniim böyle onlarca proje bitsin ondan sonra sırada ki dile geçiim istiyorum. Şuan acaip bebe kıvamındayım. Elimin alışması için proje yapmam lazım , proje bulmakta zorlanıyorum.

Kitaplara bakarım şimdi , pdf olarak alakalı bulduklarımı indirir okurum bir ara , bu fırsattan istifade gözünüzü seviim aklına html/css ile yapılabilen proje gelenler yazsın ki bol bol proje olsun elimde , hepsini yapmadan geçmeyi düşünmüyorum bir sonra ki dile söz , hepinizin projelerini yapıcam :D

Bu arada , bu proje html/css ile yapılır , bu proje html/css ile yapılmaz üstüne bide X dili lazım falan arasında ki farkı nasıl anlıyosunuz? Zamanla mı? Ben mesela sadece html ve css kullanılarak ping-pong yapılmaz zannederdim , görünce oha bu da yapılabiliyormuş diye şaşırdım baya.

[reyou]

yeni forumu sen yapsana. sen basla, biz arkadan yetisiriz.

[di]

Mithat said:

Pyhton napar bilmiyorum

Sikinti burda.

edit : Sikinti her turlu burda. Python olcak dogrusu.

[aquila]

yilan iste, zehirsiz ama bogar.