Bootstrap 5 : Ders 1 : Nedir, Neden, Nasıl ? NAVBAR, Döküman Kullanımı, Yaptım Olmadı Karmaşası

Merhaba Arkadaşlar,
Bootstrap 5 derslerine hoşgeldiniz.
Bu dersleri serimizde dünyanın en çok kullanılan HTML - CSS - JS çatısı olan Bootstrap üzerine konuşacağız. Proje tabanlı bir kurs olacak ve terik Bootstrap 5 bilgisinin yanında gerçek yaşam uygulaması yapacağız.
Starter Template: drive.google.c...
GitHub: github.com/Ari...
Bootstrap 5 : getbootstrap.com/
Bootstrap 5 Icons: icons.getboots...
Unsplash : unsplash.com/
Arin Yazılım: / arinyazilim
Konu Başlıkları:
Bootstrap 5 Nedir? Neden Bootstrap 5?
Bootstrap 5 Izgara Yapısı
Bootstrap 5 Flex Yapısı
Bootstrap 5 Yenilikler
Bootstrap 5 Satır ve Sütun Kavramı
Bootstrap 5 Responsive Navbar
Bootstrap 5 Icons
Bootstrap 5 Renk Sınıfları
Bootstrap 5 Modal Yapısı
Bootstrap 5 Collapse
Bootstrap 5 Akordiyon Yapısı
Bootstrap 5 Formlar
Bootstrap 5 ScrollSpy
Bootstrap 5 Kart Yapısı
Bootstrap 5 Butonlar
Ve çok daha fazlası..
Email: arinyazılı[e-mail]
Twitter: ArinSoft

[@fikretakbass]

Hayırların Fethi, Belaların def'i, daha fazla eğitim videosunun gelmesi, arin yazılımın daha da büyümesi bilhassa hocamızın emeklerine karşılık Allah Rızası için yapılan yorumdur. Hayırlı işler hocam. Otobüste metroda tabletten izleyip akşam gelip uyguluyorum. Harikasınız.

[@hakanbozkurt3698]

Udemy ve BTK akademi platformlarında aldığım kurslarda bu şekilde açıklayıcı, net ve bootstrap'ın ne olduğu, ne için kullanıldığı gibi v.b. konulara değinmeden, göstermeden kurslar düzenlemişler. Arin yazılım ile karşılaşmamış olsaydım bootstrap'ı rafa kaldıracaktım. Arin yazılım'a yürekten teşekkür ediyorum. İyi ki varsın🫶

[@ArinYazilim]

Merhaba Hakan, yorumun çok motive edici teşekkür ederim.

[@Cesko_]

Kalite her zaman kalitedir zaman mekan tanımaz,, teşekkürler gürcan hocam :)

[@ArinYazilim]

Solasın hocam, çok teşekkür ederim yorum için.

[@Satisfyy]

Hocam anlatım tarzınız Türkiye' de bir tane. Cidden değeriniz paha biçilemez biz öğrenciler için nadir elmaslardan birisiniz sizi çok seviyorum.

[@resulbt]

2 gündür ml-auto ile nav'ı sağa atmaya çalışıyordum aşırı moralim bozulmuştu. sizin sayenizde öğrendim anlatımınız gerçekten çok güzel emeğinize sağlık ALLAH razı olsun

[@amrahrahmanoff9719]

Bir çok video izledim de,bu kadar bana iyi gelen anlatilir olan bir videoya rastlamadim ,hakketen iyi anlatiyorsunuz hocam teşekkürler .

[@amrahrahmanoff9719]

Hocam bu proje gitde var ?

[@amrahrahmanoff9719]

Varsa linkin atarsiniz zahmet olmazsa..

[@sweb-h6c]

Bu seriyi de zevkle takibe başladım. Bootstrap derslerini daha önceden de başka kaynaklardan izledim ama ilk defa mantığı oturdu. Hocama teşekkürler.

[@ArinYazilim]

Saolasın Ramazan.

[@mehmetkule5688]

Bu kanalı keşfeden arkadaşlar ne kadar şanslı olduklarını umarım farkına varırlar :)

[@ArinYazilim]

Saolasın Mehmet :D

[@lord.ch4os]

Güzel anlatım sesinize sağlık

[@zekeriyamutlu]

hocam teşekkürler...işin mantığını öğretme yaklaşımınızdan dolayı.... Gerçekten balık tutmayı öğretiyorsunuz...

[@salihumut8657]

hocam harikasınız çok teşekkürler

[@ziya4011]

Ağzınıza sağlık mükemmel anlatım.Teşekkürler

[@accipiter]

Hocam süpersiniz

[@bilgisayartekno4204]

Ağzınıza sağlık hocam çok güzel anlatımınız var...

[@ArinYazilim]

Saolasın hocam.

[@ferhatgul4338]

Teşekkürler hocam, ağzınıza sağlık gerçekten çok faydalı oluyorsunuz..

[@nazmmarul1398]

Hocam videoyu bitirdim. Her şey güzel ilerliyor. Dediğiniz gibi ayrıntılı anlatmanız çok daha iyi olmuş umarım diğer videolarda da bu kadar ayrıntılı anlatıyorsunuzdur. Elinize sağlık.

[@ArinYazilim]

Umarım anlatıyorsunuzdur... Yorum da süpermiş, umarım siz de yeterli desteği gösterirsiniz.

[@nazmmarul1398]

@@ArinYazilim hocam kötü anlamda söylemedim.

[@ertugrulsoganc7939]

Hocam siz gerçekten bu işte çok iyisiniz inşallah daha iyi yerlere gelirsiniz

[@vedataydnkaya1588]

hocam çok renkli bir kişiliğiniz var anlatımınız çok başarılı sizi geç tanıdığım için pişmanım

[@erkan1725]

Teşekkürler hocam :)

[@Sadiqov091]

Merhabalar hocam, sizi yeni keşf ettim ve severek izleyeceğim. Öğretme üslubunuz çok iyi ve bunun için minnettarım!

[@mustafabayar8720]

Hocam öncelikle ağzınıza ve emeğinize sağlık. Ders anlatımınıza gerçekten hayran kaldım. Neye nasıl yaklaşacağımızı etkili bir şekilde anlatmaya çalışmanız beni gerçekten mutlu etti. İyi çalışmalar

[@ArinYazilim]

Saolasın Gözüm, kolaylıklar diliyorum.

[@huseyinaydn222]

Hocam harikasınız. Hakkınız ödenmez gerçekten. Balık tutmayı öğretmek herkesin yapmadığı birşey. Çok teşekkürler her şey için.

[@sayginsaygin7497]

supersiniz beyfendi emeğinize sağlık

[@tayfunyazici_]

Çok güncelsiniz 😍

[@ArinYazilim]

Ehh öyleyimdir biraz :D

[@KamilovAqil]

heqiqeten supersiniz hocam. Sizi Azerbaycandan izliyorum mukemmel bir oneri. Tum Universite arkadaslarima onerdim..

[@ArinYazilim]

Yorum için çok teşekkür ederim.

[@Esra-ln6rj]

Çok yararlı bir ders olmuş Hocam. Teşekkürler.

[@tuna8896]

hocam Allah razı olsun iyiki varsınız

[@ArinYazilim]

Saolasın Tunacım, mutlu yıllar diliyorum sana bu arada :)

[@tuna8896]

@@ArinYazilim teşekkürler hocam sizinde :)

[@muzafferkarakan]

Teşekkürler Gürcan hocam 👍

[@ArinYazilim]

Saolasın Muzaffer

[@muzafferkarakan]

@@ArinYazilim Rica ederim Gürcan hocam :)

[@ferhatsunaycansev106]

elinize sağlık hocam : )

[@ArinYazilim]

Saolasın Ferhat.

[@emrahkoksal5802]

hocam çok teşekkür ederiz elinize sağlık sizi seviyoruz

[@ArinYazilim]

Saolasın Emrah.

[@kenansari]

Tesekkurler hocam. Ellerinize saglik.

[@ArinYazilim]

Saolasın Kenancım.

[@3.2.1tvgamex8]

hocam çok kral adamsınız ya

[@ArinYazilim]

Saolaın dostum.

[@FurkansChannelYT]

