1. sayfa
| PSD to HTMl, CSS yapabilirsin. Gördüğün tasarımın aynısını yapmaya çalış bol bol. |
Anladığım kadarıyla Photoshop'da tasarlanan bir temayı html/css diline dökme pratiğinden bahsediyorsunuz. Aklıma gelmemişti, teşekkür ederim. Photoshop bilgim de iyi bir seviye de var diyebiliriz. |
| Kafanızda bir layout tasarlayıp onu gerçekleştirmeye çalışın. Css de kendi kütüphanenizi oluşturursanız bir kaç class ögesi ile elemanlara istediğiniz özellikleri eklersiniz. Aynısı javascript içinde geçerli. Neyin ne olduğunu öğrendiyseniz işinizi hızlıca yapmak için kendi kütüphanenizi oluşturun. |
Tanınan kütüphanelerden boostrap vs duydum fakat henüz bakmaya fırsatım olmadı. |
|
Boostrap gibi fakat bunu kendinize uyarlamanız gerekiyor. Herhangi bir html elemanına position relative vermek için eleman { position: relative } dersiniz. Bunun yerine .relative {position: relative} gibi bir css satırı oluşturup bunu o elemanın class listesine eklerseniz aynı işlemi yapmış olacaksınız. Atıyorum 20 tane elemana position relative vermek için ya css dosyasında hepsine ayrı ayrı satır yazacaksınız, yada hepsini tren gibi arka arkaya dizip tek satırda halledeceksiniz. Bu iki işlem yerine, <eleman class="relative"></eleman> derseniz zamanınızı israf etmemiş olursunuz. Daha geniş bir örnek verirsem daha iyi anlarsınız.
Yukarıda bir elemanı hem merkeze koyup hem de responsive özelliği kazandırıyorsunuz. Bunun gibi 10 tane eleman olsa bu satırı 10 defa yazmanız gerekecek yada 10 tane elemanı arka arkaya dizmeniz gerekiyor. Bunun yerine.
Böyle bir css dosyası hazırlayıp bu 4 classı eklediğiniz her eleman otomatikman verdiğiniz değerlere göre responsive olup merkeze konumlandırılıyor. |
|
Photoshop to HTML iyi bir çalışma şekli ve Türkiyede fazla yapan yok. İkincisi, bootstrap veya benzeri template lere eklenti yapmak. Yanlız, bunu kafama göre tuning şeklinde değil de eklenti olarak yapmak. Şimdi arıyoruz kardeş bootstrap biliyormusun, tabi abi, bak boot strap için template bile yazdım ben. Alıyoruz templateyi azıcık bir şeyler yapıyoruz, sonra arkadaşın css leri kaldırıp, özüne dönüyoruz. Şaap diye çöküyor. Yani parayla aldığımız benim diye template de böyle oluyor. Yani, öğrenmen gereken, bootstrap üstüne yama yapmak değil. Standart template üzerinden ekleme yapmak, ki senin css çıktığında ana yapı gene bozulmasın. Bu şeklide hem bootstrap ı gerçekten öğrenebilirsin, hemde söküleybıl takılaybıl iş yaptığın için ürünlerinin sadece bir parçasını dahi kullanmak isteyenler müşterin olur. Kendie bir amaç edin. Hobi vs bazında bir siten olsun. |
| Teşekkür ediyorum hocam. Evet amacım kendi forum sitemi kurmak (hobi amacıyla -ama tutarsa da fena olmaz-). Dediğiniz şeyleri göz önüne alacağım.. |
|
Hocam benim programlama geçmişim var fakat ben de web programlamaya yaklaşık 2 ay önce başladım. Sizin programlama ile ilgili anladığım kadarıyla ilk tecrübeniz. Öncelikle css ve html birer programlama dilleri değildir, fakat web programlama için öğrenilmesi mecbur teknolojilerdir. Oradan başlamanız güzel. Bu şekilde en azından editör kullanımına alışırsınız. Benim size naçizane tavsiyelerim şunlar: - Asla çalışamaya ara vermeyin ve kendinize çok yüklenmeyin. Benim yazılım sürecimde en büyük hatam bu oldu sıkılıp bırakmak sizi bu yoldan kesinlikle saptıracaktır. Çok bunaldığınız zamanlar olacak bu kaçınılmaz bir gerçek bu anlarda farklı şeylerle kafanızı dağıtın ama kod yazamaya uzun bir ara vermeyin. - Kendinize bir community bulun. Twitter, reddit, discord gibi platformlarda çok güzel commintyler var. FCC de güzel bir communitydir, oradan devam edebilirsiniz. Ama js kısmında oradaki tutoriallarla ilerlemek zor gelebilir, kendinizi kötü hissetmeyin. - En önemlisi belki de bu, İngilizce duyduğunuzu anlayabilecek seviyedeyseniz. Tası tarağı toplayın göçün Türk yazılım kültüründen. Udemy üzerinden kurslara kayıt olabilirsiniz.Tavsiye edeceğim isimler: Acedemind, Brad Traversy, Angela Yu. Bu isimlerin Javascript kursları var. Hiç programlama geçmişinizin olmaması biraz zorlar ama kesinlikle yapılabilir bir şey. - Bunu tekrar yazmak istedim, İngilizceniz eğer iyiyse mümkün mertebe İngilizce içerikle öğrenin.Çok daha kolay olduğunu farkedeceksiniz. Bunlar benim tamamen kişisel olarak uyguladığım yöntemler. Naçizane tavsiyemdir. Asla yetersiz olduğunuzu düşünmeyin. Başarılar dilerim. |
Uzun uzun yazmışsın, çok teşekkür ederim öncelikle. Evet daha önce yazılım geçmişim yoktu ve FCC sitesinde başlarken yazılımda sıfır mısın diye bir soruyla başladı. Ona "evet" dediğimde önce HTML ve sonra CSS öğretti. Tabi öğretme kısmı kolay asıl zorlayıcı şeylerle proje oluşturma aşamasında karşılaştım. Dersi öğrenirsen konu konu yazdığımız kodları proje esnasında bir bütün olarak sıfırdan yaratmak gerekiyor. İlk 2-3 projem çok zorladı; fakat sonrasında çözdüm ana mantığı. Tabi ki hala geliştirmem gereken çok şey var. Yaptığım projelerin linkini şuraya bırakayım :https://codepen.io/collection/AZvRGB?cursor=ZD0wJm89MSZwPTEmdj0zMDIzNzQ0 (FCC'de her projeden 3'er tane yapıyorum iyice alışmak için, bunlar bitince internetten yeni projelere bakıp yapmaya çalışacağım. Hemen JavaScript'e geçmek istemiyorum) Edit: Web dillerine giriş yapalı bugün 19 gün oldu sanırım. Düzenli olarak günde min 3 saat çalışmaya devam ediyorum. Baya da zevk veriyor |
Buraya da benim yakın zamanda yaptığım belki denemek isteyeceğin projeler bırakıyorum: https://github.com/OrhanOzkercin/Simple-Html-Css-Projects Projelerin çoğu yukarıda bıraktığım Udemy kursunda yapılan projeler ama kodları farklı bilgin olsun. Onun dışında bir yardıma ihtiyacın olursa yardımcı olabilirim. |
Youtube'da kanal arayışına çıkmak aklımda vardı. Kısmet bugüneymiş Projelerine baktım hocam, göze hitap eden çok güzel tasarımlar yapmışsın. Tebrik ederim. Edit: Hocam bu arada özel bir konu hakkında danışmak için özel mesaj attım. |
|
Orhan adlı arkadaş güzel tavsiyeler vermiş. Angela Yu kursu bende de var, şuan Javascript'e bakıyorum. FCC'de de Javascript alıştırmaları yapıyorum. Sanırım İngilizce anlayabiliyorsun. Bilmediğiniz kelimeyi sözlüğe yazıyoruz zaten(translate extension ile hızlı oluyor) Bendeki kaynaklar İngilizce çoğunlukla . Front end kısmında proje,egzersiz için şu tweetteki siteleri not almıştım alıştırma yapmak için:https://twitter.com/YourCodingComp/status/1271493267792605184?s=19 Burada da css egzersizleri falan var. Proje olarak değildi sanırım. Tekrar aynı şeyi yaptıran siteleri çözmeye gerek yok entryde çok link var çünkü. Entry sahibi güzel siteler vermiş, emeğine sağlık. https://eksisozluk.com/entry/106559079 Türkçe kaynak olarak Front End kısmında youtube'ta Adem İlter var. Html, css, JavaScript, react dersleri projeleri var. Daha çok uygulama yaparak anlatmış. Gayet güzel. Figma da var hatta tasarım dersleri falan. Gerçekten belli bir seviyeye gelip eksik kapatmak için gayet yeterli. Emeklerine sağlık. React için github'ta türkçe kaynak görmüştüm. Pc'de kayıtlı. Araştırabilirsen googledan çıkabilir. Şuanlık işin yok zaten ama olsun. Ayrıyetten Full Stack Javascript(React+Node js) için bir kaç öneri yapayım. FCC, Udemy ya da youtube vs. ile Javascripti hallettikten sonra Helsinki Ünivetsitesi'nin Full Stack eğitimini ve sertifikasını ücretsiz bir şekilde alabilirsin. Javascript bilgisi gerekiyormuş sanırım biraz. Redditte görmüştüm. Her ders sonu ödev veriyor ve githuba yüklüyorsun. Sonra da sertifika alıyorsun. https://fullstackopen.com/en/ Aynı zamandahttps://www.theodinproject.com/ üzerinden de ister Frond End istersen Full Stack eğitimi alabilirsin. Sertifika veriyor mu bilmiyorum. Bir de yeni buldum:https://open.appacademy.io/ Full Stack eğitimi alabilirsin. Ücretsiz, ücretli, bir de 3 yıl maaşın %15 kesintili programları var. Adamlar sana her şeyi öğretiyor, mentorluk yapıyor, sen işe girince 3 yıl maaşının %15'ini veriyorsun. Tabi bizim ülkemiz için geçerli değil, orası Amerika falandır herhalde. Bakmadım nerede olduklarına da... :) Ücretsiz versiyonunda da online dersler, egzersizler var. Pek fark yok öğrenmek isteyene. Mentorluk, canlı yayın vs eksik o da olmasın bir zahmet ücretsizde :) Redditten css pratik, proje, javascript öğrenme gibi şeyleri İngilizce aratırsan belki benim bulduklarımdan daha güzel kaynaklar bulabilirsin :) |
|
| Merhaba. Ben de yaklaşık 1 aydır Udemy'den Web geliştirme eğitimi alıyorum. Şu an Css'in sonlarına geldim ama bilgiler üst üste gelince hafiften karışmaya başladı. Gerçi zamanla oturacaktır diye düşünüyorum. Sizin çalışmalarınız nasıl gidiyor, ilerleyebildiniz mi? |
Bu konuyu açtıktan yaklaşık 1 ay kadar sonra JavaScript'e geçmek yerine Python'a yöneldim (kişisel ve sektörel sebeplerden); FreeCodeCamp sitesi HTML ve CSS için çok yeterli olduğundan başka bir kurs almadan direk projeler yapmaya başlamıştım (yapmaya çalışıyordum daha doğrusu :D) Özellikle W3 gibi siteler çok yardımcı olmuştu takıldığım yerlerde. |
| şöyle söyleyim css de bootstrap e daha çok zamanını ver kardeşim kısa ve öz dedim uzatmamak adına bootstrap>css |
| Merhaba son durum nedir? Bende şuan FCC sitesinde html yi bitirdim css de kengimi geliştirmeye başladım. Bundan somra javascript e ya da php ye geçmek istiyorum. Sizin Python süreci nasıl gidiyor? FCC yeterli geliyor öu? Udemy vs başka yerlerden destek alıyor musunuz? |
FCC Sitesinden ilerlemen çok iyi olmuş, ben aşırı memnun kalmıştım. CSS kısmının sonunda zaten proje olarak 4-5 çeşit sayfa hazırlamamızı istiyor. Orada ister istemez aşırı fazla pratik yapacaksın. Şöyle söyleyim Html & CSS kursunu bitirdikten sonra Python'a devam ederek bir daha hiç html css bakmadım; fakat FCC'de yaptığımız her şey hala aklımda. Çok iyi bir şekilde aklıma kazınmış. Python kısmına gelirsek... maalesef FCC'den Python'a 1 hafta kadar devam edebildim. Çok yetersiz geldi, şuan nasıldır bilmiyorum ama o zamanlar sadece video desteği sunmuşlardı. CSS'de olduğu gibi pratikli öğrenim yoktu ve video anlatımı karışıktı. Şuan Python'da baya ilerlemiş bulunmaktayım. Temel kursu bitireli 1 ay kadar oluyor. Udemy ve BTK akademiden temel kurslar aldım. Temel kursu bitirdikten sonra şuan udemy'den Python Veri Analizi ve Makine Öğrenimi kursu ile devam ediyorum. Aynı şekilde bundan da memnunum (temel kursunu aldığım hocadan satın aldım). Belki incelersin diye aldığım udemy python kurslarımın linkini buraya bırakıyorum (en az orta seviye İngilizce bilgisi tavsiye ederim, hoca biraz hızlı konuşuyor) Temel Python Udemy = https://www.udemy.com/course/complete-python-bootcamp// Python Veri Analizi & Makine = https://www.udemy.com/course/python-for-data-science-and-machine-learning-bootcamp// Devamında yine bu hocayı tercih edeceğim, çok güzel dersleri var. Eğer ekstra bir sorun olursa sormaktan çekinme hocam (pm de atabilirsin) |
1. sayfa
JavaScript'e geçmeden önce html ve css'yi otomatiğe bağlamış bir şekilde öğrenmek istiyorum. Bunun içinde aklımda 100-200 saat pratik yapmak var. Günde 3-5 saatimi yazılıma ayırıyorum (eğer tam gün evde değilsem bile min 2 saat bakarım) karantina sebebiyle.
Tecrübeli arkadaşlar vardır belki aramızda. Ne tavsiye edersiniz? Yani şuan istediğim komplike bir şey olunca nasıl, ne şekilde yazmam gerektiğini 5dakika internetten araştırdıktan sonra buluyorum ve bulunca da zaten bildiğim bir şey olduğunu farkediyorum.
Html/Css Kursunu nereden aldım? =https://www.freecodecamp.org/learn sitesinin "responsive web design" kursu
Hiç pratik yaptım mı? = Evet bu kursun sonunda 5 farklı proje yapmamızı istiyor. Ben henüz yeni başladım proje kısmına; fakat her projeden 3 çeşit yapmayı düşünüyorum elimin alışması için.
Örnek projen var mı? = Evet var aşağıya bıraktım linki (her projeden sonra güncelleniyor)
https://codepen.io/collection/AZvRGB?cursor=ZD0wJm89MSZwPTEmdj0zMDIzNzQ0
Edit: Yazılım dünyasına 26 Mayıs tarihinde giriş yaptım ve daha önce 1 gram tecrübem yoktu. Ona göre de tavsiyelerini alabilirim.
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye Ol Şimdi DeğilÜye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.
< Bu mesaj bu kişi tarafından değiştirildi The Management -- 13 Haziran 2020; 13:33:34 >