آموزش کدنویسی خلاقانه شیرجه عمیق برای مبتدیان

Creative Coding Deep Dive for Beginners

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

اگر قدم به قدم پیش بروید، ساختن چیزهای زیبا با کد می تواند آسان باشد. بیایید کدنویسی خلاقانه را بررسی کنیم و کشف کنیم که با ترکیب تکنیک های مختلف طراحی و انیمیشن چه کاری می توان انجام داد.

دانش قدرت است. به همین دلیل است که ما فقط از اصول اولیه برنامه نویسی - توابع، آرایه ها و حلقه های for- و جاوا اسکریپت وانیلی ساده، بدون چارچوب و کتابخانه استفاده خواهیم کرد. وقتی چندین پروژه متحرک ایجاد می کنیم، هر خط کد را توضیح خواهم داد. درک کامل نحوه عملکرد کد به ما این امکان را می‌دهد که کنترل کاملی بر روی کد به دست آوریم و می‌توانیم کاری کنیم که هر کاری که می‌خواهیم انجام دهد.

اجازه دهید به شما نشان دهم چگونه یک خط ساده بکشید، آن را متحرک سازید، و سپس آن را به جلوه های پیچیده تر و پیچیده تر تبدیل کنید، زیرا تکنیک های بیشتری را یکی یکی به جعبه ابزار کدنویسی خلاقانه خود اضافه می کنیم.

امروز اسرار کدنویسی خلاقانه را کشف کنید. بزرگترین راز این است که در واقع ساختن انیمیشن های پیچیده و زیبا بسیار ساده تر از آن چیزی است که فکر می کنید. فقط باید قدم به قدم آن را طی کنید. اگر فرآیند را به بخش های جداگانه تقسیم کنید، همه چیز منطقی است.

درس 1 - 16:

در اولین بلوک مناسب برای مبتدیان، نحوه ترسیم اشکال بر روی بوم و نحوه متحرک سازی آنها، تبدیل آنها به مارپیچ های متحرک، رعد و برق های رنگین کمان و خط خطی های تصادفی را یاد خواهیم گرفت.

درس 17 - 39:

اگر قبلاً اصول طراحی روی بوم HTML را درک کرده اید، می توانید مستقیماً به بخش 2 بروید، جایی که من پروژه دوره اصلی را از ابتدا شروع می کنم. ما یک میدان جریان متحرک ایجاد می کنیم، با آن آزمایش می کنیم، و آن را در اطراف متن و تصاویر خم می کنیم.

خوش بگذرانید!


سرفصل ها و درس ها

درس ها Lessons

  • نکات، ترفندها و آزمایش ها Tips, tricks & experiments

  • حالت شبکه و اشکال زدایی Grid and debug mode

  • میدان جریان چیست What is a flow field

  • نحوه کشیدن خطوط How to draw lines

  • نحوه پر کردن اشکال با الگو How to fill shapes with a pattern

  • جریان و شیب Flow and gradients

  • متحرک سازی خطوط Animating lines

  • آزمایشات میدانی جریان Flow field experiments

  • نحوه رسم مستطیل How to draw rectangles

  • راه اندازی بوم HTML HTML canvas setup

  • جلوه خط‌نویسی آشوب Chaos scribbles effect

  • نحوه ایجاد یک میدان جریان How to create a flow field

  • اثر طوفان رعد و برق رنگین کمان Rainbow lightning storm effect

  • هنر خط تصادفی Randomized line art

  • معرفی Introduction

  • طراحی تعاملی Responsive design

  • رنگ های پویا با HSL Dynamic colors with HSL

  • ترسیم خطوط و مسیرها Drawing lines and trails

  • ترسیم خطوط چند بخش Drawing multi-segmented lines

  • مثلثات Trigonometry

  • الگوهای حرکتی با مثلثات Motion patterns with trigonometry

  • ایجاد یک فیلد برداری Creating a vector field

  • فیلدهای جریان تصویر توضیح داده شده است Image flow fields explained

  • نقاشی متن Drawing text

  • متحرک سازی سیستم های ذرات Animating particle systems

  • آزمایش با الگوهای میدان جریان Experimenting with flow field patterns

  • ترسیم سیستم های ذرات Drawing particle systems

  • ترفندهای دستکاری رنگ Color manipulation tricks

  • رنگ های تصادفی Randomized colors

  • راه اندازی جاوا اسکریپت JavaScript setup

  • گرادیان های شعاعی Radial gradients

  • برنامه نویسی شی گرا Object oriented programming

  • تبدیل رنگ ها به زاویه Converting colors into angles

  • کشیدن اشکال روی بوم Drawing shapes on canvas

  • گرادیان های خطی Linear gradients

  • جلوه های خود را با سایه ها بهبود دهید Improve your effects with shadows

  • برنامه نویسی شی گرا در جاوا اسکریپت Object oriented programming in JavaScript

  • راه اندازی HTML و CSS HTML & CSS setup

  • مدیریت داده های پیکسلی Handling pixel data

  • درک داده های پیکسلی Understanding pixel data

نمایش نظرات

آموزش کدنویسی خلاقانه شیرجه عمیق برای مبتدیان
جزییات دوره
2h 50m
40
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
11
- از 5
ندارد
دارد
دارد
Frank Dvorak
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Frank Dvorak Frank Dvorak

توسعه دهنده وب فرانت اند و مدرس در آزمایشگاه فرانک سلام، من فرانک هستم! من یک توسعه‌دهنده وب مقدماتی، مالک کانال یوتیوب آزمایشگاه Frank هستم، که در کدنویسی خلاقانه با جاوا اسکریپت وانیلی و بوم HTML تخصص دارد. بیایید چند هنر، بازی و پروژه های بصری بسازیم و در مورد HTML، CSS، جاوا اسکریپت و توسعه وب جلویی بیاموزیم! در دوره هایم فقط از جاوا اسکریپت ساده وانیلی، بدون فریمورک و بدون کتابخانه استفاده می کنم. وقتی درک عمیقی از زبان برنامه نویسی جاوا اسکریپت داشته باشید، انتخاب هر کتابخانه ای آسان است.