Web Components #1 | Web Components Temelleri | Web Components Nedir? Nasıl Kullanılır?

[@kablosuzkedi]

Merhabalar, Eğer sizde Vue, React, Angular frameworklerinin size sunmuş olduğu Component yapısından faydalanmak ama bunu yaparken de herhangi bir kütüphane ya da framework kullanmak istemiyorsanız işte bu ders tam size göre. Web Components, We API'nin bize sunmuş olduğu özelliklerden biridir. 2 videodan oluşacak bu eğitimin ilk videosunda Web Component'in ne olduğuna, nasıl kullanıldığına ve teknik olarak yapısına değineceğiz. Daha sonrasında teorik konuları geçtikten sonra; - kendimize ait componentlerin nasıl üretilebileceğine, - dinamik olarak bilgilerin nasıl aktarılabileceğine, - props mantığına - slot ve named slot kavramlarına - scope işlemlerine - lifecycle metodlarına detaylı bir şekilde bakacağız. Sonraki videoda ise bu öğrendiklerimizi daha da yukarı çıkartarak Movie App yapacağız. Kaynak Kodlara Erişmek için; github.com/gkandemi/web-components-fundamentals

[@emreerkan94]

Islanıyorum... öyle bi konu

[@kablosuzkedi]

ahaahhaa. yapmayın olm böyle şeyler :D :D :D

[@Mucahit410]

Şırıl şırıl oldum hocam valla altın gibi konular bunlar hemde Türkçe..

[@ErenOzer1]

hocam konuştukça eriyorum . çok iyi anlatıyonuz.

[@rsad4815]

Allah razi olsun hocam 2020-nin en guzel yanisiniz yemin ederim.

[@kablosuzkedi]

Ne güzel bir yorumdur bu :))) Teşekkür ederim :)

[@rsad4815]

@@kablosuzkedi güzel gününüz olsun. hocam saygılar.

[@MYmUmTT]

Bilgi paylaştıkça çoğalır ve paylaştıkça güzeldir, sesin titremeden aktardigin bilgiler için teşekkürler güzel insan.

[@YiğitCanBölükbaşı]

Hocam harikasınız emeğinize sağlık

[@cinarmurat]

Harika bir video olmuş. Harikasınız.

[@kadirbal]

Ellerine sağlık, anlatımın çok güzel ve anlaşılır. Vue videonu da izlemiştim yazılım bilimi kanalından, yeni teknolojileri sayende takip ediyorum. Bu arada the man from earth filmini tavsiye etmen Türkiye şartlarında bazı arkadaşlara ağır gelebilir :D

[@kablosuzkedi]

doğru olabilir :D :D :D ama güzel film :)

[@shiraziismailsoy3079]

Sabırsızlıkla bekliyoruz (y)

[@saidkorseir192]

Bir adamın her anlattığı mı güzel olur. Eline diline sağlık krall

[@ugurkerkez]

Süper nitelikli bilgi 👏👏👏

[@seyyidmuratcapanoglu2052]

Sen harika bir detaysın hocam

[@veli.adiguzel]

Framework yapmayı öğretiyorsunuz tebrikler..

[@akinaldemir5278]

tam böyle bir şey ararken.. zevkten dört köşeyim şuan sdfgjdlffdlfgl

[@melihbeder]

Kardeşim atribute değişikliğinin dinamik olarak ekrana yansıması eksik kalmış bir tek... Ama ikinci video muhtemelen bunu telafi edecektir diye düşünüyorum... Tamda yapmakta olduğum bir proje için bu konuyu araştırıyorum... Ufak tefek ama can alıcı birkaç konu bu video ile birlikte oturmuş oldu bende... Allah razı olsun... Konu seçimlerin çok iyi tebrikler!!!

[@kablosuzkedi]

2.videoda uygulamada bir çok şeyi yapacagiz. 2.video sonunda ödev veriyorum ondan sonra 3.videoyu çekecegim hemen. Orada da Custom Event konusuna değineceğim. Orada Attribute Change konusuna da değinebiliriz :)

[@gor2em]

tam uyuyacaktım karşıma çıktın harika bir kanala benziyor

