• Buradasın

    Web Geliştirme

    Özetteki ilgi çekici içerikler

    • HTML Formunda Giriş Alanlarını Zorunlu Hale Getirme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML formlarında giriş alanlarını zorunlu hale getirme konusunu adım adım göstermektedir. Video, HTML formlarında input alanlarının zorunlu hale getirilebileceğini açıklayarak başlıyor ve gerekli olan input türlerini (input text, input text area, input radio, input checkbox) belirtiyor. Ardından, Not Defteri kullanarak örnek formlar oluşturarak, "required" etiketi kullanarak text, text area, radio ve checkbox alanlarını zorunlu hale getirme sürecini gösteriyor. Her örnek için formun nasıl oluşturulduğu, gerekli etiketlerin nasıl ekleneceği ve tarayıcıda nasıl çalıştığı detaylı olarak anlatılıyor.

      • youtube.com

    • XAMPP ile WordPress Kurulumu ve Yayınlama Eğitimi

      Bu video, bir anlatıcı tarafından sunulan kapsamlı bir eğitim içeriğidir. Video, XAMPP programı kullanarak WordPress kurulumu ve web sitesinin hem lokal hem de internet ortamında ücretsiz yayınlanması sürecini adım adım göstermektedir. İçerik, XAMPP'in indirilmesi ve kurulumu ile başlayıp, IP adresi ve localhost kavramlarının açıklanması, WordPress'in indirilmesi ve XAMPP'in htdocs klasörüne yerleştirilmesi, PHPMyAdmin üzerinden veritabanı oluşturma ve kullanıcı adı belirleme adımlarını kapsamaktadır. Eğitim ayrıca WordPress kurulumunun devamı, kullanıcı adı ve şifre ayarları, giriş paneline erişim, Nginx kullanarak dışarıdan erişim sağlanması ve WordPress'te yazı oluşturma, görsel ekleme ve yayınlama işlemleri gibi konuları da detaylı olarak ele almaktadır.

      • youtube.com

    • Web Geliştirme Eğitimi: UFO50 Tracker Uygulaması ve Sunucu Paylaşımı

      Bu video, Doug adlı bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilerle etkileşim halinde, UFO50 adlı oyun serisinin 50 oyununu takip eden bir web uygulaması geliştirmeyi adım adım göstermektedir.. Videoda öncelikle jQuery kullanılarak basit bir web uygulaması geliştirilir, ardından bu uygulamanın sunucu paylaşımı özelliği eklenir. İlk bölümde 50 oyunun listeleneceği bir grid oluşturulur ve her oyunun tıklanabilir hale getirilir. İkinci bölümde ise Redis veritabanı ve Upstash kullanılarak, kullanıcıların aynı anda aynı uygulamayı kullanabilmelerini sağlayan bir sistem oluşturulur.. Eğitim, uygulamanın GitHub'a yüklenmesi ve Vercel'de sunucuya bağlanması ile devam eder. Video, web geliştirme temellerini öğrenmek isteyenler için pratik bir örnek sunmaktadır.

      • youtube.com

    • FileZilla ile Web Sitesi Kurulumu Eğitimi

      Bu video, web sitesi kurulumu için gerekli olan FileZilla programının kullanımını anlatan bir eğitim içeriğidir. Video, FileZilla programının ne olduğunu açıklayarak başlıyor, ardından programın indirme, kurulum ve arayüz tanıtımı yapılıyor. Daha sonra FTP kavramı açıklanıyor ve hosting firmasından alınan FTP bilgilerinin nasıl kullanılacağı gösteriliyor. İçerik, domain ve hosting arasındaki bağlantıyı kurma, sunucuda "htdocs", "public html" veya "ww" gibi klasörlerin kullanımı, klasör oluşturma, index.php dosyası hazırlama ve sunucuya aktarma işlemleri adım adım anlatılıyor. Video ayrıca, index dosyasının her zaman kök klasörde kalması gerektiği ve sunucuda bulunan "http docs" klasörünün önemi gibi önemli bilgileri de vurguluyor.

      • youtube.com

    • Sıfırdan WordPress Sitesi Kurma Eğitimi

      Bu video, bir eğitmen tarafından sunulan WordPress eğitim serisinin ikinci bölümüdür ve adım adım bir eğitim içeriğidir. Video, sıfırdan bir WordPress sitesi kurma sürecini kapsamlı şekilde anlatmaktadır. İçerikte hosting paneline giriş yapma, MySQL veritabanı oluşturma, WordPress'in resmi sitesinden indirme, wp-config.sample.php dosyasını düzenleme, FTP programı kullanarak dosyaları hosting sitesine yükleme, domain adresine giriş yapma ve WordPress kurulumunu başlatma adımları gösterilmektedir. Eğitim, WordPress kurulumunun temel adımlarını öğrenmek isteyenler için hazırlanmış olup, arama motoru görünürlüğü ayarlarının önemi de vurgulanmaktadır.

      • youtube.com

    • WordPress'te URL Yönlendirme Rehberi

      Bu video, WordPress'te URL yönlendirme işlemini adım adım gösteren bir eğitim içeriğidir. Video, WordPress'te URL yönlendirme yapmak için gerekli olan "Redirection" adlı bir eklentinin nasıl kurulacağını ve kullanılacağını anlatmaktadır. İçerikte önce eklentinin nasıl indirileceği ve kurulacağı gösterilmekte, ardından eklentinin nasıl kullanılacağı ve yeni bir yönlendirme bağlantısının nasıl oluşturulacağı pratik bir örnek üzerinden açıklanmaktadır.

      • youtube.com

    • Sıfırdan Web Sitesi Yapımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere adım adım HTML ve CSS kullanarak basit bir web sitesi oluşturma sürecini göstermektedir. Video, web sitesi yapımının temellerinden başlayarak tüm süreci kapsamaktadır. İlk olarak dosya hiyerarşisi oluşturma ve temel HTML yapısı, ardından header, content ve footer bölümlerinin oluşturulması, CSS ile stillendirme, menü oluşturma, banner ekleme, fotoğraf galerisi ve iletişim sayfası oluşturma konuları ele alınmaktadır. Eğitim içeriğinde ayrıca meta etiketleri, favicon ekleme, CSS özellikleri (margin, padding, border, font size, hover efekti), menü linklerini stilize etme, "seçili" sınıfı oluşturma ve iletişim formu oluşturma gibi pratik uygulamalar da gösterilmektedir. Video, web sitesi yapımı konusunda temel bilgi edinmek isteyenler için adım adım bir rehber niteliğindedir.

      • youtube.com

    • İzleyicilerin Geliştirdiği Yazılımları İnceleme Videosu

      Bu videoda bir sunucu, izleyicilerinin sunduğu çeşitli yazılım projelerini inceliyor ve detaylı değerlendirmeler yapıyor. Sunucu, farklı geliştiricilerin sunduğu web ve mobil uygulamaları tek tek ele alıyor.. Video, toplam 20'den fazla farklı proje incelemesini içeriyor. Her proje için sunucu, uygulamanın işlevselliğini, tasarım özelliklerini, kullanıcı deneyimini ve potansiyel geliştirmeleri değerlendiriyor. İncelenen projeler arasında sporcuların supplement takibi, hukukta emsal bulma, deprem trafiği analizi, yapay zeka çözümleri, web arayüzleri, mobil oyunlar ve makro yazılımları gibi çeşitli alanlar bulunmaktadır.. Videoda ayrıca yazılım yazmak isteyenler için tasarım tavsiyeleri, kullanıcı deneyimi iyileştirme önerileri ve "wipe coding" hakkında bilgiler de sunuluyor. Sunucu, özellikle yeni başlayanlar için imitasyon yapmanın ve mevcut projeleri inceleyerek kendi projelerini geliştirmenin önemini vurguluyor.

      • youtube.com

    • Domain Alma Rehberi

      Bu video, Hasan adlı bir eğitmenin sunduğu bilgisayar eğitim serisinin bir parçasıdır. Eğitmen, kulaklığı takarak masaüstüne geçerek domain alma konusunu anlatmaktadır. Video, domain alma sürecini detaylı şekilde ele almaktadır. Eğitmen önce Google Domain'in avantajlarını ve kullanım alanlarını açıklar, ardından Türkiye'deki alan adı tescil firmalarından (İsim Tescil, Türk Ticaret) nasıl domain alınabileceğini gösterir. Özellikle .com.tr alan adlarının Metnik'ten alınmasının en uygun olduğunu ve beş yıllık satın alma seçeneğinin avantajlarını örneklerle anlatır. Video, domain alma sürecinde dikkat edilmesi gereken noktaları ve farklı platformlardaki fiyat karşılaştırmalarını içermektedir.

      • youtube.com

    • HTML, CSS ve JavaScript ile Web Sayfası Animasyonu Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere adım adım kodlama sürecini göstererek anlatmaktadır. Video, Visual Studio Code'da bir proje oluşturma ile başlayıp, HTML ile temel sayfa yapısını oluşturma, CSS ile tasarım ve animasyon ekleme, son olarak JavaScript ile dinamik animasyonlar eklemeyi kapsamaktadır. Eğitmen, navbar, header, liste öğeleri, başlıklar ve paragraflar gibi web sayfası bileşenlerini oluşturup, bunlara animasyon eklemeyi göstermektedir. Eğitim boyunca flexbox, pozisyonlama, linear gradient, background image gibi CSS özellikleri kullanılarak sayfanın görünümü biçimlendirilmekte ve "movebop", "movetoleft" ve "moveline" gibi keyframe animasyonları oluşturulmaktadır. Eğitmen, kodları detaylı bir şekilde açıklamakta ve izleyicilerin konuyu anlaması için yavaş anlatım yapmaktadır.

      • youtube.com

    • Live Preview Kullanarak Web Sayfasını Canlı Olarak Görüntüleme

      Bu video, bir eğitim içeriği olup, izleyicilere web geliştirme sürecinde Live Preview özelliğinin nasıl kullanılacağını göstermektedir.. Video, index.html adlı bir HTML sayfasının JavaScript, CSS ve normal HTML içeriğini göstererek başlıyor. Ardından, kod değişikliklerinin canlı olarak görüntülenmesi için Live Preview eklentisinin nasıl kurulacağı adım adım anlatılıyor. Kurulum sonrası, komut paleti üzerinden Live Preview'ı başlatma ve kod değişikliklerinin anında web sayfasında yansımasını gösterme işlemi gösteriliyor. Bu özellik, geliştirme sürecini hızlandırmak için faydalı bir araç olarak sunuluyor.

      • youtube.com

    • WordPress Kurulum ve Yapılandırma Eğitimi

      Bu video, online eğitmen Hasan tarafından sunulan kapsamlı bir WordPress kurulum ve yapılandırma eğitimidir.. Video, WordPress'in hem CPanel üzerinden hem de manuel dosya yöneticisi üzerinden kurulumunu adım adım göstermektedir. İçerik, kurulum aşamalarından başlayarak veritabanı oluşturma, PHP sürümü güncelleme, URL yapılandırması, eklentilerin yönetimi, temaların düzenlenmesi ve gezinme menüsünün yapılandırılması gibi konuları kapsamaktadır.. Eğitimde ayrıca WordPress'in temel bölümleri (tasarım, görünüm, içerik), tema değiştirme süreci, özel tema satın alma avantajları ve alternatif olarak Envato gibi platformlardan tema satın alma seçeneği de ele alınmaktadır. Video yaklaşık 20 dakika sürmekte ve WordPress'in temel kullanımını öğrenmek isteyenler için faydalı bilgiler içermektedir.

      • youtube.com

    • WordPress Kurulum Eğitimi

      Bu video, Legado kanalında yayınlanan web sitesi oluşturma derslerinin üçüncü bölümüdür. Eğitmen, önceki derslerde BHMT paneli ve CPanel ayarlarını anlattıktan sonra bu derste FTP üzerinden WordPress kurulumunu adım adım göstermektedir. Video, FTP bağlantısını kurma, WordPress dosyalarını indirme ve FileZilla programı ile dosyaları sunucuya yükleme sürecini kapsamaktadır. Daha sonra WordPress kurulumu için veritabanı bilgilerini girme, kullanıcı adı, parola ve e-posta adresi belirleme aşamaları gösterilmektedir. Eğitmen, kurulum sonrası admin paneline giriş yaparak siteyi aktif hale getirmiştir. Ayrıca güvenlik açısından "admin" gibi yaygın kullanıcı adlarının kullanılmaması gerektiği konusunda uyarıda bulunmaktadır.

      • youtube.com

    • Visual Studio Code'da PHP Kodunu Çalıştırma Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere Visual Studio Code'da PHP kodlarını nasıl çalıştırabileceklerini adım adım göstermektedir.. Video, PHP kodlarının Visual Studio Code'da çalıştırılamaması sorununu ele alarak başlıyor ve çözüm için gerekli adımları detaylı şekilde anlatıyor. Önce PHP'nin sisteme kurulumu, ardından environment değişkenlerine PHP yolunun eklenmesi ve son olarak PHP Server eklentisinin kurulumu gösteriliyor. Video, bir login sayfası örneği üzerinden PHP kodlarının nasıl çalıştırılacağını pratik bir şekilde gösteriyor.

      • youtube.com

    • JavaScript ve CSS ile Web Sayfası Tasarım Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim serisidir. Eğitmen, izleyicilere adım adım web sayfası oluşturma sürecini göstermektedir. Videoda, JavaScript ve CSS kullanarak "Doğa Keşif" temasına sahip bir web sayfası tasarımı anlatılmaktadır. Eğitim, HTML body kısmında bir div ile başlayıp, header, logo, fotoğraf, butonlar ve form alanları gibi web sayfasının temel bileşenlerinin oluşturulmasına kadar uzanmaktadır. Eğitmen, Pexels'ten fotoğraf indirme, Google Fonts'tan yazı tipi ekleme ve çeşitli CSS özellikleri (display, flex, justify-content, background-image, linear-gradient, text shadow, position absolute, padding, margin, cursor pointer) kullanarak sayfanın görünümünü şekillendirme tekniklerini göstermektedir. Video, bir serinin parçası olup, bir sonraki bölümde devam edeceği belirtilmektedir. Eğitim boyunca, margin ve padding arasındaki farklar gibi temel CSS kavramları da açıklanmaktadır.

      • youtube.com

    • Sıfırdan WordPress Sitesi Kurulumu Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere sıfırdan WordPress sitesi kurulumunu adım adım göstermektedir. Video, WordPress kurulumu için gerekli temel adımları detaylı şekilde anlatmaktadır. Önce sunucu ve alan adı kiralanması gerektiği belirtilir, ardından CPanel üzerinden MySQL veritabanı oluşturma, WordPress yazılımını sunucuya yükleme ve kurulum sihirbazı üzerinden site kurulumu gösterilir. Kurulum süreci, veritabanı bilgilerinin girilmesi, site başlığı ve kullanıcı bilgilerinin belirlenmesi ile tamamlanır. Video, bir sonraki derslerde geri kalan işlemlerin anlatılacağı bilgisiyle sonlanır.

      • youtube.com

    • HTML Arama Kutusu Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere adım adım HTML arama kutusu oluşturma sürecini göstermektedir. Video, HTML arama kutusunun ne olduğunu açıklayarak başlıyor ve ardından masaüstünde yeni bir HTML dosyası oluşturma, HTML etiketlerini (h1, head, body, form, input) doğru şekilde yerleştirme ve formun çalıştırılması adımlarını gösteriyor. Eğitmen, formun action ve method değerlerini ayarlama, input etiketlerine placeholder ve value değerlerini girme gibi detayları da açıklıyor. Video, oluşturulan arama kutusunun Google Chrome'da çalıştırılmasıyla sonlanıyor.

      • youtube.com

    • HTML, CSS ve PHP ile Dinamik İletişim Formu Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitimidir. Eğitmen, HTML, CSS ve PHP dillerini kullanarak dinamik bir iletişim formu oluşturma sürecini adım adım göstermektedir. Video, sanal sunucu üzerinde index.php dosyası oluşturma ile başlayıp, HTML, CSS ve PHP kodlarının yazılması, formun CSS ile stilize edilmesi, PHP ile form verilerinin alınması ve doğrulanması, mail gönderme işlemleri ve formun başarılı olup olmadığını kontrol etme yöntemlerini kapsamaktadır. Eğitim boyunca formun temel yapısı (head etiketleri, meta etiketleri, div ve form etiketleri) oluşturulduktan sonra, ad-soyad, telefon, konu ve mesaj alanları gibi form elemanları eklenmektedir. Ayrıca, formun başarılı olup olmadığını kontrol etmek için "if" ve "else" komutlarının kullanımı, formun başarısız olması durumunda ekrana yazdırılacak mesaj için "span" etiketi ve renk kodları (kırmızı için #FF0000, yeşil için #00FF00) gösterilmektedir.

      • youtube.com

    • Webflow'da Lightbox Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere Webflow platformunda Lightbox özelliğinin nasıl kullanılacağını adım adım göstermektedir.. Video, Webflow'a giriş yapma ve Lightbox özelliğini kullanma sürecini detaylı şekilde anlatmaktadır. Öncelikle Webflow'a nasıl erişileceği, hesap oluşturma veya giriş yapma adımları gösterilmektedir. Ardından, Lightbox özelliğinin hangi planlarda (premium veya daha iyi planlar) bulunabileceği, nasıl ekleneceği ve özelleştirileceği anlatılmaktadır. Ayrıca, Lightbox'ın farklı cihazlarda (masaüstü, tablet, mobil) nasıl test edileceği ve yayınlama süreci de açıklanmaktadır.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor