K­e­n­d­i­ ­W­o­r­d­l­e­’­ı­n­ı­z­ı­ ­N­a­s­ı­l­ ­O­l­u­ş­t­u­r­u­r­s­u­n­u­z­?­

K­e­n­d­i­ ­W­o­r­d­l­e­’­ı­n­ı­z­ı­ ­N­a­s­ı­l­ ­O­l­u­ş­t­u­r­u­r­s­u­n­u­z­?­


Wordle: Basit ama çok popüler.

Wordle: Basit ama çok popüler.
Ekran görüntüsü: kelime

Tüm oyunlar, başarılı olmak için büyük kodlayıcı ekipleri ve uzun yıllar geliştirme gerektirmez. Çarpıcı kelime bulmaca oyunu kelime Josh Wardle tarafından ortağı Palak Shah için nispeten hızlı bir sürede ve sadeliğine ve ekstraların olmamasına rağmen (telefon gibi) bir araya getirildi. app), meteorik yükselişi için yeterliydi alınan oyunu al New York Times tarafından.

Dünyanın dikkatini çekebilecek ve size yedi haneli bir ödeme kazandırabilecek basit ama bağımlılık yapan bir oyun için kendi fikriniz varsa, kodlama gibi basit bir web uygulaması kelime tamamen mümkündür.

Orijinalin temel çerçevesi kelime site, her web sitesi gibi HTML ile kodlanmıştır, Köprü Metni İşaretleme Dili. Bu, internetin üzerine kurulu olduğu ve bir web sayfasını yüklediğinizde tarayıcınıza neyi nereye koyacağınızı söyleyen koddur. Şu anda okuduğunuz site HTML olarak kodlanmıştır ve yalnızca içeriği değil, bu içeriğin menü konumlarından yazı tipi boyutlarına kadar nasıl görüntüleneceğine ilişkin talimatları da sunar.

HTML’nin yanı sıra CSS veya Basamaklı Stil Sayfaları vardır: Bir görüntünün veya bir metin bloğunun biçimlendirmesi olsun, bir web sayfasındaki biçimlendirmeyi kontrol etmeyi kolaylaştıran HTML’ye yönelik daha modern bir eklentidir. CSS, birden fazla sayfaya sahip genişleyen bir web siteniz varsa, her sayfayı ayrı ayrı kodlamak yerine sitenin yazı tiplerini ve renklerini bir bütün olarak ayarlayabileceğiniz anlamına gelir.

Wordle'ın kaynak kodunu kolayca arayabilirsiniz.

Wordle’ın kaynak kodunu kolayca arayabilirsiniz.
Ekran görüntüsü: kelime

Web sitelerini düzgün bir şekilde oluşturmak istiyorsanız, HTML veya CSS öğrenmeniz gerekir; ancak Squarespace gibi birçok hizmet artık herhangi bir kod bilmeden sayfa tasarlamanıza izin verecektir. Bu hizmetler, kullanıcı dostu bir arayüz aracılığıyla sayfa öğelerini tıklayıp sürükleyip bırakmanıza ve ardından arka planda HTML ve CSS ile ilgilenmenize olanak tanır.

Bir web sitesinin tamamen etkileşimli olması için kelime dır-dir, ihtiyacın var Statik HTML ve CSS sayfalarını, ister arama kutusu ister gömülü araç çubuğu olsun, etkileşimde bulunabileceğiniz sayfalara dönüştüren JavaScript. JavaScript, videoyu işleyebilir, 2D ve 3D görüntüler oluşturabilir, kullanıcı tarafından girilen bilgileri kaydedebilir, bir veritabanından bilgi yükleyebilir (çok kullanışlıdır). kelime), hesaplamalar yapın, kullanıcıdan gelen girdiye yanıt olarak belirli kodu çalıştırın, menüleri ekranda görüntüleyin ve daha pek çok şey.

Wardle’ın açıkladığı gibi TechCrunch, kelime oyun yüklenir yüklenmez tarayıcıya indirilen JavaScript ile yazılmıştır, böylece ilk indirme tamamlandıktan sonra çevrimdışı bile oynatılabilir. Modern tarayıcılar JavaScript’i anlayabilir ve çalıştırabilir; bu örnekte bir veritabanından bir kelime yüklemek, kullanıcıdan gelen girdileri belirlemek ve bu girdiler hakkında geri bildirim vermek anlamına gelir.

Wardle, oyunun özellikle karmaşık bir şekilde kodlanmadığını, bu yüzden mümkün olduğunu kabul ediyor. indirmek kelime tüm, NYT öncesi formunda, veritabanındaki tüm kelimelerle birlikte. Ayrıca, sadece kaynak kodunu inceleyerek gelecekteki çözümleri görmek de mümkün oldu. kelime İnternet sitesi.

Peki, nasıl bir şey inşa edersiniz kelime kendin? Biraz kod öğrenmeniz gerekecek, ancak bu seviyede bir şeyler yapmak için çok fazla HTML, CSS ve JavaScript bilmenize gerek yok. kelime. açıklandığı gibi kod akademisikullanılan programlama tekniklerinden biri, girdiğiniz harflerin çözümde olup olmadığını kontrol eden ve yanıt olarak renkli kareler görüntüleyen bir for döngüsüdür.

kod akademisi HTML, CSS, JavaScript öğrenebileceğiniz yerlerden biridir, ve diğer birkaç web kodlama dili ücretsiz. Alıştırmalar iyi organize edilmiş ve düzenlenmiştir ve her zaman doğrudan tarayıcınızda yaparak öğreniyorsunuz: Size bir şeyi nasıl yapacağınız gösterilecek ve daha sonra, ilerledikçe geri bildirimle onu hemen yapmaya başlayacaksınız. Daha gelişmiş özellikler ve öğreticiler bir abonelik gerektirir, ancak ücretsiz olarak keşfedilecek çok şey var.

Ağaç ev Codecademy’de daha kapsamlı bir yükseltmedir ve onu kullanmak için ayda 25 ABD dolarından ödeme yapmanız gerekir (ücretsiz deneme sürümü mevcut olsa da). HTML, CSS, JavaScrip kodlamayı öğrenmek için son derece profesyonel ve etkili bir kaynak olduğuna şüphe yok.T, ve çok daha fazlası, ancak bunun gibi bir şey inşa etmek için ihtiyacınız olanın çok ötesine geçiyor kelime. Bir programcı olarak daha fazlasını yapmak istiyorsanız, belki de göz önünde bulundurmanız gereken bir şey.

Ölçeğin diğer ucunda Treehouse kısa çizgi: Yalnızca HTML, CSS ve JavaScript’in temellerini kapsar, ancak kullanımı ücretsiz ve eğlencelidir ve özellikle yeni başlayan yeni başlayanlar için iyidir. Her şey doğrudan tarayıcınızın içinde gerçekleştirilir ve Codecademy gibi, bu kodlama dillerinin web sitesi oluşturma konusunda neler yapabileceğini deneyerek öğrenebilirsiniz.

Bu, HTML, CSS ve JavaScript kodlamayı öğrenebileceğiniz yerlerin ayrıntılı bir listesi değildir, ancak böyle bir şey için bir fikriniz varsa, başlamanız için yeterli olacaktır. kelime inşa etmek istediğiniz


Popular Articles

Latest Articles