[@kablosuzkedi]

Hoşgeldin dostum :)

[@gor2em]

kablosuzkedi teşekkürler😂

[@DreamyBabesTv]

Harika içerik olmuş abi, ağzına sağlık çok teşekkür ederiz. İyi ki varsın..

[@ekberquliyev2891]

Tesekkurler hocam. Sizi cok seviyoruz. Azerbaycandan selamlar. Benim gibi bicok insana yardim etdiyiniz icin cok tesekkur ederiz. Ayrica birden kendimi yorum yazarken buldum bu ayri bisey aslinda ben bakip kecerim cok seye. Ancak size ayri bi sevgi sayqi duyariz. Tesekkurler hocam.

[@sporthistorystat]

hocam çok heyecanlandım şuan :D npm'e bununla ne componentler publish edilir

[@mustafasahin7867]

abi nuxtjs ve firebase kullanarak baştan sona kapsamlı bir proje yapabilir misin. ben udemy kursunu bitirdim ama her şey parça parça. Kapsamlı bir tek video yapabilir misin?

[@ertugrulsenceruzun9772]

Yabancı kaynak bile bulamadım lütfen devamı gelsin Gökhan abii

[@cagataykaydr8019]

özlemişimm

[@guliyevravan]

Teşekkürler 😘 Bu özellikler yenimi? Tüm browser'larda çalışıyor mu?

[@developer-6473]

Really Thanks to @Traversy Media for the inspiration of the presentation. metni'ni en sona değilde en başa koyarsan iyi olur.

[@kablosuzkedi]

Koyamam çünkü en baş SEO tarafından okunuyor. Yoksa ben de biliyorum koymayi dostum.

[@MsKocagoz]

Güzel yakalama, tebrikler

[@eyupcelik6046]

klavye sesine bayılan tek ben miyim? çok iyi bir klavye

[@kablosuzkedi]

:D :D :D

[@batuhanbozatogrul5416]

Abi çok iyi

[@sabenotuzbir4303]

abi bende webm project foundation components diye bişey var programlar ve özellikler kısmında kaldır bölümü varya orada ben bunu yükelemedim bilgisayarın kendi uygulamasımı

[@borakayalar]

Gerçekten cok cahilmisim hep duydugum ama zordur diye kacindigim bir konuydu dunyam degisti cooook teşekkürler

[@akif_akdemir]

PHP siteye Steam kullanıcı id lerini, arkadaşlarını, oyun listesini ve kaç saat oynadığı gibi verileri çekebilir miyiz ?

[@ertugrulsenceruzun9772]

Hocam serinin devamı gelsin lütfeeen

[@musakurtgoz4247]

codeigniter 4 egitimleri düşünüyormusunuz

[@emirhankd9435]

Abi ben kütüphane olaylarnı bilmiyorum ama queryselector falan yazdın jquery kütühanesini mi kullandın bu çalışmada

[@kablosuzkedi]

Sadece JavaScript dostum

[@slmatc]

Tamam

[@forgeteverythingelse]

script'i body tag'in bitişinin hemen önüne koymuşsun zaten, ayrıca defer kullanmanın amacı nedir?

[@kablosuzkedi]

Alışkanlık. Zaten orada da diyorum. Uygulamada birden fazla script ekliyoruz ondan mütevellit. Sen kaldırabilirsin.

[@ozqurozalp]

deferi kaldırıp dene birde ekleyip dene render işleminde bir fark göreceksin

[@yusufakkurt2308]

Laravel eğitimi çekmeyi düşünüyor musunuz ?

[@kablosuzkedi]

Hayir dostum maalesef düşünmüyorum :(

[@erdincgc2]

Neden React, Vue gibi bir alternatifi kullanmamalıyız da bunu kullanmalıyız ben orasını yakalayamadım.Şu sıralar flutter ile ilgileniyorum sadece ve sürekli yeni birşey öğrenmekten yoruldum açıkçası. Yok mu bu geminin bir ayarı :)

[@kablosuzkedi]

