https://virgool.io/feed/@omid7617 fa 2026-06-08 00:40:23 https://static.virgool.io/images/default-avatar.jpg https://virgool.io/@omid7617 https://virgool.io/shamsipour/%D8%AA%D8%B9%D8%B1%DB%8C%D9%81-%D8%A7%D9%86%DB%8C%D9%85%DB%8C%D8%B4%D9%86-%D9%88-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%A2%D9%86-%D8%AF%D8%B1-css-lv5gbialf3ze انیمیشن می تواند یکی از اون سوال های حیله گرانه در حین مصاحبه باشد که طراحان وتولیدکنندگان داخلی و خارجی از عهده اش بر می آیند به هر حال می تونه نیرنگ آمیز باشد و با توجه به اینکه خیلی ساده شروع می شود که شامل ساختن یک فریم کلیدی بر اساس ترتیب که می تواند تغییر کند و تغییرات اعمال شده می تواند بر اساس قوانین سی اس اس باشد. انیمیشن ها هم مثل transition ها ویژگی های نمایشی عناصر را در طول زمان تغییر می دهند. تفاوت اصلی در این است که ترنزیشن ها به طور خودکار در زمان تغییر یک ویژگی (مثلا در زمان رویداد hover) عمل می کنند اما انیمیشن ها زمانی که به صورت دستی ویژگیanimation اعمال شود, عمل می کنند. به همین دلیل برای به وجود آوردن یک انیمیشن نیاز است که تغییرات ویژگی های یک عنصر را که قرار است متحرک سازی شود در یک keyframes@ تعریف کرده و سپس از آن بوسیله ویژگی animation استفاده کنیم. شما می توانید در هنگام انیمیشن سازی ابتدای و انتهای انیمیشن مورد نظر خودتان را به صورت آهسته نمایش دهید و حتی می توانید انیمیشن را در هنگام پخش آن را با تاخیر روبه روکنیدو به این کار میگن قانون کامبو.در داخل سی اس اس قانون کامبو را داریم و قوانین خیلی خاص زیادی دیگر که همه ی این ها در یک انیمیشن اتفاق می افتد.پس خیلی مهمه که بدونید تغییراتی را روی انیمیشن انجام دهید و انهارا با استفاده از جاوا اسکریپتکنترل کنید برای یادگیری کار با انیمیشن در css بصورت عملی فایل بازتولید بنده از سایت لیندا را میتوانید در لینک زیر ببینید: https://www.aparat.com/v/8fVKx امیدعلیخانی امیدعلیخانی Tue, 08 Jan 2019 20:44:21 +0330 https://virgool.io/shamsipour/%D9%86%D9%88%D8%AF-%D8%AC%DB%8C-%D8%A7%D8%B3-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88%DA%A9%D8%A7%D8%B1%D8%A8%D8%A7-%D9%81%D8%B1%DB%8C%D9%85%D9%88%D8%B1%DA%A9-bower-ninbi3dfbyev نود جی اس Node.js پلتفرمی است بر پایه موتور جاوااسکریپت کروم که به منظور طراحی و تولید برنامه های سریع و قابل گسترش ایجاد شده است. در گذشته جاوا اسکریپت بیشتر در صفحات وب و در قسمت کلاینت برنامه های وبی مورد استفاده قرار میگرفت. با ظهور Node.jsامکان تولید نرم افزار سمت سرور با استفاده از جاوااسکریپت به راحتی امکان پذیر شده است.در این مقاله می خواهیم با بیان دلایلی برای یادگیری Node.js حرفه ای تر برنامه نویسی کنیم. چرا Node.js ؟خود سایت Node.js اینطور بیان می‌کنه که:محیط Node.js بر اساس موتور V8 کروم ساخته شده.محیط Node.js از یک مدل رویداد محور و non-blocking I/O استفاده می‌کنه که این Node.js رو سبک و کارآمد می‌کنه.محیط Node.js اکوسیستمی برای پکیج‌هاش داره به نامه npm که بزرگ‌ترین اکوسیستم کتابخانه‌های متن باز در دنیاست. چطوری یه کد ساده توی Node.js بزنیم؟ برای این کار نیازه که Node.js رو نصب کرده باشی که می‌تونی بری توی سایتش و نسبت به سیستم عاملتون فایلش رو دانلود کنید و نصب و تمام.این از اولش. بعدش هرجا که دلتون خواست، یه فایل بسازید مثلا example.js و توش یه کد خیلی خیلی ساده جاوااسکریپت بنویسید. مثلا بنویسید:1console.log('Hello World!');حالا توی ویندوز مثلا cmd و با اون به مکانی برید که فایل example.js داخلش وجود داره. حالا تایپ کنید:node example.js کدام کمپانی ها از Node.js استفاده می کنند؟MicrosoftGoogleamazonSONYIBMمعرفی فریمورک BOWER فریمورک Bower یک ابزار مدیریتی (Pakage Manager) جاوااسکریپت است. این ابزار مدیریتی سمت کلاینت هست و با اون میتونین به راحتی با یه دستور کوتاه انواع کتابخونه های HTML و CSS و Javascript یا هر فریم ورکی رو روی پروژه خودتون نصب کنید. بهتره که ساده تر بگم، هرچیزی که شما برای ساخت وبسایتتون نیاز دارین و گاها پیداکردن اینا میتونه زمانبر باشه به راحتی میتونین توی پروژتون اضافه کنید.چه مزایایی داره؟همانطور که گفته شد در Bower با یه خط دستور کوتاه میتونین هر ابزاری رو داشته باشید.به راحتی میتونین  ابزارهایی که با این پکیج منیجر اضافه کردید رو بروزسانی یا به ورژن های بالا تر ارتقا بدید.وقتی یک مرتبه کتابخونه یا ابزارهای دیگری رو نصب کنید دفعه بعدی دیگه نیازی نیست به اینترنت متصل باشید و bower مراحل کش رو انجام میده و آفلاین میتونین کتابخونه های مورد نظر خودتون رو داشته باشید. فریمورکBower یک package manager تولید شده برای تکنولوژی ها و ابزارهای سمت client هست.با bower میتونید اسکریپت های رو نصب و جستجو کنید. نصب bowerبرای نصب Bower باید Node.js رو نصب داشته باشیم، نصب این نرم افزار به راحتی و با چند تا Next میتونه نصب بشه و از طریق لینک زیر می تونین اون رو دانلود کنید.دانلود Node.jsبعد از نصب این نرم افزار به واسطه همین Node.js باید Bower رو نصب کنیم، جستجو کتابخانه ها و فریم ورک ها و نصب آن ها با bowerا به اینجا که پکیج Bower رو داریم حالا میخوایم جستجو کنیم چه کتابخونه یا فریم ورکی و یا ابزارهایی رو داره . ما میتونیم به دو روش این کار رو انجام بدیم :اول اینکه از طریق سایت bower.io دنبال چیزی که میخوایم بگردیمروش دوم این هست که از طریق کامندلاین سیستم عامل با دستور کوتاهی به هدفمون برسیم ساخت و کاربرد bower.json و بروزرسانی پکیج هااین یه فایلی هست که کد جیسون داخلش قرار میگیره .به طوری کلی اطلاعاتی رو داخل خودش نگه میداره . خیلی ساده بخوام بگم شما میتونین با همین یه دونه فایل ، تمام پکیج های موردنیاز رو نصب کنید. یعنی هربار که به وسیله Bower پکیجی رو نصب کردید می تونین اطلاعات اون رو در داخل bower.json ذخیره کنید تا در آینده فقط با همین فایل تمام پکیج هارو برای شما نصب کنه و دیگه پوشه bower_components رو جابجا نکنید. برای یادگیری کار با پلتفرم node js و فریمورک bower بصورت عملی ارائه من سر کلاس طراحی وب استاد ابریشمی در دانشکده شهید شمسی پور تهران رو میتونید ویدیو زیر رو ببینید: https://www.aparat.com/v/B936L امیدعلیخانی امیدعلیخانی Wed, 26 Dec 2018 01:09:40 +0330