عنوان سرچ شده -

زوم تصاویر با جاوااسکریپت

تغییر تصویر زوم شده

https://roocket.ir/series/javascript-projects/episode/54

در این جلسه به شما نشان میدهم که چطوری می‌توانیم تصویری از گالری انتخاب کنیم و تا بعدا بتوانیم روی آن عملیات زوم شدن را انجام دهیم.

پیاده‌سازی html و css گالری تصاویر

https://roocket.ir/series/javascript-projects/episode/52

در این جلسه html و css مربوط به گالری تصاویری که قرار است به عنوان پروژه اول زوم تصاویر استفاده کنیم را پیاده‌سازی میکنم.

ایجاد ساختار پکیج

https://roocket.ir/series/javascript-projects/episode/53

در این جلسه ساختار پکیج گونه‌ای ایجاد میکنم تا شما بتوانید به هر تعداد که خواستید در صفحه بتوانید از کد زوم تصاویر استفاده کنید

دمو پروژه زوم تصاویر

https://roocket.ir/series/javascript-projects/episode/51

در این جلسه یک دمو از دو پروژه زوم بر روی تصاویر که قرار است در این بخش پیاده‌سازی شود را به شما نمایش خواهم داد.

بازبینی پروژه زوم

https://roocket.ir/series/javascript-projects/episode/59

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

پیا‌ده‌سازی لنز زوم

https://roocket.ir/series/javascript-projects/episode/57

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

پیاده‌سازی پروژه دوم زوم تصویر

https://roocket.ir/series/javascript-projects/episode/56

در این جلسه کار بر روی پروژه دوم زوم که در جلسه دمو به شما نمایش دادم را شروع میکنم، این پروژه به مراتب بزرگتر و پیشرفته‌تر از پروژه زوم قبلی است.

نمایش نقطه زوم شده

https://roocket.ir/series/javascript-projects/episode/58

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

زوم روی تصویر

https://roocket.ir/series/javascript-projects/episode/55

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

لودکردن تصاویر

https://roocket.ir/series/learn-webpack/episode/7

در این جلسه روش لودکردن تصاویر در فایل های جاوااسکریپتی به واسطه loader تصاویر در webpack را به شما آموزش خواهم داد.

استفاده از تصاویر

https://roocket.ir/series/learn-html/episode/8

در این جلسه قصد دارم روش استفاده از تصاویر را با استفاده از تگ مربوطه در html به شما آموزش دهم تا بتوانید در وبسایت های که قرار است طراحی کنید به سادگی از این تگ استفاده کنید.

آپدیت و حذف کردن ویدیو ها

https://roocket.ir/series/video-sharing-project-with-laravel/episode/10

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

استفاده از filter برای تصاویر

https://roocket.ir/series/learn-css/episode/32

در این جلسه روش استفاده از filter برای تصاویر در css را به شما آموزش میدهم. شما با این فیلترها میتوانید تصاویر خود را شفاف یا سیاه و سفید کنید.

آپلود فایل و تصویر و ایجاد کردن تصاویر شاخص مختلف

https://roocket.ir/series/build-an-educational-website-and-shop-with-laravel/episode/4

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

استفاده از تصویر در بکگراند - بخش دوم

https://roocket.ir/series/learn-css/episode/25

در ادامه جلسه گذشته، در این جلسه، روش‌ها و خصوصیاتی که میتوان در هنگام فراخوانی کردن تصاویر در بکگراند استفاده کرد را به شما آموزش خواهم داد.

استفاده از تصویر در بکگراند

https://roocket.ir/series/learn-css/episode/24

در این جلسه قصد دارم روش استفاده کردن یک تصویر در بکگراند با استفاده از css را به شما آموزش دهم تا بتوانید به سادگی تصاویر را در وبسایتتان در بکگراند مورد استفاده قرار دهید.

کامپایل جاوااسکریپت با Babel

https://roocket.ir/series/learn-webpack/episode/9

اگر تصمیم دارید از ویژگی های جدید ecmascript 6 در کدهای جاوااسکریپت خود استفاده کنید و برای اینکه بتوانید از کدهای جاوااسکریپت خود در مرورگرهای قدیمی تر هم استفاده کنیم نیاز است که کدهای خود را به ورژنی از جاوااسکریپت تبدیل کنید که در مرورگرهای قدیمی تر هم قابل اجرا باشد که این کار را B...

کامپایل جاوااسکریپت با Babel

https://roocket.ir/series/javascript-es6-tutorial/episode/33

برای اینکه مرورگرهای قدیمی تر از کدهای جاوااسکریپت ES6 شما پشتیبانی کنند نیاز به این داریم که کدها را به ورژنی از جاوااسکریپت تبدیل کنیم که این قابلیت پشتیبانی بوجود بیاید . در این جلسه تصمیم دارم روش استفاده از ابزاری با عنوان BABEL را به شما آموزش دهم که دقیقا این وظیفه را بر عهده دار...

معرفی جاوااسکریپت

https://roocket.ir/series/learning-javascript/episode/0

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

معرفی جاوااسکریپت

https://roocket.ir/series/javascript-tutorial/episode/1

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