Kullanmamalısınız gibi bir idda bulunan arkadaşın yanindan hemen uzaklaşın lütfen!!!! :) Öyle bir şey söylemiyorum. Ya kullanamıyorsan ve Component yapısı yine de yapmak istiyorsan?. Ya da kendi JS framework'ünü yazmaya başlamışsındır; component yapısını yapacaksındır? İşte bu arkadaş onu sağlıyor :)

[@aksoft]

hocam sana mail atmıstım woocommerce ve pazaryeri apileriyle ilgili böyle bir video cekersen çok güzel olur. teşekkürler

[@kablosuzkedi]

Wordpress ve türevleri ile ilgili bilgim yok maalesef. Olmasını da istemiyorum açıkçası :) tavsiyem kendiniz kodlayın.

[@aksoft]

@@kablosuzkedi Sizin codeigniter videolarından bakarak Kendim kodluyorum zaten. Soruyu anlatamadım aslında.. Mailde uzun yazmıstın. Woocommerceden veri çekecek yönetim paneli yazdım ama eksikleri var baya 😰

[@m.oguzdogu5807]

Hocam merhaba lütfen rica ediyorum, udemy de yayınladığınız php blog scriptinin saylama yöntemi için bir şey yapın, video falan çekin veya kodları yükleyin, bir türlü çözemedim bu sorunu... Yardım ederseniz çok sevinirim

[@kablosuzkedi]

Udemy de benim yayınladığım blog scripti eğitimi yok ki

[@m.oguzdogu5807]

@@kablosuzkedi yanılıyorsunuz galiba hocam :) vidobu eğitim tarafından yayınlanmış eğitimini var

[@m.oguzdogu5807]

www.udemy.com/course/php-ile-blog-scripti-yapm/ buyurun hocam bu da linki

[@kablosuzkedi]

İlk olarak o eğitimden haberim yok yani yayınlandığından. Diğer bir konu ise ben oldukça titiz bir insanımdır bu kanalda ve benim Udemy eğitimlerimde görebilirsin bunu. Pagination yok diye herhangi bir eğitime 1 yıldız vermeyin lütfen. Eğitimin amacı pagination değil. Tabi en önemli konu vidobu eğitimlerini çekerken tamamen kendimden uzak bir şekilde eğitimlerim hazırlatıldı maalesef. Bu konu da var. Bilmeden yorum yapmamak lazım. O eğitime pagination eklemem imkansız. Fakat tayfun olsun başka başka eğitmenler olsun pagination dersi çekmişti onu entegre edebilirsiniz.

[@m.oguzdogu5807]

@@kablosuzkedi merhaba hocam, haklısınız... İlk başta ne yalan söyleyeyim 5 yıldız verdim, kursu bitirdikten sonra bu durumu fark edince sinirlendim 1 e düşürdüm. Ama siz yazdıktan sonra, vermiş olduğunuz ilgiden dolayı tekrardan 4 puana çıkardım, demek ki sistem halen daha güncellemediği için 1 yıldız olarak gözükmüş... Bu konudaki hassasiyetinizi tahmin ederek özür diliyorum...

[@4962-s1p]

Amma velakin.

[@ruzgarmehmet8364]

Armağan Amcalar dediki "web components'i öğrenmek için ayırdığınız milisaniyeye yazık".

[@HarunDemir]

Yaw o adamda her şeye bok atıyor. Böle tiplere kıl oluyorum. Tamam bilgin olabilir. O zaman sebebini de söliceksin. Bizde öğrenelim. Sebebini söylemiyorsa yaptığı şey artislikten öteye geçmemiş oluyor.

[@OyunDestesi]

Bunlar en son öğrenilmesi gereken şeyler ama kendi framework'ünü yazabilmek için bunlara hakim olmak gerekiyor.

[@huzeyfetas]

Hocam iletişim bilgisi aradım ama göremedim onun için sorumu buradan soruyorum. Projeyi benzer bir şekilde geliştirip kendi github profilimde paylaşabilir miyim ?

[@kablosuzkedi]

Tabi ki. Github üzerinden forklayıp ilerleyebilirsin de :) bu şekilde yaparsan bana da katkı sağlamış olursun. Sonuçta bu eğitimler faydalanmak isteyenler için :)