Bunun için JavaScript'e gerek yok

Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
🎉🎉 Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
www.youtube.co...
⚡ Prototurk'u diğer platformlarda takip etmek isterseniz:
⭕ / prototurkcom
⭕ / prototurk.official
⭕ t.me/prototurk
⭕ / tayfunerbilen

[@PROTOTURKCOM]

biri kod mu dedi? kod ve demo icin codepen linki: codepen.io/tayfunerbilen/pen/PogQKLO

[@kenansari]

37:57 valla ne kadar ovunseniz yeridir kimse azini acip iki laf soyleyemez, cunku siz yaptigi isi seven ustunede bundan ekmek kazanan guzel bir insansiniz.

[@borakayalar]

Üstat mı desem usta mı desem, ama hayranlıkla izliyorum içeriklerdeki codding'in bu kadar mı omurilikten olur ve kod yazılır. Gerçekten kocaman tebrikler ve emeğine sağlık ve ayırdığın vakit için ufuk açtığın için sana sonsuz teşekkür kıymeti bilinesi insansın. Senden o kadar çok şey öğrendim ve faydalandım ki "kazandığım parada hakkın var" fiziki tanışmak çok isterdim keşke aynı mahallerde yaşıyor olsa idik

[@dogupekgoz]

logo harika olmuş çok modern duruyor, ayrıca videolardaki düşünme kısmını kesmemen çok iyi oluyor ufuk açıyor. emeğine sağlık abi

[@gle_bt233]

Abi her videonda birsürü şey öğreniyorum. Çünkü videoda yapmacık değil gerçek bir coder gibi davranıyorsun. Özellikle kodları açıklaman özelliklerini açığa çıkarıp bize de iyice anlatman çok faydalı oluyor. Başarıların daim olsun.

[@FarukSavur]

Abi logo çok güzel olmuş, ilk gördüğüm andan itibaren dikkatimi çekiyor. Çizen kişinin eline sağlık sana da uğur getirsin 🎉

[@emir.siriner]

Eline emeğine sağlık güzel kardeşim benim. Yine ve yine süper bir paylaşım olmuş, neredeyse CSS konularını tamamen anlatmışsın gibi harika bir içerik olmuş. Çalışmalarının ve başarılarının devamını diliyorum. Seviliyorsun... Selamlar... (Bu arada Logo 10 numara, yapan arkadaşın emeğine sağlık)

[@srqyqlzd05]

Yine senin sayende çok güzel, yeni, faydalı bilgiler öğrendim. Sana ne kadar teşekkür etsem az. Gerçekten çok teşekkürler Tayfun abim

[@Oguzhan.ARSLAN]

Ellerine sağlık. Akıcı bir anlatım olmuş. İzlerken sıkılmadım ve bilgilendirici olduğu için de çok mutlu oldum.

[@farukakpnar2265]

Çok akıcı keyifli olmuş, front-end alanında hiç bilgim yok, öğrenecek olsaydım senin gibi derinlemesine bilmeyi çok isterdim. Başarılarının devamı için sağlık sıhhat diliyorum.

[@nuraysegnc]

bu tarz videoları çok seviyorum. kesinlikle devam etmeli

[@hamzatahababa255]

Çok güzel bir içerikti yine. Teşekkür ediyorum.

[@nurullahkilic]

Kolay gelsin abi başarılar 😅

[@hamzatahababa255]

@@nurullahkilic hacı biraz yardım yavvv

[@nurullahkilic]

@@hamzatahababa255 çok doğru yerdesin abi. ben de burdan başladım. yine dönüp dolaştığım yer burası.

[@Abdulkadir-sp5ze]

Tayfun abi videolara devam et çok aydınlatıcı oluyor,şu an çok aktif bir şekilde video atıyorsun , mükemmel içerikler

[@iskenderhalisoglu]

Ağzına sağlık hocam. Logo çok hoşuma gitti.

[@borakayalar]

Logo süper üstat yapanın eline emeğine sağlık, hikayesini de bekliyorum gayet güzel ve manga style olmuş

[@gorkemqiral]

Ellerinize sağlık yine muazzam bir video. Ayrıca logolu tshirt gözümden kaçmadı çok güzel duruyor.

[@rdvandasdemir9993]

Üniversite yıllarımdan beri takipdeyim kardeşim, sayende bir çok şeyi rahatlıkla kavrayabiliyoruz. Emeğine sağlık 🖐️

[@fazldemir157]

emeginize saglik her zamanki gibi mukkemel bir icerik olmus

[@ugur_aziz_altun]

ardı ardına aynı tür değilde farklı farklı içerikler üretilmesi süper bir şey bizleride sıkmıyor ve baymıyor teşekkürler bu süper faydalı içeriğin için :)

[@vatan2578]

Canına, yüreğine sağlık.

[@ellawhitestone]

Offff Tayfun Abiiii. Çok özlemişim senin HTML CSS videolarını 😂. Çok güzelllll. Nostalji gibi oldu :) Teşekkürler

[@yasinatesim]

Abi 11:30 da "collapse" kelimesini hatırlamaya çalışıyorsun gibi 😄 Harika bir ders olmuş, logo da muhteşem. Eline sağlık 🫶

[@cbilgicer]

Harika. Ellerine sağlık...

[@KaraNoyan99]

Yeni logo çok güzel olmuş kod yazarken sanat icra eden Tayfun Erbilen'e yakışmış :D

[@huseyinqasimov8992]

cok iyisin abi

[@haume]

abi sonunda ya tayfun abim sonunda bol bol video atıyo :d

[@emrgcmnn]

çok başaralı bilgilendirici bir video olmuş eline emeğine sağlık.

[@ibadullahdongel1320]

Bu tarz videoların daha fazla gelmesini istiyorum. Emeğine sağlık.

[@emrahkilic23]

eline sağlık çok güzel içerikler üretiyorsun hep beğenerek izlerim

[@gurkan_erten]

Harika olmuş ellerine emeğine sağlık süpersin maşallah hocam 👍🏼🙂

[@galaktik.gizemler]

Bu adam yapıyor ya

[@fmsancak7047]

Emeğinize sağlık.

[@BekirErsoy05]

Hayranlıkla izledim güzel ve başarılı işe yarayaıcı bir video abim saolasın başarılarının dewamını diliyorum.

[@burhan_ccan]

çok güzel bi örnek olmuş Tayfun Hocam elinize sağlık

[@saidyeter]

logoyu cok begendim, yapanin eline saglik

[@Rufiq-r9h]

Bu adam adam gibi adam. Sesi gelince Babam yine mi Tayfunu izliyorsun dediği adam 😂 Babam bile Sizden çok şey öğrendiğimi biliyor.

Gerçekten çok güzel oldu bu. Teşekkürler.

[@AlperGLR]

Sen benim de olduğu gibi çoğu kişinin öğretmenisin ellerine emeklerine sağlık

[@ibadullahdongel1320]

Yeni logonuz hayırlı olsun.

[@ismailatas8701]

çok güzek bir içerik teşekkürler tayfun

[@ibadullahdongel1320]

video için teşekkürler.

[@SeZeRCoMaK]

güzel ve eğlenceli bir ders olmuş ağzına sağlık tayfun

[@reality-mx]

Emeğinize sağlık hocam

[@eminazeroglu]

Ellerine saglik hocam. Guzel olmus 😉

[@vezironi_]

ellerine sağlık umarım böyle videolar hep devam eder.

[@oguzkurtcuoglu]

Eline, emeğine sağlık kral 🙏

[@ra_er]

Eline emeğine sağlık hocam. (Bedava olduğu için beğenip yorum yaptım.) :)

Eline koluna sağlık gardaşım

[@Mih7al8ga6zi]

Emeğinize sağlık

[@beycandeveloper]

Bir Tayfun Erbilen sözü derki: Neden olmasın?

[@yakupefeyildirim2138]

Abi sen gün geçtikçe gençleşiyosun inanılmaz resmen

[@MustafaKartal]

eline sağlık tayfun hocam.

[@aliyolalan]

Harikasın Tayfun Hocam :)

[@ozkan-celik]

Önceki logonun etkisi olumlu değildi. Maskotun sert bakışları, yüzünün yarısının kapalı olması, parmakla kaşısındakini işaret etmesi, arkadaki kan efektiyle yazılmış yazı ve agresif kırmızı renk kullanımı gibi bir dizi olumsuz özellik barındırıyordu. Yeni logoyu sevdim, hayırlı olusun.

[@alper6839]

Eline sağlık , frontend developer olarak senden çok şey öğrendim

[@Bainn3D]

Teşekkürler

[@omrksglu]

Eline sağlık ❤

[@Sorenstein-bv2fh]

hocam videolarınız çok kaliteli ❤

[@hikmatillorv8728]

super 👏👏🙌

[@aktifkopyalamamerkezi3495]

tayrun bey güzel olmuş elinize sağlık içine açılır menüler yapsak bu sistem java yazmadan olurmu olmaz mı ?

[@ErkanPur58]

eline sağlık güzel anlatım olmuş. Bu arada editör olarak hangisi programı kullanıyorsun?

[@PROTOTURKCOM]

Webstorm kullanıyorum

[@alieren4081]

DHTML :) Moda diye birşey var, eski kiyafetleri yiyecekler, yaşam tekrar başa sarıyor hep.. 1997 li yillarda DHTML ile taniştiğimda çok heyecanlanmıştım . FrontPage ve Dreamviewer ile NoCode yapardık şimdi Tekrar başa dönüyor hep herşey, NoCode toollar DHTML stilleri vb...

[@astrotmc7001]

tayfun hocam bir de bunu responsive yaparsanız ve responsive de bunun yanında nasıl yapılır anlatırsanız on numara olur

[@jikochi]

o zaman jülide olsun 🤣 şaka bir yana ben de böyle arada çok düşünüyorum 😂 video çok iyi olmuş eline sağlık. bu arada logo yakıyor 🔥

[@nepcen]

Hocam eline sağlık çok yararlı bir video olmuş. Yalnız küçük bir ricam olacak sizden. Bu tarz video çeken bir çok kanal masaüstü görünümde kodlayıp bırakıyor. Bence sizin bir farkınız olmalı ve bu tarz videolarınıza responsive kodlamayı da dahil etmelisiniz. Açıkçası mobil menüler geliştirmekte biraz zorlanıyorum 😄

[@aliceviz3820]

16:16 hocam burada owerflow hidden da kullanılabilir. Ben genelde de öyle kullanıyorum.

[@PROTOTURKCOM]

Overflow koyarsan küçüklüğünde çıkan tooltip görünmez bu sefer

[@ssvalerias7488]

Abi eline sağlık teşekkür ederim.

[@ParvaizZIAR]

Abi bir blog web app dahboard ile gelir mi? Nextjs prisma kullansak ve authentication kısmında role falan olsun biraz yeni tenknoloji ve iyi bir video gelsin mı? Birlikte öğreniyoruz video gibi’de olabilir

[@iamvusalalakbarov]

Öncelikle, logo çok güzel olmuş, hocam. Gerçekten de bir kurumsallık katmış, özellikle eskisiyle kıyasladığımız zaman. Bu aralar daha çok projeler yapmaya odaklanmaya çalışıyorum, ama bu tarz içerikleri gördükçe araya böyle küçük pratikler sıkıştırmanın da çok faydalı olacağını farkediyorum. Arada kalmış durumdayım, açıkçası. Var mı bir öneri? :)

[@PROTOTURKCOM]

keyfin neyi istiyorsa onu yap abi, sahsen ben oyle yapiyorum

[@heyitsbuddy]

Elinize saglik

[@artkonemiyok4107]

Abi ellerine sağlık harika bir içerik oldu bence. Bundan bir ton yeni başlangıç yapan gençler nasiplenecektir diye düşünüyorum. Bunca tecrübe edinmeme rağmen unuttuğum şeyleri bile senin videolarında görebiliyorum. Muhtemelen o primci herif bunu görünce mors olmuştur :) Benden sana büyük bir tavsiye abi, bu css ile js efektleri yapma içeriğini çoğalt. Tekrardan ellerine sağlık..

