Video dersi: JavaScript ve jQuery öğrenmek

JavaScript ve jQuery için kesinlikle hoş geldiniz ultimativen ders.

Bu videoda JavaScript'in ne olduğu ve bize ne kazandırdığı açıklanmaktadır.

Bu videoda hangi düzenleyiciyi kullanacağımızı öğreneceksin ve birlikte onu kuracağız.

Bu videoda, JavaScript kullanarak tıklamaların nasıl yapıldığını ve değişkenlerin nasıl çalıştığını gösterilmektedir.

Ifade. If (anlamı: eğer) programlamada çok sık kullanılır. Örneğin, bir şey sadece belirli bir koşul karşılandığında gerçekleştirilmek isteniyorsa.

Bu videoda JavaScript'teki diziler (arrays) hakkında konuşulmaktadır. Bize bir değişken içinde birden fazla bilgiyi saklama olanağı sağlarlar.

Bu videoda for döngülerini öğreneceksin. Bu, belirli bir kodun defalarca ardışık bir şekilde çalıştırılmasını sağlar.

Fonksiyonlar, oluşturduktan sonra her zaman tekrar kullanabileceğimiz bir tür miniprogramdır. Telefonunda örneğin Ana Ekran düğmesine bastığında, seni Ana Ekranına geri götüren bir işlev çağrılır. Yani işlevler çalışmayı önemli ölçüde kolaylaştırır.

Burada, meydan okumanın sonucu (bir bilgi yarışması) gösterilecek ve ayrıca HTML temeli oluşturulacaktır.

Quizin CSS (görünümü) burada programlanır.

Burada quizimizin JavaScript'i programlanıyor ve açıklanıyor.

Bir parametre ile işlevlerin nasıl çalıştığını zaten gördün. Şimdi, birden fazla parametreye sahip işlevlere bakacağız. Birden fazla parametre, farklı değişkenlerle bir fonksiyon kullanmak istediğinizde kullanılır. Matematikte örneğin, çeşitli değerlerin toplamı eklemek için.

Küresel ve yerel değişkenler bulunmaktadır. Kısaca özetlemek gerekirse: Küresel değişkenler, fonksiyonların dışında oluşturulan değişkenlerdir ve yerel değişkenler, fonksiyonların içinde oluşturulanlardır. Burada, bunun nasıl çalıştığını daha detaylı şekilde inceleyeceğiz.

Programlama dillerinde, işlevleri bir dönüş değerine sahip olacak şekilde kurma olasılığı vardır. Şimdiye kadar, sadece bir şeyi icra etmiş ve geri dönebileceğimiz bir şey sunmamış işlevleri kullandık. Bu yüzden şimdi RETURN komutuna bakalım.

Bu makalede matematik operatörleri ve atama operatörleri ele alınmaktadır. Matematik operatörleri, toplama, çıkarma vb. gibi oldukça basit şeylerdir, atama operatörleri ise 5 artırma gibi oldukça basit işlemleri kolayca yapma olanağı sunmaktadır. Programlamada her ikisi de önemli olduğundan, bu iki konu burada ele alınmaktadır.

Programlamada üç (veya dört) farklı döngü türü vardır: Do-while, While ve For döngüsü. For döngüsünü zaten öğrendik. Şimdi Do-while (ayak kontrollü) ve While (baş kontrollü) döngülerine bakacağız.

Bu makalede, If koşullarına bir alternatiften bahsediliyor. Bu alternatif Switch (Anahtar) ve Case (Durum) ile ilgilidir. Yani farklı durumlar arasında geçiş yapabilen ve etkin olan durumda kalan bir anahtara sahipsiniz.

Daha önce dizileri ele aldık, ancak detaylara girmedik. Dizilerle ilgili daha fazla bilgi edinmek mümkün. Bir JavaScript dizisinin en önemli özelliği elemanların sayısıdır (length). Ancak dizi, pozisyon 0'ın bilgilerini içeren index gibi daha başka özelliklere de sahiptir.

Nesneler birçok programlama dilinde son derece önemli ve ilginç bir kavramdır. Temelde her şeyi bir tür nesne olarak tanımlayabilirsiniz. Örneğin genellikle sokaklarda gördüğümüz bir nesneyi ele alalım: bir ARAÇ. Bir aracın belirli özellikleri vardır ve belirli eylemleri gerçekleştirebilir.

JavaScript'te nesneleri nasıl oluşturabileceğimize bir göz atalım. Bunun için bir yapılandırıcı fonksiyon oluşturacağız ve objemizin iki örneğini head etiketimizde oluşturacağız. Objemizin adıyla aynı olan yapılandırıcı fonksiyonun içinde, objenin bir örneğini oluştururken yapılandırıcı fonksiyona verilen parametrelerin doğrudan objenin değerleri olmasını sağlıyoruz.

Nesnelerin fonksiyonlarının temeli olarak, geçtiğimiz öğreticinin koduyla başlıyoruz. Bu kodda, nesnemizin her örneğinde oluşturulan değişkenleri yarattık.

Bu öğreticide Math nesnesini öğreneceksiniz. Bu, Math sınıfına dayanan ve birçok harika özellik ve fonksiyonla birlikte gelen bir nesnedir.

Bu videoda Date nesnesi ya da Date sınıfı hakkında konuşuluyor. Bu nesneler, bir programda zamanı entegre etmek için kullanılabilecek nesnelerdir. Burada zorunlu olarak saat veya tarih değil, zaman aralığı da olabilir. Bir Date nesnesi, 1970-01-01 00:00:00 tarihinden bu yana geçen zamanı içerir. Date yapıcısına parametre geçirmenin çeşitli yolları vardır.

Bu videoda bir JavaScript ile etkileşimli bir saat nasıl yapılır öğreneceksin.

Bu videoda kalıtım ve polimorfizm hakkında konuşulmaktadır. Nesne yönelimli programlamanın iki kavramı.

Bu makalede şu soruyu ele alacağız: jQuery nedir? jQuery, daha havalı web siteleri oluşturmamıza olanak tanıyan bir JavaScript kütüphanesidir.

Burada jQuery ile tıklamaları çok daha kolay nasıl işleyebileceğinizi öğreniyorsunuz.

Bu öğreticide, bir web sayfasının görünümünü jQuery kullanarak nasıl değiştirebileceğimizi öğreneceksiniz. Bu amaçla, örneğin bir alanın bir özniteliğini kolayca yeniden yazabiliriz. Bu örnekte, fareyi bir alanın üzerine getirerek Iframe'in bağlantısını (yani src/source) değiştirebiliriz. Kodu kolayca değiştirerek örneğin bir alanı fare üzerine getirdiğinizde Yükseklik ve Genişlik özniteliklerini yeniden yazarak alanı genişletebilirsiniz. Genel olarak, şimdi web sayfasının görünümünü kolayca değiştirmek için bu yöntemi kullanabiliriz.

jQuery'nin harika özelliklerinden biri, bir öğeyi solmaya bırakabilmesidir. Bu örnekte, başka bir düğmeyi tıkladığımızda bir düğmeyi solmaya bırakıyoruz. Bunu yaparken FadeOut fonksiyonunu kullanıyoruz. Öğeyi tekrar görüntülemek için ise FadeIn fonksiyonunu kullanıyoruz.

Bu videoda jQuery'deki animasyonlar ile ilgileniyoruz. Bu, hareket eden bir şey anlamına gelir. Yani, bir öğenin web sitemizde hareket etmesini/değişmesini sağlıyoruz. Bunun için jQuery'de bir fonksiyon bulunmaktadır. Bu fonksiyon animate() adını taşır ve üç parametre bekler.

jQuery UI ne olduğuna bakalım.

Akordeon, sadece belirli bölümleri görmemizi sağlayan bir widget'tır. Bu özellikle birçok bilgi iletmek istediğinizde faydalıdır, ancak bunlar büyük bir metin olarak çok karışık olabilir.

Bu öğretici jQuery UI'daki sıralanabilir öğeler hakkında. Bu, sıralanabilir öğelerdir. Bu özelliği, ürünivite siteleri gibi Wunderlist veya Trello'yu kullandığında görmüş olabilirsin. Öğeleri sıralanabilir hale getirme özelliği, birçok farklı uygulamada kullanabileceğin son derece harika bir özelliktir.

Bazen kullanıcının bir öğenin boyutunu değiştirmek istediğinizde yeniden boyutlandırılabilirler tam aradığınız şeydir. Çünkü bunu tam olarak mümkün kılarlar. Öğenin alt sağ köşesinde küçük bir ok görürsünüz, bu oku tıklayabilir ve ardından fareyi basılı tutarak büyütüp küçültebilirsiniz.

jQuery UI kullanarak, sürüklenebilir öğelerle çok kolay bir şekilde bir öğe oluşturabilir ve istediğiniz yere sürükleyebilirsiniz. Nasıl yapılacağını burada inceleyelim.

İlerleme çubukları veya ilerleme çubukları, kullanıcıya belirli bir süreçte ne kadar ilerlediğini göstermenin harika bir yoludur. Örneğin, bir online mağazadaki satın alma sürecinde veya bir anket sırasında, Adımları uygulama konusunda kullanıcıya yardımcı olur.

Bu kılavuzda jQuery UI'daki efektler hakkında kısaca bahsetmek istiyorum. Çünkü oldukça harika efektler var, bu da web sitenizin daha iyi görünmesini sağlamakla kalmaz, aynı zamanda kullanıcılarınızı tamamen şaşırtabilir.

Bu videoda meydan okumaların sonucunu göreceksiniz. Bir SSS sayfası.

Burada SSS sayfasını oluşturuyoruz.

Bu videoda bu bölümde programlanan beyin oyunu tanıtılıyor.

İlk olarak oyunun yapısı ve görünümü ile ilgileniyoruz.

Şimdi oyunun bazı işlevselliği ile ilgileniyoruz.

Oyuncu oyun içinde ilk eylemleri gerçekleştirebilir, şimdi oyunun doğru şekilde başlatılması ve bitirilmesini sağlamaya odaklanacağız.

Şimdi sadece oyun içinde bir zamanlayıcı ekleyerek puanı doğru bir şekilde hesaplamak ve oyunu zamanla sınırlamak önemli hale geliyor. Ayrıca oyunu tamamlamak için birkaç küçük adım daha atacağız.

Bu, bölümün uygulamasının tanıtıldığı yerdir. Bu, bir yapılacaklar listesi uygulaması/web sitesidir.

Şimdi temeli oluşturuyoruz ve jQuery Mobile ile ilgili temayı nasıl oluşturup düzenleyebileceğimizi görelim.

Nesneye yönelik bir programlama yaklaşımı benimsediğimiz için uygun mimariyi oluşturmalıyız. Bu konuda biz ilgileniyoruz.

Bu videoda sayfaları ekliyoruz ve görevleri oluşturduğumuz sayfayı ele alıyoruz.

Yatırım sayfası gibi düzenleme sayfası da doldurulmalı ve ilgili işlevselliği almalıdır.

Şimdi mimariye tekrar dikkat edebilir ve veri yapısını oluşturabiliriz.

Veri yapımıza sahip olduğumuza göre, onu arabirimimizde kolayca çağırabiliriz.

Programlarken "açıklama akışında" birkaç adım gereklidir ki şimdi düzeltebiliriz. Ek olarak, verilerin sürekli olarak kaydedilmesi ve uygulamayı tamamlama konusunda da ilgileneceğiz.