Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, iki kişinin Jamstack teknolojisi ve statik web siteleri hakkında sohbet ettiği bir eğitim içeriğidir. Konuşmacılardan biri kendi GitHub sayfasında da kullanmaya başladığı bu teknolojiyi anlatmaktadır.
- Video, Jamstack kavramının temel prensiplerini, statik web sayfaları oluşturma yöntemlerini ve WordPress gibi dinamik sistemlere alternatif olarak nasıl kullanılabileceğini ele almaktadır. İçerikte JavaScript, API ve Markdown gibi temel bileşenler, VuePress, Pelikan gibi statik web sitesi oluşturma araçları ve GitHub Pages kullanımı hakkında bilgiler verilmektedir.
- Video, teorik bilgilerin yanı sıra pratik örnekler içermekte ve bir sonraki derste kurulum konusunun işleneceği belirtilmektedir. Ayrıca, Markdown dilini ve Typeora editörünü tanıtarak, statik web sitelerinin avantajları ve performans avantajları hakkında da bilgiler sunulmaktadır.
- Jamstack Kavramı
- Jamstack, statik web sayfaları oluştururken üç temel bileşeni birleştiren bir yaklaşımdır: JavaScript, API ve Markup Language.
- JavaScript, tüm tarayıcılarda çalışabilen bir dildir ve API ile veri alıp işleyerek web sitesinde gösterilebilir.
- Markup Language olarak HTML veya Markdown kullanılabilir, Markdown özellikle yazı yazarken tercih edilen bir işaretleme dilidir.
- 01:36Markdown ve Jamstack Avantajları
- Word gibi programlarda yazı yazmak için gereksiz butonlar bulunurken, Markdown daha basit bir yapıya sahiptir ve hızlı yazı yazmayı sağlar.
- Jamstack, JavaScript, API ve Markup Language'ı seçerek web sitesi oluşturmayı kolaylaştırır.
- Firebase gibi API'lar, serverless yapılarla birlikte veri sağlama imkanı sunar ve bu veriler web sitesine eklenebilir.
- 03:22Static Jang ve GitHub Pages
- Static Jang, GitHub Pages'in markdown ile otomatik web sitesi oluşturma özelliğini sağlayan bir araçtır.
- Bu araç, markdown dosyalarını otomatik olarak HTML'e dönüştürür ve CSS temalarını otomatik olarak oluşturur.
- Hakkımızda sayfası, iletişim sayfası gibi değişmeyen yapılar için WordPress gibi veritabanına ihtiyaç duymadan statik web siteleri oluşturulabilir.
- 05:09Arama ve Dinamik Özellikler
- React veya Vue gibi teknolojiler kullanıldığında, API'deki veriler doğrudan arama yapılabilir.
- GraphQL gibi teknolojiler ile API ile iletişim kurulabilir ve istenilen veriler alınabilir.
- Web sitelerinin %95'inde dinamik olmayan yapılar için statik web siteleri kullanılabilir ve bu tür teknolojiler WordPress'in yerini yakında alacak gibi görünüyor.
- 07:39Static Jang Kullanımı
- Static Jang, CLI olarak kurulabilir ve markdown dosyaları oluşturulabilir.
- Geliştirme modunda çalıştırıldığında, localhost'ta markdown dosyaları HTML'e dönüştürülür ve web sitesi hazır hale gelir.
- GitHub Pages'te, statik Jang ile oluşturulan dosyalar GitHub'a push edildiğinde otomatik olarak yayınlanır ve markdown dosyaları otomatik olarak HTML'e dönüştürülür.
- 11:26Statik Web Siteleri ve VuePress
- Front-end'e döndürme işlemi için statik web siteleri kullanılabilir.
- VuePress, WordPress'in kendi dökümanları için geliştirdiği bir yapıdır ve basit bir kullanım sunar.
- VuePress, Noxus, Hexo ve GitBook gibi alternatiflerden farklı olarak öğrenmesi ve kullanması kolaydır.
- 13:00JavaScript ve Front-end Geliştirme
- JavaScript'i anlamak ve front-end development'ı öğrenmek için statik web siteleri ve gem-stack konsepti önemlidir.
- Hazır çıkmış bir ürün kullanarak web sitesi veya blog oluşturulabilir ve JavaScript veya Markdown dosyalarına bakarak öğrenme yapılabilir.
- Markdown neredeyse her yerde kullanılmaktadır ve Typeora gibi editörler ile yazmak kolaydır.
- 14:00Markdown ve Typeora
- Typeora, Markdown yazmak için efsane bir editördür ve Mac, Windows ve Linux'a kurulabilir.
- Markdown, Trello gibi uygulamalarda açıklama yazarken veya makaleye dönüştürmek için kullanılabilir.
- Word yerine Typeora kullanmak, yazı yazarken renk ve formatlarla uğraşmadan önce yazıyı yazmayı sağlar.
- 17:21Statik Web Siteleri Oluşturma
- Jamstack'te JavaScript, API ve işaretleme dilleri kullanılarak modern web siteleri oluşturulabilir.
- Statik web sitesi oluşturmak için Pelikan gibi editörler kullanılabilir.
- VuePress, basit ve hızlı bir şekilde kullanılabilir, ancak şu anda alfa seviyesindedir.
- 19:01GitHub ve Statik Web Siteleri
- Statik web siteleri GitHub'da da oluşturulabilir ve dokümanlar .md formatında yazılabilir.
- GitHub Pages'te kendi web sitesi oluşturulduğunda her şeyin master'da durması gerekiyor.
- Statik web siteleri sadece HTML olarak yayınlanır, arkada PHP, Python veya Java gibi diller çalışmaz.
- 22:47Statik Web Sitelerinin Avantajları
- GitHub Pages, statik web siteleri için iyi bir platformdur ve custom domain ile kullanılabilir.
- Statik web siteleri için domain masrafları düşük ve performans hızlıdır.
- API konusu da statik web siteleri için önemli bir avantajdır.