Bootsrap i hiç bilmeyen birisi için ilk başlarda bahsettiğiniz "sıkıcı anlatım" noktasında büyük oranda haklısınız Hocam ama Bootsrap in syntax'dan bahsedilse daha anlaşılır olurdu diye düşünüyorum. Yani en başta kendim öğrenirken yaşadığım süreci düşününce bu kanıya vardım. Tabi ben daha önce birçok video izlediğim için anlatımınız bana gayet iyi geldi🤗

[@suvarimusic8278]

Uğurlar Hocam

[@ArinYazilim]

Size de efendim.

[@yukselbey913]

Hocam projeler ile dersleriniz için çok çok teşekkürler. Çok iyi anlatıyorsunuz. Aynen dediğiniz gibi bu dersi projesiz yapsanız bir süre sonra sıkılırız. Proje ile herşey daha kalıcı ve daha öğretici. Bir şey eklemek istedim. Hers ders sonunda bizlere github a push etseniz böylece onuda öğreniriz

[@ArinYazilim]

Merhaba Yüksel, yorum için teşekkürler. Ayrı bir GitHUB dersi var zaten. Her ders sonunda yaptığım sadece "git push" yazmak.

[@yukselbey913]

@@ArinYazilim Gördüm Hocam. Çok Teşekkürler. Bulunduğum yerde Her şeyi github a push etmeyi yapıyorlar. ( Hocam sözüm yanlış anlaşılmasın. Derslerin kodunu Github dan indirmek için demiyorum zaten o zaman dersin bir faydası olmaz insanlar yaparak öğreniyor ben bir öğretmenim bunu çok iyi biliyorum yaptığını ya da yaparak anlattığını çok iyi öğreniyor insan izleyerek anlasa bile unutuyor. Ben github öğrenmeye çalıştığımda yaptım push ettim pull ettim değişiklik yaptım fakat sonra unuttum yani yapmaya yapmaya. ama sizin dersinizi izlerken her ders sonunda siz bizim için yaparsanız biz de sizle birlikte yaparız kendi Github hesabımızda bizim için pratik olur diye düşündüm emekleriniz için çok teşekkürler gerçekten çok iyi anlatıyorsunuz)

[@ArinYazilim]

Hocam zaten GitHUB'a gönderiyoruz kodları. Ayrıca sadece GitHUB dersi de var. Sizin söylediğiniz gibi yapsak her ders için ayrı bir GitHub yüklemesi gösterilmesi gerekir ki, anlamsız. Unutuyorum dediğiniz şey 3 komut. 1 - "git add" . 2 - "git commit -m" 3 - "git push" bu kadar.

[@yukselbey913]

@@ArinYazilim Tamam Teşekkürler

[@yukselbey913]

@@ArinYazilim Derslerden sonra aynen dediginiz gibi direk add . commit commentd and push etmek. Boylece kalici oluyor.

[@sonaykaraaslan1114]

kafada oturtan eğitim

[@fatihyasinsonduren9074]

çok teşekkürler hocam mantığını kavratarak başka eğitimleriniz var mıdır hocam

[@Bilalabc3]

hocam ne zaman 22.2k oldunuz:) insallah 1m olursunuz.💖💖

[@ArinYazilim]

Valla Bilalcim aslına bakarsan beklediğimden çok daha yavaş :(((

[@hcelebioglu]

Merhabalar, öncelikle eğitim için teşekkür ediyorum, bootstrap sitesindeki navbar kodlarını VS ya aldığımda dropdown menu kısmı çalışmıyor, nedenini bilebilecek olan var mıdır ? Şimdiden teşekkür ederim

[@sayginsarioglu1396]

Hocam navbarin icindeki yazilari nasil değiştiricez

[@LittleChefsAdventures]

merhaba hocam bu seriye baslyan biri bootstrap 4 serisini izlemelimi?ve tesekkurler hocam react js serinizi izledikden sonra vanilla js ile tum problemlerim aradan kalkdi. Kod yazma gozum acildi soylesem dogru olur sanki react js-de anlatimla kendim dusunerek kod urete biliyorm artik ne kadar tesekkur etsem az. React serisini bitirdikden sonra uzerinde calisma firsatim olmadi. Onunda uzerine calisdikdan sonra geri donus edecem bi daha tesekkurler hocam

[@azizklassen1014]

Güncel.

[@CemilPars]

hocam jupiter notebboka entegre oluyormu

[@blixfer]

live server eklentisi başka bir dosyayı açıyor, çözümü nedir bunun?

[@biografiker3281]

hocam merhaba. header divi neden önemli ya da ne işe yarıyor? denemek için header olmadan yapıştırdım sanki fark yok gibi? işlevi nedir headerin? olmaz ise ne olur?

[@ArinYazilim]

Çok güzel Google soruları olmuş :DDD Header kodumuzun daha semantic yani daha anlamlı olmasını sağlar. Örneğin section ya da footer yazmasak da olur, ancak yazdığımız zaman kodumuz daha okunur hale gelir. Daha fazlası için:developer.mozilla.org/en-US/docs/Web/HTML/Element/header

[@biografiker3281]

@@ArinYazilim ayıp ettiniz hocam ne zaman isterseniz başlarız : header nedir? header nerelerde kullanılır? boostrap nedir yenilir mi? boostrap orucu bozar mı? sokağa çıkma kısıtlamaları saat kaçta başlıyor? öyle bir poz verdi ki. doktor bu ne? :P :P

[@emrullahgngr]

Hocam bu dersler bootstrap 5 olmamış, sıfırdan bootstrap +bootstrap 5 olmuş. Elinize sağlık

[@ArinYazilim]

Valla tutamıyorum kendimi çok konuşuyorum :)))

[@emrullahgngr]

@@ArinYazilim konuşun hocam konuşun bol bol konuşun

[@gulsummaslak9753]

ben projemin bir kısmında bootstrap kullansam oluyor mu. menu kısmında bootstrap kullanmak istemiyorum dığer kısımlarda kullanmak istiyorum.yada sadece col yapısını kullanmak istiyorum mobil uyum için. arama motorları için nasil olur ve site hizını nasıl etkiler

[@ArinYazilim]

Merhaba, bu durumda hiç bootstrap kullanmaya gerek yok, flex yapısına bakının bir kaç satır ile "kendi .col" yapınızı oluşturabilirsiniz.

[@gulsummaslak9753]

@@ArinYazilim Flex ile yapmistim istediğim gibi olmadı. O yüzden bootstrap denemek istiyorum ama bütün projeyi bootstrap oluşturmak istemiyorum gerektiği kadar kullanmak istiyorum. Bu bir kodlama hatası olurmu

[@keyholderofpurgatory]

yaptım olmadı karmaşası sldşgöawşla çok iyi başlık

[@GANDI1902]

Hocam bende open with live server çıkmıyor ne yapmalıyım

[@myuzugullu]

live server eklentisini kurdun mu

[@meliht7884]

Hocam hayırlı günler. Ben 2 gün önce b5'i denedim lakin Firefox'da hizalama sıkıntıları var gibi. Özellikle button'ların content'lerinde

[@ArinYazilim]

O tarz sorunlar her zaman vardı ve olacaktır. Mecbur bu tarz sorunları kendi CSS ile çözeceğiz.

[@erenatak1131]

hocam profesyonel web tasarımı ile ilgili 2. bir seri çeker misiniz

[@ArinYazilim]

Merhaba Eren, maalesef çekmeyeceğim, gerek yok çünkü.

[@bergb.4938]

Merhaba, ilk once yaptiginiz ucretsiz hizmetinizden yararlananlarin adina size minnetdarligi dile getirmek istiyorum. Soracagim soru pythonla ilgilidir. Derslerinizden yaralaniyorum fakat indirdigim vizual studiada bazi fonksyonlar yok.Ornegin Dir, len be baska. Fonkyonlari nasil olustura bilirim. Cevaplamaginizi umud ediyorum. Azerbaycandan saygilar.

[@ArinYazilim]

Merhaba Berg, sanırım kod tamamlamadan bahsediyorsunuz. Şu postu inceleyiniz: docs.microsoft.com/tr-tr/visualstudio/python/editing-python-code-in-visual-studio?view=vs-2019

[@saboornazarov7685]

Hocam Tekrar Sıfırdan Kodları Yazdım Hata Bendeymiş Hocam.

[@edanurkulac2660]

31:46

[@muhsin1279]

Ya sen nasıl bir kralsın ya daşşaklarına titanium yetmez.

[@ilknurdayanc4244]

Hocam cok tesekkurler emeginize saglik.