Yaratıcı Kodlama: JavaScript ile Görseller Oluşturma
Eğitmen: Bruno ImbriziYaratıcı Kodlayıcı
Eğitmen: Bruno Imbrizi, Yaratıcı Kodlayıcı
Programlamanın temellerini öğrenin ve kodla nasıl görsel ve metin geliştireceğinizi, çizeceğinizi ve canlandıracağınızı keşfedin
Yaratıcı kodlamayla denemeler yapmak asla sıkıcı olmaz; her zaman keşfedilecek bir şeyler, öğrenilecek yeni teknikler veya oluşturulacak yeni görüntüler vardır. Yaratıcı kodlayıcı Bruno Imbrizi için bu, ilgi alanlarını hareketli grafiklerle ve görsellerle programlamayla birleştirme fırsatı. Hem küçük ajanslarda hem de Dell, Adidas ve Universal Music gibi tanınmış markalarda çalıştı.
Bu kursta Bruno, kodla ilgi çekici görseller oluşturmanıza yardımcı olacak uzmanlığını paylaşıyor. Programlamanın temellerini keşfedin ve JavaScript'te yaratıcı kodlamayla nasıl çizim yapacağınızı öğrenin.
Kodlama bilginizi daha da ileri taşımak ister misiniz? Bruno'nun ikinci kursuna göz atın: JS'de Yaratıcı Kodlama 2.0: Animasyon , Ses ve Renk renk, hareket ve ses ile kodlanmış kompozisyonlar oluşturmaya yönelik daha gelişmiş teknikleri keşfetmek için.
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
Eskiz Yapmak İçin Bir Ortam
12 dakika, 39 saniye
Kafes
7 dakika, 51 saniye
Gürültü
6 dakika, 40 saniye
GUI
11 dakika, 12 saniye
Metin
9 dakika, 26 saniye
Bit eşlem
10 dakika, 34 saniye
Bu kursa neler dahil?
Yaratıcı kodlayıcı Bruno Imbrizi'yi tanıyarak başlayın. Grafik tasarımcı olarak kariyerinin ilk dönemlerini ve bunu kodlamaya olan ilgisiyle nasıl birleştirdiğini anlatıyor. Daha sonra kullanmayı sevdiği platformları ve nedenini, çalışmalarını etkileyen kişilerle birlikte tartışıyor.
Kodlamanın temellerini keşfedin. Bruno, değişkenler, işlevler, diziler ve döngüler gibi programlama kavramlarına genel bir bakış sunmadan önce size ana araçlarınızı nasıl ayarlayacağınızı öğretiyor. Daha sonra bir eskiz koleksiyonuna başlamadan önce kurulumunuzu nasıl geliştirebileceğinizi gösteriyor.
Farklı tuval dönüşümlerini kullanarak yeni bir dijital çizim oluşturun. Daha sonra şekilleri bir daire etrafında dağıtmak için trigonometriyi nasıl kullanacağınızı öğrenin. Çizimlerinizi nasıl ölçeklendireceğinizi öğrenin ve sonraki tasarımlarınızı kolaylaştırmak için yardımcı program işlevlerini nasıl kullanacağınızı görün. Yaylar çizerek ve parametreleriniz için farklı değerlerle oynayarak taslağınızı tamamlayın.
Tuval üzerinde hareket eden aracılarla animasyonlu bir eskiz tasarlayın. Animasyonunuzu çevrimiçi olarak paylaşabileceğiniz bir video dosyası olarak nasıl dışa aktaracağınızı görmeden önce yakınlıklarına göre aralarında nasıl çizgi çizeceğinizi öğrenin.
Izgaranızı tekrar ziyaret edin ve onu daha esnek ve verimli hale getirmeyi öğrenin. Daha sonra onu geliştirmek için gürültü üreteçlerini kullanın. Çizimlerinizi gerçek zamanlı olarak güncellemenize olanak tanıyan küçük bir kontrol paneli oluşturun.
Son olarak kompozisyonlarınızda metinlerle nasıl çalışacağınızı keşfedin. Bruno, klavyenize tek bir dokunuşla mektubunuzu nasıl güncelleyeceğinizi açıklamadan önce, nasıl çizeceğinizi, ölçeceğinizi ve yazı tipi özelliklerini nasıl ayarlayacağınızı gösteriyor. Renk değerlerini nasıl okuyacağınızı ve son çiziminize son rötuşları nasıl yapacağınızı öğrenerek kursu tamamlayın.
Bu kursun projesi nedir?
Kod kullanarak bir web tarayıcısında uygulanabilecek bir dizi yaratıcı görsel kompozisyon tasarlayın.
Kurs öğrencilerinin projeleri
Bu çevrimiçi kurs kimlere yöneliktir?
Bu kurs, programlamaya ilgi duyan ve kod aracılığıyla görseller oluşturmayı öğrenen herkese yöneliktir.
Gereksinimler ve materyaller
Temel matematik becerileri tavsiye edilir.
Temel matematik becerileri tavsiye edilir. Node.js yüklü bir bilgisayara, ayrıca bir web tarayıcısına ve metin düzenleyiciye erişmeniz gerekecek.
İşletim sistemleri:
⦁Linux ⦁SmartOS ⦁macOS 10.7 veya üzeri ⦁Windows 2008 veya üzeri
Sistem gereksinimleri:
⦁4GB RAM ⦁10GB boş alan
Yorumlar
- 2 ay önce
Great course, I wish I’d had a stronger foundation in coding before taking it.
- 3 ay önce
Excellent introductory course
- 3 ay önce
Great course!!!
- 4 ay önce
I loved this! I learned a lot and I sincerely recommend this course.
- 5 ay önce
Ótimo curso. O professor entende do assunto em profundidade e sabe transmitir muito bem o conteúdo. É uma excelente oportunidade como porta de entrada para a programação criativa.
10 yılı aşkın deneyimiyle ajanslarda, tasarım stüdyolarında, prodüksiyon şirketlerinde ve Dell, Adidas ve Universal Music gibi tanınmış markalarda çalıştı. WIRED ve Londonist gibi çevrimiçi yayınlarda yer aldı ve Adobe Son Teknoloji Ödülü ve FITC En İyi Dijital Kurulum dahil olmak üzere çok sayıda ödül kazandı.
İçerik
- U 1
giriiş
- Benim hakkımda
- Etkiler
- U 2
Temeller
- Kurmak
- Değişkenler ve Fonksiyonlar
- Diziler ve Döngüler
- Eskiz Yapmak İçin Bir Ortam
- U 3
Eskiz Dönüşümü
- Dönüştür
- Açılar
- Yardımcı Fonksiyonlar
- Yaylar
- U 4
Çizim Aracıları
- Nesneler ve Sınıflar
- Animasyon Aracıları
- çizgiler
- Video çıkışı
- U 5
Çizim Gürültüsü
- Kafes
- Gürültü
- GUI
- U 6
Çizim Türü
- Metin
- Eşzamansız
- Bit eşlem
- Glifler
- FP
Bitirme projesi
- Görsel Tasarımcılar İçin Kodlamaya 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.
Sertifikalar
PLUSPlus üyesiyseniz her kurs için öğretmeninizden imzalı bir özel sertifika alın. Portföyünüzde, sosyal medyada veya istediğiniz yerde paylaşın.
Ö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
Yaratıcı kodlama, programlamayı sanatsal veya görsel ifade için kullanmaktır. Bu kurs, JavaScript, HTML ve Canvas kullanarak etkileşimli görseller ve üretken sanat yaratmayı, uygulamalı kodlama deneyleriyle öğretir.
Bu kurs orta seviye kullanıcılar için tasarlanmıştır. JavaScript ve web geliştirmeye temel aşinalık önerilir, ancak önemli kavramlar ve araçlar kodlama geçmişi olanlar için adım adım açıklanır.
Sublime Text veya Visual Studio Code gibi bir kod editörü, Node.js, npm ve modern bir web tarayıcısına ihtiyacınız olacak. Kurs, yaratıcı kodlama projeleri için gerekli tüm araçların kurulumu ve ayarlanmasını da kapsar.
JavaScript, Canvas ve web teknolojileri kullanarak üretken sanat, etkileşimli görseller ve prototipler oluşturmayı öğreneceksiniz. Konular arasında şekil çizimi, dönüşümler, animasyon, grafik dışa aktarma ve Canvas Sketch gibi kütüphanelerin kullanımı var.
Kurs, fillRect, arc ve fillStyle gibi JavaScript Canvas API yöntemlerini kullanarak tarayıcıda doğrudan dikdörtgenler, daireler ve diğer şekilleri çizip stil vermeyi öğretir.
Evet, Canvas Sketch CLI kullanarak üretken çizimlerinizi PNG resim veya video dosyası olarak dışa aktarmayı ve yüksek kaliteli dışa aktarma için iş akışı ipuçlarını öğreneceksiniz.
Canvas Sketch’in kurulumu, projelerin başlatılması, dinamik canvas boyutlarının yönetimi ve çizimlerin tarayıcıda veya terminalde çalıştırılması adım adım gösterilir.