Yaratıcı Kodlama: JavaScript ile Görseller Oluşturma
A course by Bruno ImbriziYaratıcı Kodlayıcı
A course by 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.
What is this course's project?
Kod kullanarak bir web tarayıcısında uygulanabilecek bir dizi yaratıcı görsel kompozisyon tasarlayın.
Kurs öğrencilerinin projeleri
Who is this online course for?
Bu kurs, programlamaya ilgi duyan ve kod aracılığıyla görseller oluşturmayı öğrenen herkese yöneliktir.
Requirements and materials
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
- 16 gün önce
Great course, I wish I’d had a stronger foundation in coding before taking it.
- 1 ay önce
Excellent introductory course
- 2 ay önce
Great course!!!
- 2 ay önce
I loved this! I learned a lot and I sincerely recommend this course.
- 4 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.
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
Creative coding is using programming for artistic or visual expression. This course teaches you how to use JavaScript, HTML, and Canvas to create interactive visuals and generative art through hands-on coding experiments.
This course is designed for intermediate users. Basic familiarity with JavaScript and web development is recommended, but key concepts and tools are explained step by step for those with some coding background.
You'll need a code editor like Sublime Text or Visual Studio Code, Node.js, npm, and a modern web browser. The course also covers installing and setting up all required tools for creative coding projects.
You'll learn to create generative art, interactive visuals, and prototypes using JavaScript, Canvas, and web technologies. Topics include drawing shapes, transformations, animation, exporting graphics, and using libraries like Canvas Sketch.
The course teaches you to use JavaScript Canvas API methods such as fillRect, arc, and fillStyle to draw and style rectangles, circles, and other shapes directly in the browser.
Yes, you'll learn to export your generative sketches as PNG images or video files using Canvas Sketch CLI, along with workflow tips for high-quality exports.
You'll be guided through installing Canvas Sketch, initializing projects, managing dynamic canvas dimensions, and running sketches in your browser or terminal.