Web siteleri tamamı bootstrap ile mi yapılıyor?

Merhabalar Front-End developer olmak istiyorum. Bootstrap öğreneceğim. Web siteleri bootstrap ile hazır şekilde mi yapılıyor yoksa geliştirci hazır kod yazmadan mı siteyi tasarlıyor. Chrome F12 ile kodlara baktığım siteler bootstrap ile yapmış. ÖSYM sitesi kitapyurdu ve medical park siteleri bootstrap ile yapılmakta. Bootstrap kullanılmadan siteyi tasarlamak daha mı zor?

İşleri kolaylaştırır ama her zaman da kullanmak zorunda değilsiniz. Bazı durumlarda mantıksız da olabilir, bir tane class için kullanmaya gerek yok.

Daha zor değil, var olan bir şeyi tekrar yazmanın anlamı yok.

Bootstrap bir Framework. Bootstrap ile tasarlamak daha kolay evet. Fakat kullanmanız zorunlu değil. Bootstrap dışında Bulma'da tavsiye edebilirim.

Websitesi: Bulma: Free, open source, and modern CSS framework based on Flexbox

Front-End Develop kısmı sadece Bootstrap. MVC uygulamaları gibi Back-End-Develop kısımlara da aşina olmanız lazım.
Dipnot: Front End sormuşsunuz. Özür dilerim.

Çok çok kabaca anlatacak olursam sitede gördüğün her elementin bir tasarımı var, normal şartlarda siteye bir buton koyacaksan bunun rengini, şeklini, özelliklerini vs. tasarlaman gerekiyor ama bootstrapta zaten hazır birçok buton olduğu için kendin manuel hazırlamaktansa oradan bir buton alıp üstünde ufak düzenlemeler yapıp işini hızlandırıyorsun. Eğer yeni öğreniyorsanız tüm bu tasarım işlerini manuel yapmanız daha iyi olacaktır, nasıl yapıldığını iyice bilin ama gerektiğinde yapmakla uğraşmak yerine hazırını kullanın .

DjKedi dedi:

Çok çok kabaca anlatacak olursam sitede gördüğün her elementin bir tasarımı var, normal şartlarda siteye bir buton koyacaksan bunun rengini, şeklini, özelliklerini vs. tasarlaman gerekiyor ama bootstrapta zaten hazır birçok buton olduğu için kendin manuel hazırlamaktansa oradan bir buton alıp üstünde ufak düzenlemeler yapıp işini hızlandırıyorsun. Eğer yeni öğreniyorsanız tüm bu tasarım işlerini manuel yapmanız daha iyi olacaktır, nasıl yapıldığını iyice bilin ama gerektiğinde yapmakla uğraşmak yerine hazırını kullanın .

Genişletmek için tıkla...

HTML ve CSS biraz biliyorum. Bootstrap yeni öğreneceğim.

Yeniçocuk dedi:

HTML ve CSS biraz biliyorum. Bootstrap yeni öğreneceğim.

Genişletmek için tıkla...

HTML ve CSS bilgini güçlendir. Bootstrap yardımcı olacaktır, kendi sitesindeki örnekleri incelersen iyi olur. Mantığını kavrarsın.

Ecmel dedi:

HTML ve CSS bilgini güçlendir. Bootstrap yardımcı olacaktır, kendi sitesindeki örnekleri incelersen iyi olur. Mantığını kavrarsın.

Genişletmek için tıkla...

CSS kısmında flexbox yapısına kadar biliyorum. Responsive site yapamıyorum. Ben şimdi CSS bilgim için orta seviye CSS seviyesinde mi oluyorum. HTML kısmında bazı etiketlere hakimim. Form tasarlama, div, section vs bilgim var. Ekstra bilmem gereken HTML etiket var mı?

Yeniçocuk dedi:

CSS kısmında flexbox yapısına kadar biliyorum. Responsive site yapamıyorum. Ben şimdi CSS bilgim için orta seviye CSS seviyesinde mi oluyorum. HTML kısmında bazı etiketlere hakimim. Form tasarlama, div, section vs bilgim var. Ekstra bilmem gereken HTML etiket var mı?

Genişletmek için tıkla...

Şu anda görmeden yaptıklarını tam bir eleştirme yapmam doğru olmaz. Benim eleştirmem de ne kadar doğru olur bilmiyorum, tavsiye ve öneri verebilirim. Kendime Senior diyecek seviyeye gelmek için daha çok yıl çalışmam gerek.

İlerlemeniz güzel gidiyor. Responsive site yapmayı ve media queries öğrenmenizi tavsiye ederim. Günümüzde responsive olmayan siteyi isteyecek bir kişi dahi bulmanız imkansız diyebilirim. Bootstrap bu konuda size yardımcı olacaktır ama sadece kullanmak için kullanmayın. Mantığını kavrayın, yeri geldiği zaman bootstrap kullanmadan nasıl yapılacağını bilin. Kendinizi geliştirmeye devam etmenizi tavsiye ederim, proje geliştirmek yararınıza olacaktır.

Web alanında bana göre en iyi kendini geliştirme yöntemi: Bir web sitesini klonlamak. Örneğin Twitter gibi sitelerin klonlarını yapın, illa veri çekmesine gerek yok. Front End olarak birebir aynısını yapmaya çalışın. Bu şekilde kendinizi geliştirebilirsiniz.

Ecmel dedi:

Şu anda görmeden yaptıklarını tam bir eleştirme yapmam doğru olmaz. Benim eleştirmem de ne kadar doğru olur bilmiyorum, tavsiye ve öneri verebilirim. Kendime senior diyecek seviyeye gelmek için daha çok yıl çalışmam gerek.

İlerlemeniz güzel gidiyor. Responsive site yapmayı ve Media queries öğrenmenizi tavsiye ederim. Günümüzde responsive olmayan siteyi isteyecek bir kişi dahi bulmanız imkansız diyebilirim. Bootstrap bu konuda size yardımcı olacaktır ama sadece kullanmak için kullanmayın. Mantığını kavrayın, yeri geldiği zaman bootstrap kullanmadan nasıl yapılacağını bilin. Kendinizi geliştirmeye devam etmenizi tavsiye ederim, proje geliştirmek yararınıza olacaktır.

Web alanında bana göre en iyi kendini geliştirme yöntemi: Bir web sitesini klonlamak. Örneğin Twitter gibi sitelerin klonlarını yapın, illa veri çekmesine gerek yok. Front end olarak birebir aynısını yapmaya çalışın. Bu şekilde kendinizi geliştirebilirsiniz.

Genişletmek için tıkla...

Benzerlerini yapmaya çalışıyorum. Bu aralar biraz dinleniyorum. DGS ve staj yüzüne dinlenmeye vaktim yoktu. Genelde özel hastanelerin sitelerini yapmaya ve 1 tane model ajansının ana sayfanın footer hariç kısmını yaptım. Bu sayede önceden divleri hangi bölüm olduğunu karıştırıp ve float: Left ile yapıyordum. Şimdi section içinde div yapıp daha düzgün kod ve float: Left yerine display: Flex kullanıyorum. Bootstrap geçmeden önce responsive tasarımı ve mantığını öğreneceğim.