Öğrenmeyi kolaylaştırmak için hiç ekran kaydı yaptım mı, ama İngilizce senin işinse, bence sana getirdiğim bu girişle çok eğleneceksin.
Un screencast cihazın ekran çıkışının dijital kaydıdır. bilgisayar, bazen sesli anlatım içerir. Terim olmasına rağmen screencast den tarihler 2004gibi ürünler Lotus ScreenCam şu tarihten beri kullanılmaktadır: 1993. Öncü ürünler büyük dosyalar üretti ve sınırlı düzenleme özelliklerine sahipti. En yeni ürünler, aşağıdakiler gibi daha kompakt dosya formatlarını destekler: Macromedia Flash ve sıra, fare hareketi ve seste değişikliklere izin veren daha gelişmiş düzenleme özelliklerine sahiptir.
Tasarım ve programlama becerilerinizi geliştirmek için en az otuz dörtten az ekran kaydı var, hepsi İngilizce ama çok iyi açıklanmış ve mükemmel kalitede, bu yüzden endişelenmenize gerek yok.
Kaynak | 1.WD
AJAX:
1.AJAX RSS içeriğini tazeliyor
Manuel sayfa yenilemesi yapmadan içeriği güncelleyerek sayfa yenileme zorluklarının üstesinden gelin. Bu video, RSS beslemelerinin AJAX yardımıyla nasıl yenileneceğini ve nasıl yapılacağını gösterir.
Yalnızca tek bir besleme yapıyorsanız, kendi JavaScript kodunuzu almanın daha verimli olacağını düşünüyorum, özellikle de RSS'yi ayrıştırmaksa. Hatırladığım kadarıyla, SimplePie çok fazla ek yük gibi görünüyordu.
2.Basit Jquery casus etkisi
Realmac'ın QuickSnapper sitesi ile ilgili harika olan şey, JavaScript kapalıysa, anlık görüntü listesinin varsayılan olarak görünür olmasıdır. O yüzden takımın peşine düşeceğiz.
Ayrıca, sürümlerinin yalnızca sonuna gelene kadar yeni öğeler çekmeye devam ettiğini de belirtmek gerekir. Size listenin döngüsünü nasıl sürdürebileceğinizi göstereceğim ve bir takip eğitiminde bunu sunucunuzu etkilemeyen ve efekti güzel ve pürüzsüz tutan bir Ajax vuruşuna nasıl bağlayacağınızı göstereceğim.
3.Youtube'dan en iyi 25 AJAX eğitim videosu
Burada sunulan öğreticiler, bir HTML belgesinin nasıl oluşturulacağına, javascript eklenmesine ve buna harici bir javascript bağlanmasına, AJAX sohbeti oluşturmaya, Spy çerçevesini kullanarak bir web sayfasına AJAX öğelerini ekleyerek, AJAX nesnelerini içeriğe Adobe Dreamweaver, AJAX çerçevesini kullanarak Mash up uygulamaları oluşturma, PHP web için Delphi oluşturma, ayrıca AJAX MySql veritabanı hakkında
jquery:
4.İPhone gibi kayan başlıklar
Bir içeriğe göz atarken başlığı bulamadığınızda ve konunuzla kaybolduğunuzda hayal kırıklığına uğradınız
Bir sonraki sayfaya geçerken, bu ekran dökümü, başlığın içerik olarak kalmasına yardımcı olur ve aynı zamanda bir sonraki sayfaya ince bir şekilde geçtiğinizde bir sonraki başlığı eşzamanlı olarak değiştirir.Trendi takip eden her web tasarımcısı için çok kullanışlıdır.
5.Kayan animasyon atlama yeniden ziyaret edildi
Yükseklik problemlerinden dolayı animasyonunuzun sona doğru atladığını fark etmişsinizdir. Ekran görüntüsü, bir satır içi yüksekliği depolayıp daha sonra bir satır içi yükseklik ayarlayarak yükseklik faktörlerini dikkate alarak bir çözüm bulmanıza yardımcı olur ve buna göre devam edin. Öğeyi açığa çıkarıyoruz veya gizliyoruz.Bu eylemi sonuçlarımızı göstermek için kullanabilir veya bunu SSS'lerde de kullanabiliriz.Bu nedenle sayfayı yenilemeye gerek yoktur.
6.Kaydırıcı galerisi
Öğelerde gezinmek için slayt içeren bir galeri oluşturmak ister misiniz? Bu ekran yayını, Markup, slider-widget kontrolü, jQueryUI, CSS ve gerektiğinde daha hızlı kaydırma ve duraklama sağlayan belirli eklentilerin yardımıyla ürünleri tersine kaydırmak için kaydırıcıların konumunu çevirmek için basit adımlarla size yardımcı olur. Görüntüleyebilirsiniz. ürünlerinizi ve resimlerinizi vb. yuvarlayabilirsiniz.
7.Mutlak yeni başlayanlar için Jquery
Her gün için tüm yöntemleri, Jquery stili değiştiriciyi, vurgulu efekti ve Themeforest.net'te kullanılan çok daha fazlasını öğrenebileceğiniz özel videoları olan Jeff Way tarafından bir referans olarak Tema forest.net ile Jquery'de 15 günlük Mutlak başlangıç serisi.
Bu ekran yayını serisi size Jquery'yi açık ve etkili bir şekilde öğretecektir.Her ekran video kaydının kendi stili vardır ve Jquery'yi kusurlu bir şekilde öğrenmesi gereken yeni başlayanlar için çok yararlı olacaktır.
8.Lav lambası stili gezinme menüsü oluşturun
Başlangıçta üç seviyeli bir menü kullanarak aynı işlemi gösteren lav lambası tarzı bir menü oluşturmayı öğrenin ve ardından bu ekran dökümünde bir Javascript kitaplığı kullanarak bir lav lambası menüsü oluşturun.
Web sitenizden para kazanmanın son derece profesyonel bir yoludur ve bu tür bir menü size web sitenize iyi bir görünüm verecektir.
9.Otomatik sonsuz karusel
Çoğu zaman bir kaydırma eylemi otomatik olarak durmaz ve gerektiğinde bunu manuel olarak kontrol etmemiz gerekir. Bu nedenle, bir kaydırma eylemini otomatik hale getirmek ve fare, Jquery kullanarak atlı karıncanın üzerindeyken duraklatmak için bu ekran görüntüsünde gösterilmiştir.
Bu atlı karıncayı dinamik amaçlarla da kullanabiliriz.
10Jquery bak tim van damme
Yalnızca Webkit'te çalışan Tim the Accordion ve Hover efektinin temel etkileri, jQuery'de iki faktör, yani animasyonlu kenar boşluğu - sol ve Arka plan rgba çapraz geçiş efekti dikkate alındığında da çalışabilir.
Daha fazla ayrıntı için ekran video kaydını inceleyin ve kendi başınıza bulun.
11Açılır oturum açma penceresi
Kimlik doğrulama her zaman bir şifre yardımı ile yapılır. Bu ekran dökümü, yetkilendirme amaçları için çok faydalı olacaktır.
Bu ekran dökümünde, bir LDAP sunucusundaki bir hesabın şifresini doğrulayan ve verilerin bir bağlantıdan dinamik olarak oluşturulan pencereye aktarıldığı basit bir açılır pencere oluşturuyoruz.
12Kendi jquery eklentinizi oluşturmak için ekran kayıtları
Jquery eklentilerinizi oluşturmak ve bunları programlarınızda kullanmak için bu ekranda uzman James Padolsey, Jeffery Way ve Dan Wellman'ın rehberliğini alın. Jquery, CSS kullanarak varsayılanların nasıl ayarlanacağını, görüntülerin nasıl önceden yükleneceğini, geri arama yöntemlerinin nasıl oluşturulacağını ve dinamik radyo düğmelerinin nasıl oluşturulacağını öğrendi.
Tam adımları öğrenmek için tam ekran yayınını inceleyin.
13. Jquery video serisi
Themeforest.net için 10 dakikalık daha ayrıntılı ve hassas bir eğitim rejimi ve aynı şekilde Jquery kütüphanesini kullanma ve 15 gün boyunca video serisi açıklaması yardımıyla kendi projelerinizi oluşturma.
Tüm seri, yeni başlayanları Jquery'de başarılı bir profesyonel olarak getirecek.Jquery uygulamalarını esnek bir şekilde düzenleyebilir ve özelleştirebilirler.
PHP ekran kayıtları:
14PHP'ye dalmak
PHP'deki çeşitli konularda kısa bir tur ayrı öğreticiler olarak verilmektedir. Jeffery Way tarafından hazırlanan bu kendi içinde yer alan öğreticiler, PHP sorguları için eksiksiz bir kaynak olan ThemeForest blogu yardımıyla PHP kullanarak dosya yüklemeyi öğretir.
Bu ekran yayını, yeni başlayanlar ve orta düzey kullanıcılar için farklı türdeki konuları kapsar.
15PHP Json Jquery Ajax ekran kaydı
JSON verilerini göndermek için bir komut dosyası oluşturduğumuz jQuery'nin AJAX işlevselliğini kullanarak PHP ve JSON veri kaynağı arasında bir iletişim oluşturmak için, ardından dosyayı yükleriz ve veri kaynağımız doldurulur.
Adımların tamamını öğrenmek için lütfen tam ekran yayınını görüntüleyin.PHP severler için gelişmiş bir ekran kaydı.
16. PHP ve Jquery kullanan fotoğraf yönetici sitesi
Bu ekran kaydı, PHP ve jquery kullanarak, fotoğraf koleksiyonuyla bir veritabanının oluşturulduğu bir fotoğraf sitesi oluşturmanıza yardımcı olur ve yöneticiye, fotoğrafların başlığını güncelleme ve metne tıklayarak herhangi bir alt dizini koruma hakları verilir. .
Tüm fotoğraf galerisini ihtiyacınıza göre yönetebilirsiniz. Bu ekran dökümünün özelliği, galerilere eriştiğimiz Jquery kullanmaktır.
CSS ekran kayıtları:
17HTML ve CSS temel bilgiler
Yeni başlayanlara, web sitenizde önizleme olarak kullanabileceğiniz düzeyde yalnızca metin dosyaları olan HTML ve CSS'nin temelleri konusunda yardımcı olun.
Bu ekran yayını size HTML'nin içerik olduğunu ve CSS'nin web sitesinin tasarımı olduğunu ve ayrıca kaliteli bir web sitesinin nasıl oluşturulacağını öğretir.Burada hem HTML hem de CSS'nin temellerini öğrenebilir, böylece web sitelerini öğrendiğinizde kolayca idare edebilirsiniz. temeller iyi.
18Düzenlenebilir CSS3 resim galerisi
Oldukça tipik bir resim galerisi tasarım deseni, tıklandığında daha büyük açılan bir resim ızgarası oluşturuyoruz. Bu resim galerisi size web geliştirmeniz için son derece profesyonel bir görünüm verecektir.
Ancak bu resim galerisi sayfası, sıcak semantik HTML5 işaretlemesini, CSS3 ve jQuery ile çok sayıda görsel davranışı kullanır ve CMS PageLime aracılığıyla düzenlenebilir hale getirilir.
19. CSS sprite nasıl kullanılır
CSS Sprite'lar uzun süredir gündemde olan bir konu. Gerçek şu ki, bir web sayfasındaki her görüntü ayrı bir sunucu isteğidir ve bir sayfanın performansını önemli ölçüde artırabilirsiniz. HTTP isteklerinin sayısını azaltmak, yükleme sürelerini iyileştirir. Bunu başarmak için CSS sprite kullanıyoruz, CSS sprite nasıl oluşturulur ve bu sprite'lar burada nasıl tarif edilir.
Bu size CSS sprite'lar ve bunu web geliştirme tarafınızda nasıl kullanacağınız hakkında iyi bir fikir verecektir.
20960 CSS çerçevesine ayrıntılı bakış
960 Grid System, 960 piksel genişliğe dayalı olarak yaygın olarak kullanılan boyutları sağlayarak web geliştirme iş akışını düzene koyma çabasıdır. İki çeşidi vardır: 12 ve 16 sütun, ayrı ayrı veya art arda kullanılabilir.
Bir web uygulaması oluşturmak için kodda ustalaşmanıza gerek yok. CSS çerçeveleri, kodunuzu yazmanız için orada. Çerçeveler hakkında bilgi edinmek ve web uygulamalarınızı verimli bir şekilde geliştirmek için bu ekran dökümüyle biraz zaman geçirin.
21. Görüntü değiştirici
Image Switcher, çalışır durumda değiştirilebilir tek bir görünüm portuna otomatik olarak bir dizi resim ekleyen ücretsiz bir JavaScripttir. Bu, hafif ve standartlara uygun, saf bir CSS resim değiştiricidir. Bir galeri veya benzer bir işlev için kullanılabilir. Genişlik bunları barındırabildiği sürece herhangi bir sayıda liste seçimi seçeneği kullanılabilir.
Bir bağlantı boyunca ilerlerken görüntüleri değiştirmek, bu ekran dökümünün size JavaScript'in yardımı olmadan öğrettiği şeydir.Bunu başarmak için sadece z-endeksini değiştirmeye ve biraz mutlak konumlandırmaya ihtiyacınız vardır.
22Bir fotoğraf galerisi oluşturma
Dışarıdaki birçok insan gibi, arkadaş, aile, tatil, düğün vb. Fotoğraflarınızı sergilemek için bir web sitesi oluşturmak isteyebilirsiniz. Peki, bu küçük eğitim size nasıl bir fotoğraf galerisi oluşturacağınızı ve onu İnternete nasıl yükleyeceğinizi gösterecek.
Bir dizindeki görüntülerle ve alt dizinlerle otomatik olarak kendini oluşturan bir fotoğraf galerisi CSS ile mümkündür. Chris Coyier, bu ekran kadrosunda otomatik bir fotoğraf galerisi oluşturmayı öğretiyor.
23Ses yerleştirme
Ziyaretçilerin QuickTime veya Windows Media Player gibi harici bir oynatıcıya ihtiyaç duymadan tarayıcının kendisinde sesi dinleyebilmeleri için bir MP3 dosyasını (bir podcast, şarkı veya arka plan müziği gibi) bir web sayfasına veya bir RSS beslemesine nasıl katarsınız.
Görüntünün çoğu bir görüntü veya bir ses dosyası kullanıyoruz. Ancak arka planda ses bulunan bir görüntü, kullanıcının bilgileri kavramasını oldukça rahat hale getirir. Chris Coyier, bu ekran dökümünde JavaScript ve Flash yardımıyla aynı şeyi öğretiyor.
24CSS3 kullanma
Pek çok heyecan verici yeni işlev ve özellik düşünülüyor CSS3. Bunlardan bazılarını bu web sayfasında göstermeye çalışacağız.Çoklu arka planlar, RGB, kenarlık görüntüsü, kenarlık yarıçapı, @font face, animasyonlar / geçişler ve çok daha fazlası gibi görsel iyileştirmeler için CSS3 artık hareket halinde.
Bu son dalgayı takip etmek için bu ekran dökümüne bir göz atın.
25Firebug ile tanışın
Web tasarımcıları ve geliştiricileri için kaçınılmaz hale gelen ve sonuçları doğrudan tarayıcıda görebileceğiniz Firefox'un bir uzantısı olan Firebug ile bir sayfadaki bir öğenin işaretlemesi, CSS'si, düzeni ve DOM'u hakkında bilgi alabilirsiniz.
Daha fazlasını öğrenmek için bu ekran yayınını öğrenin.
26Twitter güncellemeleri için benzersiz sayfa
Doğru tasarlandığında, Twitter Feed, bir web sitesinin düzeninin estetiğini geliştirebilir. Eğer tweet atmak sizin eğlencenizse, tweetlerinizi baştan sona görüntülemeye hevesli olmalısınız. Örneğin, Photoshop'ta tasarımın üzerini kapatabilir, ayrıca sayfanıza stil katabilirsiniz.
Bu görevi gerçekleştirmek için, sizi javascript öğesinden CSS'ye ve sayfanızın stilini oluşturmaya yönlendiren bu ekran yayınını izleyin.
Kod İşaretleyici:
27Temel ekran kayıtları
Code Igniter, PHP programları yazmak ve ayrıca tam özellikli web uygulamaları oluşturmak için açık kaynaklı bir web uygulamasıdır. Yaygın olarak ihtiyaç duyulan görevler için zengin bir kitaplık seti ve erişim için basit bir arayüz ve mantıksal yapı sağlayarak sıfırdan kod yazma bu kütüphaneler.
Bu ekran video kaydında size CodeIgniter hakkında giriş yapmanın yanı sıra Derek Jones tarafından PHP kullanarak CodeIgniter'da bir blog oluşturmanızı sağlar.
28Codeigniter ile kolay geliştirme
Ham PHP ile bu biraz zaman alıcı olabilir. Ancak CodeIgniter, bu sadece doğru kitaplığa başvurma ve bazı yapılandırma seçeneklerini iletme meselesidir! İçeri girelim.
Giriş bölümünü öğrendikten sonra PHP becerilerini ayarlamaya istekli olan Bir sonraki adıma geçin, bu ekran kaydı size CodeIgniter'da PHP kullanarak bir görüntüyü yüklemeyi ve ilk doğrulamadan sonra kaydetmeyi öğretir.
29Codeigniter için katil başlangıç ekran kayıtları
Derek Jones tarafından hazırlanan bu 20 dakikalık ekran video kaydında CodeIgniter ile ilk uygulamanızı oluşturmaya, Form oluşturucuyu kullanarak bir form oluşturmaya, örnek bir uygulama oluşturmaya, 10 dakikada bir blog oluşturmaya, bir Sayfalandırma oluşturmaya, jQuery Post ve JSON aracılığıyla veri gönderip almaya hazırlanın. .
Daha fazlasını öğreneceğinizi umuyoruz CodeIgniter Uygulama Geliştirme Çerçevesi ekran video kaydına dikkat ettikten sonra.
XML:
30Xml ile bir oturum açma ve kayıt sistemi oluşturun
Tam bir üyelik sistemi oluşturmak yorucu ve zaman alıcı bir görev olabilir. Tim Cooper bize yaklaşık otuz dakika içinde TÜM şeyi nasıl inşa edeceğimizi gösterecek.
XML kullanarak MySQL'den çok daha kısa sürede bir oturum açma ve kayıt formu oluşturabilirdik, Tim Cooper bu ekran dökümünde bize bunu PHP, .htaccess, dosyalar, oturumlar ve daha fazlasını inceleyerek gösterir.
31Form oluşturucu
ÇOK ESNEK OLACAK ŞEKİLDE TASARLANMIŞ bir sistemde veri türlerini standartlaştırmaya çalışmak garip görünebilir, ancak birden fazla kurum, kampüs genelinde portföy dağıtımları için makul beklentiler belirlediğini ve BT kaynaklarınızı bir miktar standardizasyondan yararlanmak için yönetmenin, sürdürülebilir proje.
Bir XML şema dosyası oluşturmak için kullanılabilecek Form oluşturucu aracını kullanarak bir form oluşturmanın temellerini öğrenin ve aynı zamanda birçok biçimde birçok amaç için kullanın. Sean Keesler size bu ekran kadrosunda bir form oluşturmayı öğretiyor.
32XML kullanarak test verilerini parametrelendirin
Windows üzerinde Internet Explorer'da web uygulaması işlevselliğini test etmek için otomasyon komut dosyaları oluşturun.
Bu Ekran dökümünden, bir formu otomatikleştirmek, bir XML dosyası oluşturmak, verileri okumak ve testi çalıştırmak için bir Pamie test komut dosyası oluşturan bir Python sınıfı dosyası olan Pamie'nin yardımıyla bu görevi gerçekleştirin.
Size şunu gösterir:
- Bir formu otomatikleştirmek için Pamie test komut dosyası nasıl oluşturulur
- Otomatikleştirilecek DOM Öğelerinin adları ve kimlikleri nasıl bulunur?
- Notepad ++ kullanarak sıfırdan bir XML dosyası oluşturma
- ElementTree kullanılarak bir XML dosyasındaki veriler nasıl okunur
- Test nasıl çalıştırılır
33Drupal ile kıçınızı tekmelemeniz için ekran görüntüleri
Drupal'ı öğrenmeyi zor bulan bu ekran yayını, kurulum, düğüm sistemi, blok sistemi, içerik türleri, tema geliştirme ve daha fazlasıyla başlayan adım adım süreci pratik olarak öğrenmeyi kolaylaştırır.
Ayrıca Drupal kitapları, Drupal podcast'leri, Drupal forumları, Drupal kanalları için kaynaklar bulabilirsiniz.
34.Drupal toparlama
Drupal hakkında bilmek istediğiniz tüm bilgileri alın, bu ekran kaydı size Drupal'ın en iyi ekran videolarını, Drupal hakkındaki en iyi kitapları, kaynakları, modülleri ve ayrıca Drupal'ın can sıkıcı yönlerini sunar. Drupal 6'daki en son ekran videolarını edinin, CSS Enjektör, Düğüm Dönüştürme, açık büfe sendromu hakkında bilgi edinin, bir yedek oluşturun, Webform hakkında, Giriş Toboggan, Giriş filtreleri, Teaser uzunluğu ve bu içerik yönetimi platformu - Drupal hakkında çok daha fazlası.