JavaScript Programlamaya Giriş
A course by Javier Usobiaga Ferrerweb tasarımcısı
A course by Javier Usobiaga Ferrer, web tasarımcısı
Etkileşimli web siteleri oluşturmak için temel programlama dilini kullanmaya başlayın
JavaScript, "web'in üçüncü kısmı" olarak kabul edilir ve herhangi bir web sayfasına etkileşim katmanı eklemek için tasarlanmış programlama dilidir. HTML ve CSS ile birlikte en önemli üç programlama dilini oluştururlar.
Bu kurs, en temel olanlardan (sözdizimi ve değişkenler) başlayarak JavaScript'e bir giriş niteliğindedir ve çok az geliştireceğiniz bir Hafıza oyunu kullanarak bilginizi - koşullu ifadeler, diziler, döngüler, olaylar - giderek genişleteceksiniz. 10 yıldan fazla deneyime sahip web tasarımcısı ve Swwweet stüdyosunun kurucusu Javier Usobiaga tarafından yavaş yavaş.
Web tasarımına ilk yaklaşımınız buysa, öncelikle Javier Usobiaga'nın da dahil olduğu kursunu almanız önerilir. [url=https://www.domestika.org/es/courses/74-introduccion-al-desarrollo-web-responsive-con-html-y-css]HTML ve CSS ile Responsive Web Geliştirmeye Giriş .
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
JavaScript ne içindir?
3 dakika, 16 saniye
Düzenleyici Ayarları
4 dakika, 22 saniye
JS'yi web sitemize dahil etmek
6 dakika, 42 saniye
Öğeler ve sözdizimi
10 dakika, 36 saniye
Değişkenler, sayılar, değişmez değerler
7 dakika, 27 saniye
Operatörler, işlevler
10 dakika, 19 saniye
Bu kursa neler dahil?
Javier'i, çalışmalarını ve web tasarımı ve geliştirme dünyasındaki etkilerini tanıyarak başlayacaksınız.
JavaScript'in ne olduğunu, ne işe yaradığını ve neden HTML ve CSS ile birlikte web'deki temel programlama dillerinden biri olduğunu anlayacaksınız. Kod düzenleyicinizi daha rahat çalışacak şekilde nasıl yapılandıracağınızı öğreneceksiniz ve ardından JavaScript'i bir web sitesine nasıl dahil edeceğinizi göreceksiniz.
JavaScript ile ilk etkileşimleriniz, diğer temel tamamlayıcı JavaScript işlevleriyle birlikte yazmayı öğreneceğiniz değişkenleri, işlevleri, olayları ve döngüleri içerecektir.
Buradan, dizisinden veya oyunu oluşturan kart destesini temsil eden değerler listesinden başlayarak Hafıza oyununuzu tasarlamaya başlayacaksınız.
Oyuna zorluk katmak için kartların dağıtımına etkinlikler ve şans ekleyeceksiniz.
Bir sonraki adım, hafıza oyununuza etkileşimin ilk unsurunu eklemek olacaktır: seçilen kart çiftini yanlış veya doğru olarak işaretleyin. Yavaş yavaş, diğerlerinin yanı sıra betiğin başarı, hata gibi belirli bir bölümünü çözen ve ayrıca söz konusu başarılar ve hatalarla ilgili geri bildirimleri yöneten işlevler yaratacaksınız.
Zorluk artışının ardından oyun arayüzüne bir zamanlayıcı, oyun seviyeleri, ses efektleri ve yeni detaylar ekleyeceksiniz.
Son olarak jQuery, React ve Vue gibi JavaScript'i tamamlayan farklı kitaplıkları ve kaynakları inceleyeceksiniz.
What is this course's project?
Kurs boyunca oluşturacağınız Hafıza oyununda iyileştirmeler (yeni kurallar, düzeltmeler, efektler) yapacaksınız.
Kurs öğrencilerinin projeleri
Who is this online course for?
Web tasarımına ilgi duyan ve temel HTML ve CSS bilgisine sahip olan herkese yöneliktir.
Requirements and materials
Temel HTML ve CSS bilgisine, ayrıca bir bilgisayara ve bir kod düzenleyiciye ihtiyacınız olacak.
Yorumlar
- 11 gün önce
Hola es un optimo Curso per aprender JS e lo recomiendo a todas las personas que quieran aprender a programar sea per front-end que al Back-end. javier sei Grande!
- j3_87PLUS1 ay önce
Es un curso muy práctico, comprensible y demasiado flexible a la hora de estudiar. Domestika hace al estudiante una experiencia única en aprender de una manera muy lúdica e intuitiva. Recomiendo este curso un 100%
- 4 ay önce
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- 6 ay önce
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- 6 ay önce
Great course and very detailed!
Ayrıca Elisava, IDEP gibi tanınmış atölyelerde ve okullarda Web Tasarımı öğretmeni olarak görevinden büyük keyif alıyor.
Usobiaga, web'in yalnızca bilgisayar ekranında ne kadar güzel görünebileceğini değil, aynı zamanda farklı cihazlar ve koşullardaki kullanılabilirliğini de bir bütün olarak anlıyor.
Onun sözleriyle, "Estetik kadar ne kadar hızlı yüklendiği veya ne kadar iyi tepki verdiğinin de önemli olduğunu düşünüyorum ve bana öyle geliyor ki endüstrimizde bunu sıklıkla unutuyoruz."
İçerik
- U 1
giriiş
- Sunum
- Etkiler
- U 2
JavaScript'i kullanmaya başlama
- JavaScript ne içindir?
- Düzenleyici Ayarları
- JS'yi web sitemize dahil etmek
- Öğeler ve sözdizimi
- U 3
İlk etkileşimler
- Değişkenler, sayılar, değişmez değerler
- Operatörler, işlevler
- Etkinlik dinleyicileri
- DOM içeriğini değiştirme
- Koşullu Cümleler ve Boolean'lar
- U 4
bir deste kart
- Dizilerle işlemler
- Döngüler
- Döngü etkinlikleri
- JavaScript'teki nesneler. Rastgele veya Math.random()
- U 5
Bir hafıza oyunu
- Temel etkileşim
- Fonksiyonlar arası iletişim
- Dosya organizasyonu
- Geri bildirimi yönetme
- U 6
Seviye atlamak
- Kronometre ve sayaç
- Oyun seviyeleri
- Ses efektleri
- Arayüzü tamamlama
- U 7
Kütüphaneler ve kaynaklar
- JavaScript kitaplıkları
- Kaynaklar
- FP
Bitirme projesi
- JavaScript'e giriş
Bir Domestika kursundan neler beklenebilir?
Kendi hızınızda öğrenin
Belirli bir program olmadan ve takip edilmesi kolay bir yöntemle evden öğrenmenin tadını çıkarın. Kendi hızınızı kendiniz belirlersiniz.
En iyi profesyonellerden öğrenin
Yaratıcı sektörün en iyi uzmanlarının açıkladığı değerli yöntem ve teknikleri öğrenin.
Uzman öğretmenlerle tanışın
Her uzman, her derste açık yönergelerle, gerçek tutkuyla ve profesyonel anlayışla en iyi yaptıkları şeyi öğretir.
Certificates
PLUSIf you're a Plus member, get a özel sertifika signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Ön sıra koltukları alın
En yüksek kalitede videolar sayesinde tek bir ayrıntıyı kaçırmazsınız. Sınırsız erişim sayesinde tekniğinizi mükemmelleştirmek için bunları istediğiniz kadar izleyebilirsiniz.
Bilgi ve fikirleri paylaşın
Sorular sorun, geri bildirim isteyin veya çözümler sunun. Öğrenme deneyiminizi topluluktaki, yaratıcılığa sizin kadar tutkulu olan diğer öğrencilerle paylaşın.
Küresel bir yaratıcı toplulukla bağlantı kurun
Topluluk, dünyanın her yerinden meraklı ve yaratıcılıklarını keşfetme ve ifade etme konusunda tutkulu milyonlarca insana ev sahipliği yapıyor.
Profesyonelce hazırlanmış kursları izleyin
Domestika, yüksek kaliteli bir çevrimiçi öğrenme deneyimi sağlamak için öğretmen kadrosunu seçer ve her dersi kendi bünyesinde üretir.
SSS
This course is designed for people with basic programming and HTML/CSS knowledge; you don’t need to be an expert. It’s perfect if you already have a foundation and want to dive deeper into JavaScript interactivity and logic.
All you need is a computer with internet access and a free code editor like VSCode, Brackets, or Atom. Basic HTML and CSS knowledge is also recommended to get the most out of the course.
You’ll learn to manipulate the DOM, handle events, use variables, functions, conditionals, arrays, and objects, plus build a complete memory game with levels, a timer, animations, and visual effects using JavaScript.
The course focuses on building interactive web apps with JavaScript, emphasizing hands-on creation of a digital memory game using logic, data structures, and modern programming techniques.
Yes, you’ll build a fully functional memory game implementing level logic, a timer, event handling, multidimensional arrays, animations, and game reset—all with pure JavaScript.
Free editors like VSCode, Brackets, or Atom are recommended. You’ll learn to install extensions such as Prettier and Bracket Colorizer and configure formatting and linting options to improve code readability and quality.
You’ll be able to create interactive web games, modular apps, dynamic interfaces, and experiment with animations, visual effects, and advanced logic using JavaScript and HTML/CSS.