[@galip48]

kendi siteme ekleyeyim, elinize sağlık

[@SchwepsTV]

Herkesin sevdiği kahramanlar vardır, bizimkisi de sensin

[@enespoyraz6112]

Ellerine sağlık abim :)

[@mahmuthudaigol5298]

Abi bu arada artık display: none ile de transition özelliğini kullanabiliyoruz. 🎉 Ayrıca video ve logo da çok guzel olmuş

[@k2an]

Devam hocam :) eline sağlık

[@osmanglc]

Eline sağlık

[@OnatDibo]

abi şaka gibi artık basitleşmeye başlıyor bak önceki video da dark-light olayı vardı bu seri çok güzel bitmesin

[@borakayalar]

Yine mukemmeldi

[@yasermazlum]

Güzel içerik olmuş

[@saidyeter]

eline saglik kral

[@yusufutkurak1363]

Yeni videoların kalitesi çok arttı gerçekten :))

[@umitugur4653]

Logo başarılı dostum ben beğendim

[@sahin_ozden]

Sevgili Prototürk Erbilen; Sen html css js çek içerik ne olursa olsun izlerim. Çünkü neden olmasın? :) React Kullanmıyorum, ama hangi dili kulklanırsam kullanıyım html css içerikleri illaki kenarda bi kütüphane gibi duracak, lazım oldukça gelip bakılacak, yeni başlayanlara "bak önce html css le başla" diyip referans gösterilecek. PHP yi saldığın gibi bunu salma (konu niye buralara geldi yine :D ). Seviyoruz seni kral adam. Bu arada Thumblarda çığır açtın ha, içerikle alaksız thumb yapan youtuber olarak kalacaksın aklımda :D

[@terlanaliyevv0]

Efsanesin abim

[@doganerdogant2684]

Çok güzel. Sub menu de olsaydı keşke..

[@yusuff_4308]

CSS özlemiştik

[@Goat_Penald7]

Güzel içerik

[@mbabacanoglu]

ellerine sağlık

[@sondakikaborsa4741]

Merhaba bunu mesela bir wordpress sitesinde yan menü olarak nasıl ekleyebiriz? Widget gibi mesela

[@burakcavundur]

çok iyi

[@umitdemirci7394]

Abi zaten harddiskim gidip geliyor sürekli. Video başlangıçta yazanı gördüm bastım direk like a :D

[@SuOrucu]

Kardeşim bu olayları wordpress menüleri için bir eklenti gibi bişey yapsan ya wp siteleri javalarla başları dertte ve çok yavaşlatıyor siteleri sen bence bir eklenti yap ve onu yayınla

[@HazarNovruz]

👍👍👍👍👍👍👍👍

[@mblm45tz]

abi aman bilgisayar deme. gördüğüm zaman like atdım

[@umutgedik5710]

css'de iç içe class yazma scss özelliği değil mi? yeni mi geldi bu?

[@PROTOTURKCOM]

Evet kanalda videosu var bununla alakalı css nesting diye arayabilirsin

[@umutgedik5710]

@@PROTOTURKCOM Teşekkür ederim

[@wotex3562]

Selam css hakkında bir sorum olucak iletişim nerden kurabilirim acayip basit birşeyde hatta sizde videoda kullanıyorsunuz fakat kaynak bulamadım discord vs varmı?

[@emirhanbayram7621]

Selamun Aleyküm hocam size ulaşmak istiyorum ders anlatımınız çok iyi udemeniz mevcutmu birde dc adressiniz varmı sizinle iletişime geçmek isterimm

[@raincloverr8]

Bir şey soracaktım bilen dostlarım yardımcı olabilirse çok sevinirim: ben css'te bu özellikleri kullanmıyorum bir şey mi yüklemem veya güncellemem gerekiyor yardımcı olabilecek var m? macbook kullanıyorum

[@emrecandemir7108]

Yazılımcıların korkulu rüyası... İSİMLENDİRME! :D 11:00

[@tarlanimanov2550]

👍

[@ParvizVerdiyev]

❤