آموزش جاوا اسکریپت سرگرم کننده: یک برنامه جلوه های عکس بسازید!
Javascript Fun: Build a Photo Effects App!
به مجموعه سرگرم کننده جاوا اسکریپت خوش آمدید!
همه کد، منابع و مراحل پروژه را می‌توانید در اینجا پیدا کنید:
https://github.com/chrisdixon161/fun-javascript-projects.com
برای طراحی یا توسعه وب، 3 فناوری ضروری وجود دارد، HTML، CSS، و جاوا اسکریپت.
هدف اصلی مجموعه سرگرم کننده جاوا اسکریپت این است که دانش شما را از این 3 مورد استفاده کند (فقط کمی لازم است!)، و با ساختن یک سری پروژه های آموزشی و در عین حال سرگرم کننده که دقیقاً به شما نشان می دهد که چگونه کار می کنند، آنها را عملی کنید. کاملا با هم کار بر روی پروژه ها و حل مشکلات یک راه عالی برای یادگیری است.
پروژه ای که در این دوره خواهیم ساخت، یک برنامه ویرایش عکس جاوا اسکریپت خواهد بود.
همه ابزارهای مورد نیاز برای دانلود رایگان هستند، من از موارد زیر استفاده خواهم کرد:
ویرایشگر متن کد ویژوال استودیو:
مرورگر وب کروم:
ما با ایجاد رابط کاربری با HTML شروع می کنیم. سپس با استفاده از CSS یک استایل را اعمال می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم، اینجاست که جادوی واقعی اتفاق می افتد!
شما چیزهایی مانند:
یاد خواهید گرفت- ایجاد رابط های HTML
- یک ظاهر طراحی شده با CSS
- ترکیب جاوا اسکریپت و پیوند دادن فایل های خارجی
- Const and let
- عملکردهای پیکان ES6
- کنترل کننده رویداد
- دستکاری DOM
- طراحی روی بوم
- حلقه ها
- استفاده از بافت 2 بعدی بوم
- کار با فایل خوان
- در حال آپلود تصاویر
- ساختار پیکسل ها چگونه است
- حلقه زدن از طریق داده های پیکسل
- دستکاری و جایگزینی پیکسل ها روی بوم
- دانلود تصاویر
- و خیلی بیشتر!
بنابراین اگر به دنبال ادامه دادن و به کارگیری مهارت های خود با استفاده از پروژه های واقعی هستید، مشتاقانه منتظر حضور شما در کلاس هستم!
کلاس کاملاً مبتنی بر پروژه است.
پروژه ای که در این دوره خواهیم ساخت، یک ویرایشگر عکس جاوا اسکریپت است.
ما با ایجاد رابط کاربری با HTML شروع می کنیم. یک استایل را با استفاده از CSS اعمال می کنیم.
سپس جاوا اسکریپت را اضافه می کنیم، اینجاست که جادوی واقعی اتفاق می افتد!
ادامه دهید و هر طور که دوست دارید خلاق باشید و من مشتاقانه منتظرم تا آنچه را که ایجاد می کنید ببینم!
درس ها Lessons
-
آپلود تصاویر Uploading Images
-
یک ظاهر طراحی با CSS Styling With CSS
-
حلقه زدن از طریق داده های تصویری Looping Through Image Data
-
درک داده های پیکسل Understanding Pixel Data
-
پاک کردن و دانلود تصویر Clear & Download Image
-
طراحی روی بوم Drawing To The Canvas
-
توابع خاکستری، قهوه ای و معکوس Greyscale, Sepia & Invert Functions
-
ایجاد رابط کاربری Creating The User Interface
-
من را در Skillshare دنبال کنید! Follow Me On Skillshare!
-
افزودن جلوه های اضافی Adding Additional Effects
-
به کلاس خوش آمدید! Welcome To The Class!
https://donyad.com/d/f163
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات