1 Videoda Css Grid Öğren! [Web Geliştirme]
ฝัง
- เผยแพร่เมื่อ 6 ก.พ. 2025
- Sadece 1 videoda oldukça popüler css özelliği olan css grid kullanımını detaylı bir şekilde öğreniyoruz.
120 saatten fazla içeriğe sahip piyasadaki en popüler web geliştirme kursu olan "Komple Uygulamalı Web Geliştirme" eğitimine katılarak hayalindeki web uygulamasını geliştirebilirsin!
Aşağıdaki linke tıkla ve kursu incele!
www.udemy.com/...
Ayrıcalıklardan yararlanmak için bu kanala katılın:
/ @sadik_turan
Kaynak kod:
drive.google.c...
Kanalıma abone olmak için tıklayınız.
www.youtube.co...
Discord grubu: / discord
Telegram grubu: t.me/sadiktura...
Tüm güncel kurslarım için sadikturan.com sayfamı ziyaret ederek indirim kuponlarından faydalanabilirsiniz.
Komple Uygulamalı Web Geliştirme Eğitimi
www.udemy.com/...
Python ile Sıfırdan İleri Seviye Python Programlama
www.udemy.com/...
Python Django ile Sıfırdan İleri Seviye Web Geliştirme
www.udemy.com/...
Sıfırdan İleri Seviye Modern Javascript Dersleri ES7+
www.udemy.com/...
Php ile Sıfırdan İleri Seviye Web Programlama Kursu
www.udemy.com/...
Asp.Net Core Mvc ile Sıfırdan İleri Seviye Web Programlama
www.udemy.com/...
Sıfırdan Uygulamalı React Geliştirme Kursu: Redux & Hooks
www.udemy.com/...
Angular 12 ile Sıfırdan İleri Seviye Web Geliştirme
www.udemy.com/...
.Net Core Web Api & Angular ile Proje Geliştirme Kursu
www.udemy.com/...
Bootstrap 5 ile Premium Web Tasarım Proje Geliştirme Kursu
www.udemy.com/...
Sıfırdan Uygulamalı SQL Veri Tabanı Dersleri: MySQL & MsSQL
www.udemy.com/...
E-Ticaret Kursu: Katmanlı Mimari ile Asp.net Mvc Dersleri
www.udemy.com/...
C# Programlama Eğitimi : En Baştan Adım Adım Öğren: www.udemy.com/...
Mobil Uygulama Kursu: Xamarin ile Android ve IOS Geliştirme
www.udemy.com/...
![1 Videoda Css Flexbox Öğren! [Web Geliştirme]](http://i.ytimg.com/vi/NnZ3qr6yXzU/mqdefault.jpg)
![1 Videoda Css Flexbox Öğren! [Web Geliştirme]](/img/tr.png)
Bootcamp de günlerdir anlayamadigim grid konusunu bu Video da bir saat 15 dakkikada cözdüm. Cok tessekkürler. Emeginize saglik.Tek kelimeyle MÜKEMMEL 😊
Cok mükemmel anlatmis. 1 oturusta 1 saat 16 dakika sonuna kadar izledim. Hocamizin hem sesi güzel , hemde düzgün ve bilgilendirici konusuyor. Habire arkadaslar , evet arkadaslar, ya da hmmm , hummm diye duraklayip duraklayip konusan ve bunun neticesinde dinlemekten sogutan , uyku getiren , can SIKAN hocalardan kesinlikle degil . Adam soluksuz su gibi anlatiyor. Ilk defa ögreniyorsaniz bu hocadan ögrenin derim. Emeginize saglik hocam. Hem Abone oldum, hem de Videolarinizi mutlaka indirecegim.(TH-camdan kaybolursa diye. )
Cok yararli bir video olmus emeginize saglik hocam.
Azerbaycandan Salamlar. Hocam o kadar mükemmel anlatdınız ki söylemeye kelimeler yetmez
çok güzel anlatılmış bir video. kesinlikle tam anlamıyla grid'i anlıyorsunuz.
videoyu ücretsiz bir şekilde ulaştırdığınız için teşekkür ederiz 🙏
Türkçe en iyi anlatıma sahip kaynaklardan biri, teşekkürler ⭐🙏
Bu videoda çok bisey ogrenemedim
felaket iyi bir video, efsane bir şey, teşekkür ederim :)
mükemmel bir anlatım olmuş ağzınıza ve emeğinize sağlık
abi sen müthiş bir adamsın ya eline koluna sağlıkk 🥰
yanii bu kadar mı güzel analatılır hocam o kadar çok faydanız oldu ki minnettarım....
gerçekten çok iyi geldi flex muhabbetinden sonra bu kadar detaylı ve sade bir anlatımla grid muhabbetini öğrenmiş olmak baya güzel oldu emeğinize sağlık.
canım hocam ya çok iyi anlatmış gerçekten
hocam öncelikle elinize emeğinize sağlık. çok teşekkür ederim. lakin responsive olayına biraz daha detaylı girseydiniz keşke. mesela bu mobil e küçüldüğünde kaybolan ve simge şeklinde çıkan menü uygulamasını basitçe grid sistemiyle birleştirip anlatsaydınız. o zaman çok daha kapsamlı bir çalışma olurdu kanımca. belki bunu da başka bir video fikri olarak ele alırsınız. Elinize, emeğinize sağlık....
Güzel ve sade anlatım için teşekkürler.
Oh be, dunya varmis. Emeğinize sağlık hocam.
Hocam sql + php(laravel) + python(dhango) ve Js yazıyorum ama gridde 2 tabloyu bir araya getiremiyordum 😂😂 çok sağolun ❤
Ilk izleyenim hadi bakalim grid tasarimini da guzelce ogrenelim 🥳🥳
Teşekkür ediyorum. Uzun ve bir azca karışık sistem olmasına rağmen çok basit ve anlaşıla bilen anlatmışsınız. Tanrı sizi korusun.
Harika içerik elinize sağlık
Teşekkürler😉
hocam harikasınız çok iyi öğrendim
Elinize sağlık güzel bir çalışma olmuş hocam
çok teşekkürler Sadık hocam. bütün html/css eğitimlerinizi tamamladım şimdi kapsamlı proje yapıp pekiştirip react a geçip frontend becerilerimi level atlatmaya devam edicem,sevgiler saygılar
Öncesinde bootstrap çalışmanızı tavsiye ederim. Ayrıca react öncesinde JavaScript şart. Başarılar
@@sadik_turan tamamdır hocam çok teşekkürler sıralama bootstrap --> JS --> React olsun o halde.
@@Swag-iwnl knk svelte bakmanı öneririm kolay gelsin
@@enes6735 teşekkürler
@@Swag-iwnl kanka şimdi hangi yerlerdesin,dediklerini öğrendin mi
Teşekkürler sadık hocam.
hocam çok teşekkürler çok faydasını gördüm
Emeğinize sağlık hocam
Hocam frontend mentora benzer onerebılecegınız bır sıte varmı html css pratıgı ıcın
hocam bu işin erbabı besbelli
justify content ve align content ile içerik ortalanmıyor
Header
Navigation
Content
Aside
Footer
display: flex;
justify-content: center;
align-items: center; bunları verince hem dikeyde hem yatayda ortalanıyor..
Arkaplanlar için background classları oluşturmaktansa nth-child olarak kullandığımız bölümlere arka plan eklesek olmaz mıydı? Elinize sağlık.
Displaya grid verdigimizde gap degil grid gap vermek gerekmezmi ?
Çok başarılı emeğiize sağlık.
Video için teşekkürler, işime yaradı. Bir sorum var. Sırf grid yapısını tasarlarken zaman kazanmak için tailwind ya da bootstrap öğrenmek mantıklı mı? Çünkü site tasarlarken diğer css özelliklerini kendim yazmayı düşünüyorum.
Teşekkürler hocam
emeginize saglik hocam
Ders efsane olmuş. Emeğine sağlık hocam.
Hocam süpersiniz. Emeğinize sağlık. Teşekkürler 🙂
Aynı değerleri giriyorum display:grid ve grid-template-columns kısmında hata veriyor. İnvalid property value yazıyor kolonları bölmüyor. Yardımcı olabilir misiniz?
hocam benim merak ettiğim şey şu bunların tüm özelliklerini ezberlemeli miyiz yoksa pratik yaptıkça gelişir mi zaten
sana lazım olan önemli kanka gerisi boş
Bence pratik yaptıkca gelişir.
Merhabalar, 120+ saat web geliştirme kursunuzu satın almak istiyorum. Biraz aradım fakat kupon kodunuzu bulamadım. Eğer varsa kupon kodunuzu bana yazabilir misiniz acaba ?
Düzenlenen kısım: İnternet sitenizi buldum. DEAL90 indirim kuponu yazıyor. Fakat girmeye çalıştığımda süresi geçmiş olduğundan bahsediyor. Kupon kodunu yenlieyebilir misiniz acaba ?
arkadaşlar küçük bir ödevim var yardımcı olabilecek biri varsa geridönüş yapabilir mi?
ödev şu c# ta listedeki elemanları veri tipine göre sınıflandıracak program...nasıl yapılabilir
-tablo eğil grid kullanmamızın sebebi responsive olması
teşekkürler .
Hocam ben framework ve kütüphaneler konusunda öyle bir çıkmazdayım ki anlatamam, yardım eder misiniz lütfen?
ben front end alanında kendimi geliştiriyorum HTML- CSS & JAVASCRİPT 'i biliyorum şimdi ne yapmalıyım kütüphane ve framework nedir BOOTSTRAP CSS kütüphanesi onu öğreneceğim sizin seriden zaten ancak JS'de JQUERY, REACT ve ANGULAR varmış bunlarla ilgili internette araştırma yapmama rağmen net bi cevaba ulaşamadım siz yardımcı olursanız gerçekten çok sevineceğim..
React öğren js de kendini iyi geliştirdiysen
@@_singledev react native mi yoksa sadece react mi?
@@esmanurertay react native mobile uygulama için öğrenmek gerekiyor. Android için kotlin veya ios Swift siz yazabilirsin react bilmeden native yazamazsın.
Acıkcası bende yeniyim ve yenı yeni react öğreniyorum. Vue veya angular yerine react seçme sebebim popüler olması
@@_singledev anladım
@@_singledev reactın öğrenme eğrisi sana göre nasıl. İlk başlarda çok mu zor. ben zaten javascript öğrenmem gerekiyor. Onun için öncelikle saf javascript dediğimiz vanilyajs öğrenmek istiyorum react dan önce. Sizin bana javascript öğrenmem için tavsiyeleriniz var mı?
Hocam sizce en mantıklı kullanım hangisidir ben youtube ana sayfasını yapmaya çalışırken display : inline-block kullandım zorlandigim yerlerde position : absolute kullandım. Bu gibi projelerde en mantıklı kullanım nedir hocam
Muhtemelen sayfayım bu yöntemlerle responsive e çevirirken zorlanmışsınızdır. Saydanon genel şablonunu en kolay grid yada flex ile yapabilirsiniz.
sadık abi okul için çok küçük bir program ödevim var yardımcı olur musun mesaj atsam nasıl yapacağımı bulamadım
sadikturan.com da discord ve telegram hesap linklerim var oradan yardım eden çıkacaktır
Hocam merhabalar, birkaç ay önce django eğitiminizdeki aws bölümünü yapmaya çalışırken birkaç env ve app açmıştım fakat sizin adımları harfiyen uygulamama rağmen projemi ayağa kaldıramadım. Ben de çok uğrşamadım ve olduğu gibi bıraktım ve düne kadar açmadım aws yi. Dün bi mail geldi ödeme alamadıklarına dair. Mart faturasına baktığım zaman ücretsiz hizmetlerin yanında bir de isteğe bağlı linüx eşgörünüm hizmeti olduğunu gördüm. Bir yanlışlık olduğunu düşünüyorum. 20 dolarlık mart faturası gelmiş. Bununla ilgili önerebileceğiniz birşey var mı?
Merhaba
Hizmeti aktif edip kullanmasanız bile çalışan bir hizmet olduğundan faturalandırmışlardır. Kesilen faturaya yapacak bir şey yok eğer kartınızdan çektiyse çekmediyse yurtdışı alışverişe kapatın kartı kesmez.
@@sadik_turan karttan ücret çekemedi daha, ben env leri sonlandırdım fakat kontrol panelinde hala aktif hizmet sayısı 3 görünüyor. Hesabı kapatacağım. Muhtemelen Nisan faturası da gelecek ay sonunda. Bunları ödemediğim takdirde, daha sonrasında faiziyle birlikte yüklü bir fatura gelme durumu, haciz vs gelme şansı var mı hocam?
selam aleküm .hocam özel ders veriyor musunuz?
Aleykümselam. Udemy kurslarımı inceleyebilirsiniz. Özel ders vermiyorum. Başarılar.
Bootstrap varken gerek var mı
Kesinlikle grid işleri kolaylaştırıyor.
@@sadik_turan Hocam sitemizde bootsrap kullanırsak saf css ye oranla bir yavaşlama meydana getirir mi?
Hocam birde css özelliklerimizi bootsrap frameworkü ile birlikte iç içe kullanabiliyor muyuz?
Bootsrap kendi değerlerinide katıyor. Mesela margin padding için +düzenleme yapmak lazım
sadık hocam saygılar.hepsiburada gibi büyük siteleri css olarak inceleme videosu çekerseniriz seviniriz .çok karmaşık yapılar incelerken zorlanıyoruz nasıl yapılmış anlayamıyoruz @Sadık Turan
ellerinize saglik