پست‌های انتشارات دانشکده فنی شهید شمسی پور

Deep Fake چیست؟

majidyahyazadeh — Thu, 16 Jan 2020 19:02:27 +0330

فناوری دیپ فیک (جعل عمیق) چیست و چرا خطرناک است؟امروزه مرزهای تکنولوژی و فناوری خیلی فراتر از آنچه تصور می‌شود، گسترده شده است. اگر در گذشته تنها ممکن بود عکستان توسط نرم افزارهای مختلف گرافیکی دستکاری شده و چیزی خلاف واقعیت را به بیننده نشان دهد، امروز با فناوری خطرناک‌تری روبه‌رو هستیم که می‌تواند چهره و صدای شما را به طرز شگفت‌آوری تقلید کرده و در قالب ویدیوهای غیرواقعی منتشر کند.فناوری دیپ فیک یا «جعل عمیق» در سال 2014 برای اولین بار توسط یک دانشجوی مقطع دکترا به نام «ایان گودفلو» اختراع شد. گفتنی است گودفلو در حال حاضر در شرکت اپل مشغول به کار است.دیپ فیک از ترکیب دو واژه دیپ (Deep) به معنای عمیق و فیک (Fake) به معنای جعلی و دروغین تشکیل شده است و براساس هوش مصنوعی قادر است تصاویر انسان را به صورت واقع گرایانه تولید و سنتز کند. در فناوری دیپ فیک یا همان جعل عمیق، از دسته خاصی از الگوریتم یادگیری ماشین با نام «شبکه‌های مولد تخاصمی» یا «Generative Adversarial Networks» استفاده می‌شود تا تصاویر یا ویدیوهای موجود روی مجموعه‌ای از تصاویر و ویدیوهای منبع، ترکیب و برهم‌نهی شود.دیپ فیک مبتنی بر روش‌ یادگیری عمیق است و از شبکه‌های مولد تخاصمی که به اختصار به آنها شبکه‌های GAN گفته می‌شود، استفاده می‌کند. الگوریتم‌های GAN از دو مدل هوش مصنوعی تشکیل می‌شوند. در این سیستم وظیفه یکی از مدلها تولید محتوا (تولید تصاویر افراد) و وظیفه مدل رقیب، تشخیص واقعی بودن و یا جعلی بودن عکس تولید شده است. گفتنی است در ابتدای کار مدل هوش مصنوعی رقیب قادر است به راحتی عکس جعلی را از عکس واقعی تشخیص دهد اما با گذشت زمان دقت و عملکرد مدل هوش مصنوعی تولید کننده به قدری افزایش می‌یابد که تشخیص جعلی بودن محتوای تولید شده برای مدل رقیب بسیار سخت می‌شود.ماه نوامبرِ سال ۲۰۲۰ میلادی است و درست چند روز تا آغاز رأی‌گیری انتخابات ریاست‌جمهوری ایالات متحده آمریکا فاصله داریم. مردم، خود را برای شرکت در انتخابات آماده می‌کنند که به‌ناگهان ویدئو‌یی عجیب و بهت‌آور در سراسر اینترنت منتشر می‌شود. همه درنهایت بهت و حیرت، نامزد پرسرو‌صدا و احتمالاً محبوبشان را مشاهده می‌کنند که از تشخیص سرطان بدخیم توسط پزشکانش خبر می‌دهد؛ «من برای رهبری بیش‌از‌اندازه ناتوان و بیمار هستم؛ لطفاً به‌ من رأی ندهید.»هیچ‌کس نمی‌داند که چه‌ بلایی بر سرِ آینده کشور خواهد آمد. در‌حالی‌که گمانه‌زنی‌ها درباره بیماری آقای رئیس‌جمهورِ احتمالی شروع شده، خبری دیگر در رسانه‌های اجتماعی مثل بمب صدا می‌کند که به‌مراتب از خبر پیشین شوکه‌کننده‌تر است.اینطور که به‌نظر‌ می‌رسد، یک ملت بازیچه‌ی دستِ یک‌سری افرادِ ناشناس شده‌اند؛ بله درست حدس زده‌اید، هیچ سرطانی در کار نبوده و تمامِ اتفاقاتِ ویدئو موردبحث، به‌صورت مصنوعی و توسط هوش‌ مصنوعی درست شده است. عده‌ای همچنان در شوک قرار دارند و نمی‌توانند اتفاقاتِ روزهای گذشته را هضم کنند؛ در‌حالی‌که گروهی دیگر از مردم، چنین خبری را تغییر نظر سریع آقا یا خانم نامزد به‌حساب می‌آورند.برداشت‌ها هرچه‌ که باشد، دیگر کار از کار گذشته و سرنوشت یک کشور، یا بهتر است بگوییم سرنوشت یک جهان در مسیرِ دیگری قرار گرفته است.سناریو‌ی بالا اگرچه درظاهر تخیلی به‌نظر می‌رسد، اما باوجود پدیده‌ای جدید به‌نام دیپ‌فیک، می‌توان به‌وقوع‌پوستنِ این تخیل را در دنیای واقعی متصور شد.چرا فناوری دیپ فیک خطرناک است؟فناوری دیپ فیک یا همان جعل عمیق در طول ظهور و پیدایش خود، نه تنها جامعه بازیگران و سلبریتی‌ها را هدف گرفته بلکه به حریم چهره‌های بزرگ سیاستمدار نیز تجاوز کرده است. به عنوان مثال چندی پیش ویدیویی از باراک اوباما منتشر شد که در آن دونالد ترامپ را فردی حقیر و غیرمنطقی خطاب می‌کرد. اگرچه این ویدیو صحت نداشت و کاملا غیرواقعی بود اما افراد زیادی در ابتدا آن را باورد کردند و دست به انتشار آن در فضای مجازی کردند. در همین راستا رئیس جمهور سابق آمریکا، باراک اوباما، در خصوص تکنولوژی دیپ فیک اظهار نظر کرده و ابراز کرده است در دنیایی که می‌توانند به سادگی صحبت‌ها و ویدیوهای غیرواقعی از من ساخته و منتشر کنند، به مرحله‌ای خواهیم رسید که تشخیص مرز بین واقعیت و دروغ بسیار مشکل خواهد شد و این مطمئنا بر پایه‌‎های دموکراسی ما که بر مبنای حقیقت است، تاثیر خواهد گذاشت.در حقیقت از آنجا که این فناوری بر مبنای هوش مصنوعی است و نیازی به دخالت مستقیم انسان ندارد، هر فردی می‌تواند از طریق دیپ فیک، ویدیوی جعلی و در عین حال واقع‌گرایانه تولید کند. در نتیجه متاسفانه افراد با اهداف خصمانه می‌توانند فیلم‌های غیراخلاقی از چهره‌های مشهور تهیه و تولید کنند و زندگی شخصی آن‌ها را به راحتی به خطر بیندازند. گفتنی است این فناوری سبب کسب درآمد نیز شده است و افراد بسیاری در انجمن‌های اینترنتی مختلفی وجود دارند که حاضرند برای ساخت یک ویدیوی دیپ فیک و غیراخلاقی از فرد موردنظرشان پول زیادی پرداخت کنند.علاوه بر ایجاد محتوای غیراخلاقی از افراد مختلف، دیپ فیک می‌تواند واقعیات جامعه را تحریف کرده و اطلاعات نادرست و غیرواقعی به افراد جامعه ارائه کند. در نتیجه حریم خصوصی افراد به راحتی مورد هدف قرار گرفته و دموکراسی و امنیت ملی یک کشور نیز به خطر می‌افتد. https://www.aparat.com/v/HIxzt نمونه ویدئو با دیپ فیکسرنوشت نرم افزار دیپ فیک Zao که ویدیوی جعلی می‌ساختاپلیکیشن چینی Zao که چندی پیش به عنوان یکی از پرسروصداترین اپ‌ها شناخته می‌شد، قادر است در کسری از ثانیه با دریافت چند عکس از کاربر، چهره او را به سلبریتی موردعلاقه‌اش تبدیل کند. اما پس از چندی کاربران بسیاری به سرعت موجی از نارضایتی خود را در خصوص نقض حریم خصوصی خود اعلام کردند و حال این نرم افزار، سیاست‌های خود را بعد از واکنش جدی و بازخوردهایی که از سوی کاربران دریافت کرده، تغییر داده است.این اپلیکیشن قادر است با استفاده از هوش مصنوعی، تصویر چهره کاربر را روی چهره یک شخص دیگر گذاشته و در قالب یک فایل گیف (GIF) و یا حتی ویدیو آن را به نمایش درآورد. نرم افزار دیپ فیک Zao یک اپلیکیشن رایگان است و به عنوان یکی از پرطرفدارترین برنامه‌های موجود در اپ استور شناخته می‌شود. نحوه نصب و استفاده از این برنامه بسیار ساده و آسان است. کافی است پس از نصب، شماره موبایل خود را وارد کرده و سپس تعدادی از عکس‌های موجود در گوشی خود را روی برنامه بارگذاری کنید. حال می‌توانید ویدیوهای سلبریتی‌های مختلف از دی کاپریو گرفته تا مارلین مونرو، یکی را انتخاب کنید تا اپلیکیشن چهره شما را روی تصویر سلبریتی موردعلاقه‌تان برهم‌گذاری کند.اما منبع خبری رویترز گزارش می‌کند که کاربران بسیاری پس از اینکه متوجه شدند با بارگذاری تصویر خود در Zao، این اجازه را به اپلیکیشن می‌دهند که از تصاویر آنها برای اهداف بازاریابی و تجارت خود استفاده کند، بسیار شاکی شدند و آن را نقض حریم خصوصی خود می‌دانند. درواقع اپلیکیشن Zao با استفاده از فناوری دیپ فیک قادر است در عرض چند ثانیه به طرز ماهرانه‌ای چهره کاربران را با تصاویر دیگر بازیگران جابه‌جا کند، این در حالی است که در نسخه قبلی این برنامه، عکس‌های کاربران برای همیشه در مالکیت توسعه‌دهندگان این برنامه قرار می‌گرفت و سازنده اپ می‌توانست بدون هیچ محدودیتی آنها را در اختیار شرکت‌های دیگر قرار دهد. اما پس از اعلام نارضایتی کاربران و حاشیه‌ای که پیرامون این نرم افزار پیش آمد، توسعه‌دهندگان این اپلیکیشن مجبور شدند که تمام عکس‌های قبلی کاربران را از سرورهای خود حذف کنند. سازندگان این نرم افزار طی بیانیه‌ای اعلام کردند که یکسری نگرانی در خصوص نقض حریم شخصی کاربران ایجاد شده بود که در همین راستا بند استفاده آزادانه از عکس‌های کاربران را از Zao حذف کردیم.و در آخر با توضیحات مختصر بنده در این باره همراه باشید. https://www.aparat.com/v/YyuCO

شبیه سازی جریان خون با استفاده از یادگیری عمیق (Deep Learning)

علی عزیزجهان — Wed, 15 Jan 2020 20:37:53 +0330

با نتایج تجربی موفق و کاربرد های گسترده، یادگیری عمیق[۱] پتانسیل تغییر آینده مراقبت های بهداشتی را دارد. استفاده از هوش مصنوعی به طور فزاینده ای رایج شده است و اکنون در تشخیص و درمان سرطان استفاده می شود. به طور مشابه، شبیه سازی خون هنگام پیش بینی مشکلات سلامتی مانند حمله قلبی، سکته ها و ... می تواند به چیز بزرگ دیگری [ ترند آینده :) ] تبدیل شود. سیستم گردش خون بدن ما وظیفه انتقال خون، مواد مغذی و اکسیژن به کل بدن را بر عهده دارد. هنگامی که جریان خون در قسمت خاصی از بدن مختل می شود، بر کل بدن تأثیر می گذارد. گردش خون ضعیف معمولاً علامتی برای یک مشکل اساسی بزرگتر است. بنابراین با مشاهده جریان خون در هر مکان خاص در بدن، می توانیم دریابیم که آیا در گردش خون در هر قسمت از بدن مشکلی وجود دارد و در نتیجه مشکل اساسی را پیدا کنیم. اما خون یک سیال غیر نیوتنی[۲] است و پیچیدگی های بالای محاسباتی آن به سرعت باعث بوجود آمدن یک محدودیت در این مسئله میشود. اما با استفاده از یادگیری عمیق ما میتوانیم جریان خون را الگوسازی کنیم.یک الگوریتم عددی برای حل معادلات دیفرانسیل تصادفی با مشتقات جزئی با ابعاد بالا، بخاطر نفرین شناخته شده ابعادی[۳]، یک فرآیند چالش برانگیز بوده است. اینجاست که روش Deep Galerkin وارد میشود. این یک الگوریتم یادگیری عمیق بدون نظارت است که ما با استفاده از آن، با تبدیل مسائل دنباله دار عامل به مسائل گسسته از طریق تبدیل معادله به یک فرمول ضعیف، میتوانیم معادلات دیفرانسیل جزئی با ابعاد بالا را حل کنیم. ما می توانیم این کار را با اجرای محدودیت های اولیه و مرزی انجام دهیم.ما میتوانیم سرعت و جریان خون را دریابیم و از این دو پارامتر به عنوان دو ویژگی در مجموعه داده خود استفاده کنیم. سرعت و جریان خون میتوانند با استفاده از معادلات دیفرانسیل جزئی نشان داده شوند. ما میتوانیم با حل این معادلات دیفرانسیل جزئی و به حداقل رساندن تلفات متعدد به طور همزمان جریان خون را مدلسازی و شبیه سازی کنیم. با مشاهده تغییر در سرعت و جریان خون ما توانیم احتمال بروز یک وضعیت نامطلوب بالقوه در سلامتی را پیش بینی کنیم. اما پیچیدگی های مربوط به رفتار غیر قابل پیش بینی یک سیال غیر نیوتنی مانند خون، خود را به عنوان یک مانع بزرگ سد راه جامعه علوم داده معرفی می کند.پاورقی و توضیحات:۱- Deep Learning۲- در علم فیزیک، سیال نوعی از ماده است که به طور مداوم تحت فشار برشی یا نیروی خارجی تغییر شکل می‌یابد یا جاری میشود. بر اساس این تعریف، مایعات و گاز ها جز سیالات هستند.گران‌رَوی یا ناروانی عبارت است از مقاومت یک سیال در برابر اعمال تنش برشی. به تعریفی دیگر، مقاومت اصطکاکی یک مایع یا گاز را در برابر شارش یا لغزیدن لایه‌ها، هنگامی که تحت تنش برشی قرار گیرد گِران‌رَوی می‌گویند. نام‌های دیگر گران‌روی عبارت است از: چسبناکی، وُشکسانی (وشک در فارسی به معنی صمغ است)، ویسکوزیته و لِزْجَت.کرنش (به انگلیسی: strain) در اصطلاح فیزیک به تغییر در طول جسم جامد در هر جهت نسبت به طول آن جسم در همان جهت که در اثر اعمال نیرو (تنش) پدید می‌آید، گفته می‌شودسیالات غیر نیوتنی، نوعی از سیالات هستند که گرانروی آنها با نرخ کرنش وارد بر آنها تغییر میکند. در نتیجه چنین سیالاتی فاقد گرانروی معین هستند و محاسبه گرانروی آنها بسیار پیچیده میباشد. مانند صابون های مایع، غذا هایی مانند کره، سس کچاپ و …۳-نفرین ابعادی در علم Big Data به مشکلاتی اتلاق میشود که با گسترش ابعاد بوجود می‌آیند و یا زیاد میشوند. موضوع و زمینه اصلی این مشکلات به این شکل هست که زمانی که ابعاد گسترش می‌یابند، حجم فضا چنان با سرعت افزایش می‌یابد که داده های موجود پراکنده میشوند.ویدئو توضیحات مقاله: https://www.aparat.com/v/Jmj24 https://www.aparat.com/v/Jmj24منابع:1-https://medium.com/ai-techsystems/blood-flow-simulation-using-deep-learning-7f8e4fb9524a2-https://fa.wikipedia.org/wiki/%D8%B3%DB%8C%D8%A7%D9%84_%D8%BA%DB%8C%D8%B1%D9%86%DB%8C%D9%88%D8%AA%D9%86%DB%8C3-https://fa.wikipedia.org/wiki/%D8%B3%DB%8C%D8%A7%D9%844-https://fa.wikipedia.org/wiki/%DA%AF%D8%B1%D8%A7%D9%86%E2%80%8C%D8%B1%D9%88%DB%8C5-https://fa.wikipedia.org/wiki/%DA%A9%D8%B1%D9%86%D8%B46-https://en.wikipedia.org/wiki/Curse_of_dimensionality

شبیه سازی سه بعدی (3D)

ktdanial76 — Sun, 12 Jan 2020 20:14:34 +0330

مدل سازی سه بعدی به معنای شبیه سازی یا بازسازی مدل کامپیوتری و دیجیتالی پروژه (کالا، محصول، خدمات) به وسیله کامپیوتر براساس یک نسبت مشخص و شبیه به پروژه واقعی (از نظر شکلی، فنی و عملکردی) است.به زبان روزمره، مدلسازی سه بعدی یعنی ساخت مدلی سه‌بعدی از اشیاء زنده یا بی‌جان در محیط گرافیک رایانه‌ای. شاید تا به حال چندان به این مساله توجه نکرده باشیم، اما بسیاری از ما در زندگی روزمرهٔ‌مان زیاد با مدل‌های سه‌بعدی سروکار داریم. انیمیشن‌های سه‌بعدی، جلوه‌های ویژهٔ فیلم‌ها و سریال‌ها و بازی‌های رایانه‌ای سه‌بعدی بخشی از زندگی روزمرهٔ بسیاری از ما هستند که از مدل‌های سه‌بعدی بسیاری تشکیل شده‌اند. اما سرگرمی تنها کاربرد مدل‌های سه‌بعدی نیست. در ادامهٔ این متن به این مساله می‌پردازیم که مدلسازی سه بعدی چه کاربردهایی در صنایع مختلف دارد و چگونه به بهبود و پیشرفت این صنایع کمک کرده است.به عبارت دیگر مدل سازی سه بعدی به کاربر اجازه می‎دهد پروژه‎های گوناگون خود را قبل از ساخت و تولید و در دنیای واقعی، توسط کامپیوتر ایجاد و به صورت مجازی بررسی کند تا بتواند آن را از زوایای مختلف مورد تجزیه و تحلیل قرار دهد و اصلاحات لازم را انجام دهد.انجام این کار به خودی خود یک امتیاز عالی و ارزشمند برای کلیه طراحان صنعتی، معماری، گرافیک و همچنین هنرمندان، صنعتگران و تمامی مدیران پروژه و مهندسی است.در مدل سازی سه بعدی از پروژه مورد نظر یک نمونه کامپیوتری ساخته می‎شود و در آن تمامی خصوصیات و جزئیات مطلوب پروژه برای مشاهده، بررسی، آموزش و نمایش نشان داده می‎شود.از نظر زمان شبیه‎سازی می‎توان مدل سازی سه بعدی یک پروژه را در سه دسته مختلف قرار دارد:مدل سازی سه بعدی قبل از تولید: این گروه از مدل‎های سه بعدی دیجیتال، قبل از تولید یا ساخت پروژه آماده می‎شوند. به عنوان مثال به منظور بررسی بهتر یک بنای ساختمانی، تجهیزات صنعتی یا طلا و جواهر.مدل سازی سه بعدی همراه با انجام پروژه: گروه دیگری از مدل‎های سه بعدی که موازی با عملکرد، استفاده و کاربرد پروژه به کار گرفته می‎شوند. مانند مدل سه بعدی از یک پالایشگاه که برای تسلط بهتر روی جزئیات آن ایجاد شده است و در سیستم دیسپچینگ و نظارت استفاده می‎شود.مدل سازی سه بعدی بعد از انجام پروژه: گروهی از مدل‎های دیجیتال که بعد از به اتمام رسیدن عمر پروژه (تعطیلی یا تخریب) کاربرد دارند. مانند مدل سازی سه بعدی که از بناهای تاریخی و اشیاء باستانی (اهرام ثلاثه مصر، تخت جمشید و غیره) تهیه می‎شود.طراحان، مهندسان و مدیران پروژه با کمک مدل های سه بعدی می‎توانند ویژگی و خصوصیات مختلف پروژه را که در دنیای واقعی امکان بررسی آن‎ها نیست را تحلیل کنند.علاوه بر این آن‎ها می‎توانند توسط مدل سازی سه بعدی کامپیوتری قبل از اقدام به عمل برای انجام پروژه تجسم دقیقی از ماهیت پروژه در اختیار داشته باشند و جنبه‎های مختلف آن را بررسی کنند.امروزه طراحان مدل سازی سه بعدی می‎توانند توسط نرم‎افزارهای پیشرفته کامپیوتری قابلیت‎های مختلف یک طرح را به خوبی نشان دهند که در ادامه مطلب به تعدادی از این نرم‎افزارها اشاره می‎کنیم.مدل‎های سه بعدی را می‎توان جدا از نمایشگر کامپیوتر به وسیله ویدئو پروژکتور روی صفحات بزرگ به نمایش گذاشت و در جلسات، کنفرانس‎ها و سمینارهای آموزشی آن‎ها را توضیح داد.علاوه بر این پرینترهای بزرگی در بازار وجود دارند که می‎توانند مدل سه بعدی را با کیفیت بالا و در ابعاد بزرگ چاپ کنند تا از آن برای تبلیغات در فضای باز به شکل پوستر، بنر، بیلبورد و تابلوهای بزرگ در پروژ‎های مختلف صنعتی و ساختمانی استفاده کرد.کاربردهای مدل‌سازی سه‌بعدیهمان‌طور که از عنوان این متن می‌توان حدس زد، تمرکز ما در این‌جا بیش‌تر روی کاربردهای صنعتی مدلسازی سه بعدی است. با این حال، مدل‌های سه‌بعدی کاربردهای بسیار متنوعی دارند که بد نیست اشارهٔ کوتاهی به برخی از آن‌ها داشته باشیم.صنعت سرگرمی: همان‌طور که در مقدمه به آن اشاره شد، شاید شناخته‌شده‌ترین کاربرد مدلسازی سه بعدی استفاده از آن در فیلم‌ها، انیمیشن‌ها و بازی‌های رایانه‌ای باشد. دایناسورهایی که در فیلم‌های «دنیای ژوراسیک» می‌بینید، شخصیت‌های بامزهٔ مجموعهٔ «عصر یخبندان» و اتومبیل‌های زیبایی که در بازی‌های «فورتزا» به تصویر کشیده شده‌اند، همه مدل‌های سه‌بعدی رایانه‌ای هستند. با این حال، این مدل‌ها به سطحی از فوتورئالیسم رسیده‌اند که گاهی اوقات تشخیص دادن آن‌ها از مدل‌های واقعی کار دشواری است.هنرهای تجسمی: وقتی از هنر صحبت می‌کنیم، معمولاً ابزارها و روش‌های سنتی و دستی در ذهن تداعی می‌شوند. اما حقیقت این است که هنر هم همگام با فناوری‌های روز به سمت جلو حرکت می‌کند. در حال حاضر، بسیاری از هنرمندان از نرم‌افزارهای مختلف، مانند نرم‌افزارهای مدلسازی سه بعدی، برای خلق آثار خود بهره می‌برند. این نرم‌افزارها، در کنار فناوری‌هایی مانند پرینت سه‌بعدی، رفته‌رفته در حال پیدا کردن جای خود در میان هنرمندان مدرن هستند.صنعت مد: شاید طراحان مد هنوز هم کاغذها و مدادهای طراحی‌شان را به ابزارهای دیجیتال ترجیح دهند، اما حقیقت این است که نرم‌افزارهای مخصوص مدلسازی سه بعدی پوشاک می‌توانند زندگی را برای طراحان مد راحت‌تر کنند. مانکن‌ها و مدل‌ها به این زودی قرار نیست شغل‌شان را از دست بدهند، اما با استفاده از این نرم‌افزارها می‌توان با زمان و هزینهٔ بسیار کم‌تری ایده‌ها و طرح‌های طراحان را آزمایش کرد. همچنین مدلسازی سه بعدی می‌تواند از طریق پرو مجازی زندگی را برای خریداران پوشاک هم راحت‌تر کند.کاربردهای علمی و نظامی: یکی از کاربردهای اصلی مدل‌های سه‌بعدی استفاده از آن‌ها برای شبیه‌سازی واقعیت است. شبیه‌سازی واقعیت یکی از ابزارهای پرکاربرد در حوزه‌های مختلف است، به‌خصوص حوزه‌هایی که با جان انسان‌ها سروکار دارند. دیگر نیازی به انجام دادن آزمایش‌های خطرناک نیست. با استفاده از شبیه‌سازی می‌توانید در محیطی امن انواع و اقسام آزمایش‌های مختلف را انجام دهید. علوم پایه، علوم زیستی و آموزش نظامی از جمله حوزه‌هایی هستند که می‌توانند از این شبیه‌سازی‌ها بیش‌ترین بهره را ببرند.ساخت‌وساز: نرم‌افزارهای مدلسازی سه بعدی هم به معماران کمک می‌کنند و هم به مهندسان ساخت‌وساز. دیگر نیازی به ساخت ماکت نیست. معماران می‌توانند با صرف زمان و هزینهٔ بسیار کم‌تر طرح‌ها و ایده‌های خود را به صورت مدل‌های سه‌بعدی پیاده‌سازی کنند و سپس آن مدل‌ها را با دیگران، از جمله مهندسان ساخت‌وساز، به اشتراک بگذارند. مهندسان هم می‌توانند از ابزارهای شبیه‌سازی برای انجام دادن آزمایش‌های مختلف پیش از شروع کردن مراحل ساخت استفاده کنند. حتی طراحان دکوراسیون داخلی هم از مزایای فناوری‌های جدید بی‌نصیب نمانده‌اند و می‌توانند از نرم‌افزارهای مختلف برای پیاده‌سازی و اشتراک‌گذاری ایده‌های خود بهره ببرند.طراحی صنعتی: صنعت یکی از آن حوزه‌هایی است که فناوری‌های جدید را با آغوش باز می‌پذیرد. نرم‌افزارهای طراحی و مدل‌سازی جای خود را در صنایع مختلف پیدا کرده‌اند و می‌توان گفت که تقریباً به طور کامل جایگزین روش‌های سنتی شده‌اند. از صنایع هوایی و خودروسازی گرفته تا طراحی و تولید مبلمان، بسیاری از صنایع در حال حاضر از نرم‌افزارهای مدلسازی سه بعدی برای طراحی محصولات‌شان بهره می‌برند و نرم‌افزارهای بسیاری هم وجود دارند که به طور تخصصی برای طراحی و شبیه‌سازی محصولاتی خاص تعبیه شده‌اند.نرم‌افزارهای مدل‌سازی مهندسینرم‌افزارهای مدلسازی سه بعدی رایانه‌ای شاخه‌ای از نرم‌افزارهای CAD (مخفف computer-aided design به معنی طراحی به کمک رایانه) محسوب می‌شوند. این مساله را می‌توان در نام بسیاری از این‌گونه نرم‌افزارها (که نام CAD را به دوش می‌کشند) مشاهده کرد.در حال حاضر، نرم‌افزارهای مدلسازی سه بعدی بسیار زیادی وجود دارند که هر کدام مزایا و معایب خود را دارند و برای اهداف خاصی طراحی شده‌اند.به عنوان مثال، Blender نرم‌افزاری رایگان و قدرتمند است که بیش‌تر برای ساخت انیمیشن و بازی‌های رایانه‌ای به کار می‌رود، ۳ds Max و Maya بیش‌تر برای ساخت انیمیشن و جلوه‌های ویژهٔ فیلم‌ها به کار گرفته می‌شوند یا مثلاً نرم‌افزار Marvelous Designer به طور خاص برای طراحی و شبیه‌سازی پوشاک طراحی شده است.همان‌طور که در بالا اشاره شد، تمرکز ما در این متن بیش‌تر روی کاربردهای صنعتی و مهندسی مدلسازی سه بعدی است. نرم‌افزارهای بسیار زیادی وجود دارند که به طور تخصصی برای این کاربردها طراحی شده‌اند، اما در زیر به معرفی کوتاه دو نمونه از این نرم‌افزارها بسنده می‌کنیم.نرم‌افزار AutoCAD: اگر سری به وب‌سایت این نرم‌افزار بزنید، می‌بینید که از آن برای طراحی گیتار و خلق تابلوهای پاپ آرت هم استفاده شده است، اما کاربرد اصلی نرم‌افزار AutoCAD در حوزه‌های معماری، مهندسی ساخت‌وساز و شهرسازی است. این نرم‌افزار ابزارهای مختلفی را در اختیار کاربرانش قرار می‌دهد و از هر دو نوع مدل‌سازی دوبعدی و سه‌بعدی پشتیبانی می‌کند. از نرم‌افزارهای مشابه می‌توان به نرم‌افزار SketchUp اشاره کرد.نرم‌افزار CATIA: اگر در حوزهٔ طراحی صنعتی فعالیت می‌کنید، CATIA یکی از گزینه‌هایی است که می‌تواند تقریباً تمام نیازهای‌تان را برآورده کند. از این نرم‌افزار برای طراحی و ساخت محصولات بسیار متنوعی استفاده شده است: از هواپیما و کشتی گرفته تا قطعات الکترونیکی و بسته‌بندی محصولات. ابزارهای بسیار زیادی در این نرم‌افزار گنجانده شده‌اند تا CATIA بتواند از مراحل طراحی اولیه تا ساخت محصولات نهایی همراه شما باشد. از نرم‌افزارهای مشابه می‌توان به Pro Engineerو NX اشاره کرد.مزایای استفاده از نرم‌افزارهای مدل‌سازی مهندسیهدف تمام فناوری‌ها بهتر یا ساده‌تر کردن زندگی برای تمام انسان‌ها یا گروهی از آن‌ها است. بدون شک نرم‌افزارهای مدلسازی سه بعدی زندگی را برای کاربران‌شان راحت‌تر کرده‌اند. در زیر به برخی از مزیت‌هایی می‌پردازیم که نرم‌افزارهایی مانند AutoCAD و CATIA برای طراحان، معماران و مهندسان به همراه داشته‌اند.زمان و هزینهٔ کم‌تر: سال‌ها پیش اگر می‌خواستید محصولی را طراحی کنید، باید ابتدا طرح‌تان را روی کاغذ می‌آوردید و سپس ماکتی را از روی آن می‌ساختید. اما امروزه می‌توانید نرم‌افزار مدلسازی سه بعدی مورد علاقهٔ‌تان را باز کنید و در زمانی بسیار کم‌تر و بدون صرف کم‌ترین هزینه‌ای برای ساخت ماکت، مدل‌هایی کاملاً سه‌بعدی را از ایده‌های درون ذهن‌تان بسازید.شبیه‌سازی و آزمایش: یکی از مزایای اصلی مدل‌های سه‌بعدی نسبت به طرح‌های روی کاغذ این است که می‌توانید مدل‌های سه‌بعدی را وارد برنامه‌های شبیه‌ساز کنید و سپس انواع و اقسام آزمایش‌های مختلف را روی آن‌ها انجام دهید. به این ترتیب، دیگر لازم نیست برای انجام دادن آزمایش‌های مختلف نمونه‌ای کامل از محصول‌تان را بسازید و آن را از آزمایشگاهی به آزمایشگاه دیگر ببرید. فقط کافی است مدل سه‌بعدی آن را وارد نرم‌افزار شبیه‌ساز مورد نظر کنید و در زمانی کم نتایج آزمایش‌های شبیه‌سازی‌شده را ببینید. به این ترتیب، می‌توانید حتی قبل از این که اولین نمونهٔ آزمایشی محصول‌تان را بسازید به بسیاری از مشکلات آن پی ببرید و آن‌ها را اصلاح کنید. علاوه بر این، محیط امن برنامه‌های مدل‌سازی و شبیه‌ساز باعث می‌شود تا دست‌تان برای خلاقیت به خرج دادن هم بازتر باشد. شما می‌توانید ایده‌های غیرمتعارف خود را به راحتی و بدون هیچ ترسی پیاده‌سازی کنید و در صورت دریافت نکردن جواب مناسب می‌توانید به سراغ ایدهٔ بعدی بروید. تنها محدودیتی که در این‌جا خواهید داشت قوهٔ تخیل خودتان است.اصلاح و ویرایش سریع‌تر: سال‌ها پیش اگر مشکلی را در نمونهٔ آزمایشی‌تان پیدا می‌کردید، باید طراحی‌ها را دوباره از اول انجام می‌دادید و سپس نمونهٔ آزمایشی بعدی را می‌ساختید و مجدداً آن را آزمایش می‌کردید. دیگر نیازی به این کارها نیست. اگر مشکلی را در مدل سه‌بعدی‌تان پیدا کنید، می‌توانید به راحتی و تنها با چند کلیک آن را حل کنید.ساخت نمونه‌های آزمایشی: ساخت نمونه‌های آزمایشی از طرح‌های‌تان تا به حال این‌قدر راحت نبوده است. با استفاده از فناوری پرینت سه‌بعدی، می‌توانید به سادگی و در زمانی بسیار کم‌تر نمونه‌های آزمایشی محصولات‌تان را بسازید.اشتراک‌گذاری آسانتر: سال‌ها پیش اگر می‌خواستید طرح‌تان را با افراد دیگر به اشتراک بگذارید، باید آن‌ها را دعوت می‌کردید تا به محل کارتان بیایند و ماکت طرح‌های‌تان را از نزدیک ببینند. یا این که باید یک ماکت دیگر برای آن‌ها می‌ساختید و آن را برای‌شان می‌فرستادید. اما اکنون تنها کاری که باید انجام دهید این است که فایل خروجی مدل سه‌بعدی‌تان را از طریق ایمیل برای تمام افراد مورد نظر بفرستید و تنها کاری که آن‌ها باید انجام دهند این است که آن فایل را در همان برنامهٔ مدل‌سازی باز کنند. به همین سادگی! همچنین بسیاری از نرم‌افزارهای مدل‌سازی امروزی از طریق فناوری ابر به چند کاربر اجازه می‌دهند تا به طور همزمان روی یک پروژه کار کنند.دانیال کفائی نژاد طهرانیکلاس درس شبیه سازی کامپیوتر استاد احمد ابریشمی دانشکده فنی و حرفه ای شمسی پور

شبیه سازی مهندسی انسانی با استفاده از Kinect

shayanian777 — Sun, 12 Jan 2020 09:51:00 +0330

بسیاری از پژوهشگران مهندسی انسانی بدنبال تقویت کارایی و کاهش حجم کاری بوسیله تجزیه و تحلیل حجم کارگر ، کارامدی کار ، و تولید با استفاده از روش های آنالوگ ، همچون چک لیست ها می باشند. تجزیه و تحلیلات اخیر عملکرد شغلی را با استفاده از مدل های انسانی دیجیتال خلق شده توسط ذخیره (ثبت) دیجیتالی حرکات کارگران واقعی از طریق داده های ورودی صفحه کلید و موشواره (Mouse) آزمایش و بررسی نموده اند. هرچند ، این روش مدل سازی دو مشکل دارد: این مدل سازی زمان بسیار زیادی برای مدل سازی تمامی حرکات نیاز دارند ، و درستی (صحت) وابسته به مسئول فنی مدل سازی است. برای حل این مسائل ، این مطالعه سیستم خودکار مدل سازی انسانی دیجیتال را با استفاده از Kinect - دستگاه ورودی داده Microsoft Xbox ، بمنظور مدل سازی حرکات انسانی ارایه می نماید.سیستم بمنظور استفاده از Kinectهای چندگانه طراحی شده ، و مدل داده به انتقال و مدیریت داده از این دستگاه ها بمنظور کالیبره نمودن الگوریتمی که می توان برای خلق مدل انسانی دیجیتال استفاده نمود ، می پردازد. از طریق این سیستم ، تولید ساده مدل انسانی دیجیتال به درستی (همراه با صحت) بصورت مقرون به صرفه ای (ارزان) ، و کارامد ممکن می سازد. سیستم خودکار مدل سازی انسانی دیجیتالی توسعه یافته با استفاده از ۴ سناریو تایید اعتبار شده ، و نتایج ، محدودیت ها و برنامه توسعه مطالعه توصیف شده است.از جاییکه رقابت تولید کنندگان در حال افزایش بوده و چرخه های عمر محصول کوتاه تر می شود ، تولید کنندگان تلاش های متعددی بمنظور بهبود کارایی محصول تولیدی و کاهش هزینه ها انجام می دهند. بهینه سازی نه تنها بر تسهیلات ، بلکه همچنین بروی کارگران - کسانی که محصولات را بوسیله استفاده از این تسهیلات سرهم بندی می کنند - متمرکز است. مهندسی انسانی در تلاش برای تقویت کارامدی کاری و کاهش حجم کاری بوسیله تجزیه و تحلیل حجم کارگران ، کارامدی کار ، و تولید است. تجزیه و تحلیلات پیشین مهندسی انسانی با استفاده از روش های آنالوگ مبتنی بر چک لیست ها انجام شده بوده ، اما تجزیه و تحلیل کنونی مبتنی بر مدل دیجیتالی بوده که بوسیله ذخیره دیجیتالی حرکات کارگران واقعی ، انجام شده است. مدل های انسان دیجیتال پیشین بصورت دستی - از طریق داده های ورودی مبتنی بر صفحه کلید و موشواره خلق شده ، که دارای دو محدودیت محسوس (عمده) است:زمان لازمه برای مدل سازی تمامی حرکات و صحت وابسته به مسئول فنی مدل سازی. برای حل این مسائل ، روش مدل سازی خودکار با استفاده از دوربین Vicon ، بمنظور مدل سازی سریع و درست حرکات پیشنهاد شده است ، اگرچه هزینه دوربین بالا می باشد. بنابراین ، مطالعات درباره خودکار سازی مدل نیز همچنین با دوربین های Kinect استفاده شده ، که دستگاه های بازی (با هزینه کم) بوده که صحت و درستی کمتری برای مدل سازی (نسبت به دوربین Vicon) دارند.در این مطالعه ، برای حل مسئله درستی (صحت) پایین ، در هنگام استفاده از یک دوربین Kinect ، چندین دوربین Kinect برای خودکار نمودن مدل سازی استفاده شده است. مدل داده بمنظور ترکیب نمودن داده از چندین دوربین Kinect ، و یک سیستم بمنظور یکپارچه سازی داده اسکلتی از Kinectاز طریق شبکه پیرامونی واقعیت مجازی (VRPN) که طراحی شده ، پیشنهاد شده است. داده یکپارچه سازی شده ورودی اطلاعات پایه از طریق Jack بوده - بسته نرم افزاری مهندسی انسانی - تا بدین منظور کنش های معکوس تجزیه و تحلیل گردد. نتایج از طریق آزمایش مدل سازی با استفاده از سیستم توسعه یافته ، تایید اعتبار شده بود.خودکار نمودن مدل سازیدو روش برای مدل سازی حرکات کارگر با استفاده از اطلاعات محیطی دیجیتال استفاده شده بود: روش حس نمایی فعال ، که اطلاعات حرکتی را از طریق حسگرهای متصل شده به بدن کارگران بدست می آورد ، و روش حس نمایی منفعل ، که از دوربین برای تجزیه و تحلیل حرکات از فاصله دور استفاده می کند. روش حس نمایی فعال ، اطلاعات درست و صحیحی را فراهم می سازد ، اما اتصال حسگرها به سوژه زمان بر است. دستگاه حس نمایی فعال معمول Xsens MVNساخته شده توسط Xsens Coبوده که بصورت صحیح و درست به ذخیره حرکات با استفاده از حسگرهای الکترومغناطیسی متصل به کل بدن می پردازد. رویکرد حس نمایی منفعل به ذخیره اطلاعات حرکات با استفاده از دوربین - همچون Vicon- بوده که از تصاویر دو بعدی سوژه با نشانه های متصل شده به مفصل ها برای ذخیره حرکات می پردازد. بهبود در این فناوری Kinect بوده ، که از حسگرهای عمقی بدون هرگونه اتصال - بمنظور ذخیره حرکات - عمل می کند.مطالعه ردیابی انسانی با استفاده از Kinectبرسی کامل روش ها داخل ویدیو https://www.aparat.com/v/qdi3r

owasp top ten 2017

sadeqhasanii — Mon, 21 Jan 2019 01:23:39 +0330

OWASP چیست ؟کلمه OWASP مخفف شده Open Web Application Security Protocol Project است و یک متدولوژی یا بهتر بگوییم یک پروژه غیر دولتی است که در آن به شما به عنوان یک کارشناس برنامه نویس تحت وب ، معیارهایی که بایستی برای امن تر شدن نرم افزار خود بکار ببرید تشریح شده است. OWASP یک متدولوژی است ، یعنی راهکار را به ما نشان می دهد ، این متدولوژی منحصر به شرکت یا فرد یا سازمان خاصی نبوده و نیست و یک پروژه کاملا متن باز (Open Source ) است که هر کسی در هر جای دنیا می تواند به آن بپیوندد و در آن شرکت کند. جامعه آماری که برای پروژه OWASP فعالیت می کنند در زمینه های مختلفی از جمله تولید مقالات ، شرکت در تالارهای گفتمان ، معرفی و تولید نرم افزارهای امنیتی وب ، تولید مستندات و متدولوژی های امنیتی بصورت کاملا رایگان فعالیت می کنند و نتیجه فعالیت خود را در مستند نهایی این پروژه مشاهده می کنند. پروژه OWASP در ابتدا به عنوان یک استاندارد مطرح نشد اما امروزه به عنوان معیار یا بهتر بگوییم Baseline امنیتی طراحی و تولید امنیت در نرم افزارهای تحت وب استفاده می شود. https://www.aparat.com/v/uBPgF

آموزش استفاده از تابع calc در CSS

علی عزیزجهان — Tue, 15 Jan 2019 23:59:16 +0330

در این پست قصد دارم که نحوه استفاده از تابع calc و همچنین تعریف متغیر در CSS رو با یک مثال عملی بهتون آموزش بدم.با استفاده از تابع calc شما می توانید محاسبات ریاضی با اعداد از واحد های مختلف (مثلا درصد و پیکسل) و متغیر ها را درون CSS انجام دهید.*توجه*حواستون باشه که قبل و بعد از علامت جمع و یا تفریق ( - و + ) حتما و حتما فاصله بذارید https://www.aparat.com/v/ET6hb

بصری سازی داده ها در وب

علی عزیزجهان — Tue, 15 Jan 2019 23:42:44 +0330

https://www.aparat.com/v/Gj2vB بصری سازی داده ها مبحث تقریبا جدیدی است که به به تصویر کشیدن داده ها و روابط بین آنها اطلاق می شود.در زمان انسان های اولیه، از ترسیم اشکال بر روی سنگ ها به منظور "تعامل بصری" یا Visual Communication استفاده می شده است. با پیشرفت بشر و گسترش انواع تعاملات، اکنون ما از بصری سازی داده ها برای نشان دادن اهمیت داده ها و روابط بین آنها، و همچنین تبدیل این مهم و ارتباط از حالت متنی که غیر قابل فهم به آسانی است، به حالت تصویری که سریعا بتوان آنرا فهمید و درک کرد، استفاده می کنیم.امروزه از بصری سازی داده ها در موارد زیر به ترتیب اهمیت استفاده میشود:آمارگیری های دولتی مانند سرشماری و...بورس و تحلیل گران بورستحلیل های بانکیتحلیل حساب های شرکت هاتحلیل های وبسایت ها مانند آمار بازدید، آمار دانلود و...استفاده در ارائه ها و کنفرانس ها (استفاده علمی-تحقیقاتی)و...در این پست من قصد دارم که ۴ تا کتابخانه (یکی اصلی و سه تا برای مقایسه) برای بصری سازی داده ها در محیط وب را به شما معرفی کنم. پس با این پست همراه باشید.‏۱-Chart.jsChart.jsمزایا:منبع باز و مجانی۸ مدل بصری سازی مختلف با قابلیت استفاده همزماناستفاده از تگ canvas در HTML5 با سرعت بسیار بالاکاملا تعاملی (دارای انیمیشن، بازترسیم چارت در صورت تغییر اندازه)حجم بسیار پایین کتابخانهآموزش ها و مستندات بسیار عالیمعایب:استفاده از مدل ترسیمی bitmap pixel-basedوبسایت:‏www.chartjs.org‏۲-Chartist.jsChartist.jsمزایا:منبع باز و کاملا مجانیحجم بسیار کم کتابخانه! (۱۰ کیلوبایت gzip شده)استفاده از فرمت SVG و ترسیم وکتوریبدون وابستگی و بسیار سبک و کم حجمچارت های کاملا تعاملی که با اضافه کردن مقادیر تغییر می کنند.مستندات و مثال های نسبتا خوب بر روی وبسایتقابلیت استفاده از انیمیشنمعایب:انیمیشن ها در اکثر مرورگر ها پشتیبانی نمی شوند.این کتابخانه مناسب کار های بسیار ساده و پیش پا افتاده می باشد که به قابلیت های زیادی نیاز ندارند. مانند پروژه های دانشجویی سبک. برای کار های حرفه ای و پیچیده اصلا مناسب نیست.وبسایت:‏www.gionkunz.github.io/chartist-js‏۳-HighchartsHighchartsمزایا:منبع باز و مجانی فقط برای استفاده غیر تجاری و تبلیغاتیپشتیبانی از تقریبا همه اشکال بصری سازی دادهمورد اعتماد و استفاده شده از ۸۰ کمپانی از ۱۰۰ کمپانی بزرگ دنیا. مثلا facebook، twitter، Apple، Visa و... از این کتابخانه استفاده می کنند.پشتیبانی از تقریبا تمام مرورگر های مدرن (حتی IE6 به بالا)جامعه بسیار وسیع و مثال های متعدد و بسیار خوبآموزش های بسیار عالی. حتی کتاب هایی برای آموزش این کتابخانه نوشته شده اند.معایب:تنها عیب آن قیمت بسیار بالای آن برای استفاده تجاری و تبلیغاتی می باشد. قیمت آن از ۵۹۰ دلار برای یک برنامه نویس شروع می شود!شرکت کارگزاری بورس مفید در ایران از این کتابخانه در وبسایت و اپ های خود استفاده می کند.این کتابخانه برای تمامی پلتفرم ها قابل استفاده است. حتی مثلا کامپیوتر های اتومبیل می توانند از این کتابخانه استفاده کنند.پشتیبانی بسیار قوی این کتابخانه از مشتریان خود باعث شده تا بسیاری از شرکت ها تمایل به استفاده از آن را داشته باشند.وبسایت:‏www.highcharts.com‏۴-D3.jsD3.jsکتابخانه اصلی ای که به معرفی آن میپردازیم، همین کتابخانه است.نام آن مخفف Data Driven Document به معنای "اسناد برگرفته از داده" می باشد. در تاریخ ۱۸ فوریه سال ۲۰۱۱ توسط Jason Davies، Mike Bostock و چند برنامه نویس دیگر برای اولین بار منتشر شد.این کتابخانه به عنوان بهترین ابزار بصری سازی اطلاعات توسط کاربران وبسایت www.slant.co انتخاب شده است. زیرا به شما امکانات Highcharts را به صورت کاملا مجانی ارائه می دهد.توسط بسیاری از سایت ها از جمله وبسایت Nike و NASA استفاده می شود.مزایا:منبع باز و کاملا مجانیپشتیبانی از تقریبا همه اشکال بصری سازی دادهاستفاده از تگ SVG و ترسیم وکتوریامکان خروجی گرفتن از محتوای تولید شدهجامعه بسایر وسیعآموزش های بسیار کاربردی و متعدد در سطح وبقابلیت دستکاری محتوا پس از تولید بخاط استفاده از DOM در HTMLمعایب:تنها عیب آن سختی در یادگیری آن بخاطر امکانات و قابلیت های بسیار وسیع آن می باشد.این کتابخانه همه چی تمام است!بهترین انتخاب برای برنامه نویسان ReactJS به خاطر استفاده بهینه از منابع می باشد.وبسایت:www.d3js.orgمنابع:https://searchbusinessanalytics.techtarget.com/definition/data-visualizationhttps://en.wikipedia.org/wiki/Data_visualizationhttps://www.slant.co/options/10577/alternatives/~d3-js-alternativeshttp://www.chartjs.orghttps://gionkunz.github.io/chartist-jshttps://www.highcharts.comhttps://d3js.orghttps://www.awwwards.com/websites/d3https://en.wikipedia.org/wiki/D3.jshttps://www.slant.co/options/10577/~d3-js-reviewhttps://medium.com/@tibotiber/react-d3-js-balancing-performance-developer-experience-4da35f912484

مهمترین مفاهیم SCSS،SASS و Preprocessor ها

RezaMohammadiyan1375 — Sun, 13 Jan 2019 19:21:24 +0330

این مقاله درمورد مهمترین مفاهیم SCSS،SASS و Preprocessor ها می باشدو تفاوت بین SASS و SCSS را بیان می کند. سی اس اس به تنهایی برای طراحی صفحات وب بسیار مناسب می باشد.که شامل بسیاری از وظایف تکراری می باشد و زمانی که برنامه بسیار بزرگ باشد مدیریت استایل صفحات برایش دشوار می شود.برای جلوگیری از این وظایف تکراری و نوشتن CSS به بهترین روش،ما به یک Preprocessor نیاز داریم. پروسسر ها ،گسترش یافته ی CSS هستند.Preprocessorها تمامی ویژگی های CSS به همراه ویژگی های اضافه تر مانند متغیر،expression، mixin و... می باشند.یک Preprocessor از نظر کاربر نهایی کار بزرگی را انجام نمی دهد اما می تواند سریعتر و راحت تر توسعه پیدا کند.ازلحاظ عملکرد از دید کاربر نهایی ، Preprocessor ها می توانند همه ی Style Sheet ها را به یک فایل واحد تبدیل کنند.بنابراین همه ی Style ها برای یک برنامه در یک شبکه رفت و برگشت(round-trip) بارگذاری می شود به جای این که برای هر Style Sheet درخواست های جداگانه شود. استایل ها با استفاده از تعدادی Preprocessor ها ایجاد شده اند که به CSS تبدیل می شوند(Convert) و فایل کامپایل شده CSS در صفحه HTML می باشد، زیرا مرورگر CSS را میفهمد. ما Preprocessor های معروفی مانند LESS,SASS,Stylus داریم. ما میخواهیم در مورد Sass بحث کنیم. اما Sass چیست؟ سس(Sass) مخفف Syntactically awesome style sheets است. SASS ، قسمتی از Preprocessor دیگر به نام HAML می باشد.HAML توسط توسعه دهندگان Rubyنوشته شده است.از این رو، SASS ، قواعد Ruby را دنبال می کند و برای کامپایل فایل های SASS وCSS باید Ruby روی سیستم شما نصب شود.در نسخه سوم،Syntax آن مانند CSS شد و نام آن هم به Sassy CSS یا SCSS تغییر یافت. از این رو ، این مقاله به طور کلی درمورد Preprocessor ها و SCSS صحبت می کند. مزایای Sass: سس (Sass) برنامه ی شما را با جلوگیری از تکرار وظایف ، براحتی نگهداری می کند . استفاده از ویژگی های اضافی مانند variable, expression, nesting, inheritance, mixins, partials آن را بسیار راحت تر از CSS می کند. سس (Sass)توابع کاربردی بسیاری را برای دستکاری کردن رنگ ها و دیگر متغیر ها فراهم می کند.سس (Sass) ویژگی های پیشرفته ای مانند control directiveبرای کتابخانه ها را فراهم میکند.سس (Sass)به شما اجازه می دهد تا فایل کامپایل شده ی CSS را فرمت و سفارشی سازی کنید. پیش نیاز (Requirement): برای استفاده از SASS ، ابتدا ما باید Ruby را نصب کنیم.که این کار یک عمل راحتی می باشد.مطمئن شوید گزینه ی" Add Ruby executable to your PAT " را در هنگام نصب تیک زده باشید که این کار باعث می شود که Ruby در کل برنامه در دسترس باشد.اگرچه امروزه editorهای زیادی (که شامل Visual studio 2013 Update 2 و نسخه های بالاتر نیز هستند ) وجود دارند که به صورت ذاتی و تعبیه شده ، پشتیبانی از SASS را انجام می دهند. از این رو ، اگر شما نمی توانید Ruby را نصب کنید ، جایگزین های دیگری وجود دارد.جم(Gem) به همراه Ruby نصب می شود. Command Prompt را با Ruby باز کنید و SASS را با Gem بوسیله Command زیر نصب کنید. gem install sass در صورت بروز هر خطا:sudo gem install sass برای تبدیل فایل های SCSS به فایل CSS: sass .scss : .css sass sassfiles /style.scss : stylesheets/style.css مقایسه SASS و SCSS : اس سی اس اس (Scss) نسخه سوم از SASS می باشد.که از نظر قواعدی باهم متفاوت هستند. سس(SASS) : کد SASS فشرده شده است، که به ساختارهای کلیدی کمتری نیاز دارد.ما به پرانتز و semicolon ها نیازی نداریم. فرورفتگی ها نقش مهمی را ایفا می کنند. از این رو، آن ها برنامه نویسی را استاندارد می کنند .اس سی اس اس (SCSS(Sassy CSS: -گویاتر-خواناتر-یادگیری آسانیکپارچه سازی آن با CSS آسان می باشد.شما می توانید به صورت مستقیم از کد CSS پلاگین استفاده کنید.ابزارهای تبدیل CSS به SASS صددرصد صحیح نمی باشند.آموزش کامل در آپاراتhttps://www.aparat.com/v/Q6GzU#مصاحبه_شغلی #توسعه_وب #شمسی_پور_ابریشمی #شمسی_پور #ابریشمی

What is variable hoisting and how do you guard against it

mirzaghavami.alireza77 — Sun, 13 Jan 2019 04:55:22 +0330

What is variable hoisting and how do you guard against it?اگر شما به مصاحبه کاری بروید ممکن است به شما کدی را نمایش دهند و خروجی رو از شما بخواهند یکی از مواردی که خیلی ها در این شرایط دچار مشکل میشوند مورد Hoisting است ، Hoisting یک تکنیکی است که باعث میشود در جاوا اسکریپ توابع و متغیر ها از قبل پردازش بشوند.در این ویدیو که در زیر بنده منتشر کرده ام به شما مفهموم Hoisting را توضیح خواهم داد و همچنین راه های مقابله با آن با استفاده از کلمه کلیدی letرا نیز توضیح خواهم داد پس حتما ویدیو زیر را خوب و با دقت مشاهده کنین و نظر و انتقاد خود را بیان کنین.امیدوارم مفید واقع شده باشد. https://www.aparat.com/v/A0Khz

تابع map در js

amirhossein2017qeysarnegad — Sat, 12 Jan 2019 01:11:26 +0330

با سلام خدمت دوستان عزیز من میخوام یه توضیح کوچیک در مورد map بدم خب تابع map برای دستکاری مقادیر است که از دستکاری اون مقادیر یه ارایه جدید می توانیم بسازیم که میتونه حاصل کارهایی که روی ارایه قبلی انجام دادیم باشه.const numbers = [2, 3, 4, 5];const dollars = numbers.map( number => '$' + number); console.log(dollars);خب من فقط یه $ به قبل اون رقم ها اضافه کردم که این یه دستکاری کوچکی در مقادیر آرایه می باشد.مشاهده ویدیو در آپارات :https://aparat.com/v/efM2t

نحوه استفاده از flex-box در ترازبندی افقی

m.mohamadi — Fri, 11 Jan 2019 04:44:12 +0330

در این پست قصد اموزش استفاده از flexbox رو با استفاده از ترازبندی افقی داریم. این اموزش درواقع یک بازتولید از ویدیو ضبط شده از سایت لیندا می باشد. تعریف flex-box ا flex-box یکی از خواص نمایشه و خیلی راحت طرح های تک بعدی رو میسازه . یک توسعه دهنده ی خوب فرانت باید با این تکنولوژی اشنا باشه و به راحتی بتونه با اون کار بکنه . پس بیاید نگاهی به نحوه ی کنترل ترازبندی افقی با flex-box بندازیم و بعد با اون تمرینی رو انجام بدیم . فلکس باکس یکی از خواص نمایش css های موجود است . چند نوع از فلکس باکس ها داریم ولی این یکی از اون هاست که برای طرح بندی محتواهای بعد دار بسیار راحته . یک ویژگی جداگانه نیز به نام CSS Grid وجود دارد که برای طرح بندی پیچیده تر است اما پشتیبانی مرورگر را به خوبی دارا نیست. در حال حاضر بسته به آنچه که مرورگرهای شما هدف قرار می دهد flex-box دارای پشتیبانی مرورگر قوی است اما ممکن است سینتکس کمی پیچیده شود، زیرا برای نسخه های مختلف اینترنت اکسپلورر متفاوت است. بنابراین شما باید از چیزی مانند PostCSS برای مدیریت تبدیل به نسخه های مختلف سینتکس استفاده کنید، بسته به اینکه مرورگرهای شما چه چیزی رو پشتیبانی می کنند. در حال حاضر با Flexbox کار بسیار ساده است، شما خواص نمایش را در یک عنصر والد مشخص می کنید، و سپس می توانید کنترل کنید که چگونه یک عنصر فرزند در والد خودش نمایش داده می شود. ادامه مطالب در ویدیو زیر ... https://www.aparat.com/v/9iVOv http://g1.asset.aparat.com/flv_video_new/4431/6cf90630080246228067128dc61e8d2a13291063-360p.apt?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjlhN2IwMTdlYjc0ZmQ3ZjA3YjAwZWRlZmY4NjQ1OGYxIiwiZXhwIjoxNTQ3MTk4MTI4LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.jnGYnVA-Au6FfW2ouAq4EQmV2N_J2rdeJX6gSqf2iqE

What is variable hoisting and how do you guard against it

Navid Abedi — Thu, 10 Jan 2019 20:14:07 +0330

What is variable hoisting and how do you guard against it یادگیری زبان جاوا اسکریپت میتونه کمی سخت باشه و معمولا در مصاحبه ها به شما یکسری کد نمایش داده میشه و ازتون میخوان تا نشون بدید نتیجه کد چی میشه.امروز ما قراره درباره یک ارور معمول صحبت کنیم که میتونه مارو موقع مصاحب به زحمت بندازه و اون هویستیگه .خب میدونیم که در جاوا اسکریپت تعریف متغیر ها و فانکشن ها قبل از اجرای کد پردازش میشن و این چیزیه که ما بهش میگیم هویستینگ چون در واقع تعاریف مارو به ابتدای اسکوپ مربوطه میبره پس وقتی که میخواید از var استفاده کنید باید حواستون جمع باشه به این هم دقت کنید که کجا فانکشن رو تعریف و استفاده میکنید و این رو هم بدونید که با اینکه دکلریشن ها هویست میشن اساینمنت ها هویست نمیشن که شامل فانکشن اکسپرشن ها هم میشه که میتونه ارور های دیگه ای رو ایجاد کنه مثال هاشو تا چند لحظه دیگه برسی میکنیم .به خاطر شیوه ای که جاوا اسکریپت با اسکوپ ها رفتار میکنه هویستینگ میتونه مشکلات دیگه ای رو هم ایجاد کنه چون متغیر ها هم میتونن در خارج از دامنه استفاده خودشون هم وجود داشته باشن و این یه جورایی چیزیه که ملت رو تو مصاحبه هاشون اذیت میکنهامتحان درس طراحی وب شمسی پور استاد ابریشمیآدرس آپارات: https://www.aparat.com/v/nRu7x https://www.aparat.com/v/nRu7x

جنگو چارچوب کاری دوست داشتنی

m.mohamadi — Thu, 10 Jan 2019 19:55:48 +0330

سلام به همه ی دوستان عزیز. در این پست قصد اموزش چارچوب کاری جنگو از زبان برنامه نویسی پایتون رو دارم . امیدوارم که این پست اطلاعات شما نسبت به جنگو رو بالاتر ببره . تعریف زبان برنامه نویسی پایتون پایتون (python) یک زبان برنامه نویسی همه منظوره، سطح بالا ، شئ گرا ، اسکریپتی و متن باز است که توسط Guido van Rossum درسال 1991 در هلند طراحی شد.مزیت های پایتون :1- دستورات ساده و قابل فهم برای یادگیری برنامه نویسی.2- دارا بودن کتاب خانه های مختلف برای انجام هرکاری که بخواهید.3- پایتون گزینه مناسبی برای محاسبات کامپیوتری سنگین است.4- توضیحات کاملتر و آشنایی بیشتر در : (https://en.wikipedia.org/wiki/Python_(programming_language چارچوب کاری(Framework) جنگو جنگو یکی از چارچوب های نرم افزاری تحت وب و متن باز در پایتون است که در پاییز سال ۲۰۰۳ توسط Simon Willison و Adrian Holovaty در حین ایجاد برنامه در شرکت Lawrence Journal-World متولد شد. این فریم ورک از معماری MVC پیروی می کند و هدف اصلی آن ساخت سایت های پیچیده با سرعت بالاست و همچنین برعلیه اختراع دوباره چرخ و برپایه اصل DRY می باشد. مزایای فریم ورک جنگو • بسیار سریع • دارای امکانات زیاد• امنیت تضمین شده• مقیاس پذیر• همه کارهبرای دیدن توضیحات کاملتر و دقیقتر ویدیو زیر را مشاهده کنید. https://www.aparat.com/v/TE15B

آموزش کار با ربات تلگرام

sinoo zare — Thu, 10 Jan 2019 02:11:37 +0330

تولید شده برای دانشگاه فنی و حرفه ای دانشکده شمسی پور گروه نرم افزار کامپیوتر استاد ابریشمی - طراحی وب #توسعه_وب #شمسی_پور_ابریشمی #طراحی_وب #ارائه #مصاحبه_شغلی #استاد_ابریشمی #تولید #شمسی_پورhttps://www.aparat.com/v/e2HSw

آیا با متغیر های Css آشنایی دارید ؟

sinoo zare — Thu, 10 Jan 2019 01:41:59 +0330

در این ویدیو شما با متغیر های Css آشنا شده و مثال های عملی را با هم حل میکنیم . بازتولید شده برای دانشگاه فنی و حرفه ای دانشکده شمسی پور - گروه نرم افزار کامپیوتر استاد ابریشمی - طراحی وب #مصاحبه_شغلی #توسعه_وب #شمسی_پور_ابریشمی #طراحی_وب #امتحان_نهایی #مصاحبه_شغلی #استاد_ابریشمی #بازتولید #امتحان #شمسی_پورhttps://www.aparat.com/v/fXBCh

What is Virtual DOM?

aghilsa — Wed, 09 Jan 2019 02:48:35 +0330

در این ویدیو مختصری درباره DOM مجازی و کاربردش گفته شده استعبارت DOM مخفف Document Object Model است و در طراحی وب کد نرم افزار تبدیل به متن میشود و بوسیله گزینه Inspect در مرورگرها میتوان آنرا مشاهده کرد.در این ویدیو مثالی مربوط به DOM مجازی گنجانده شده است و شما عزیزان راحت تر مطلب را درک خواهید کرد. https://www.aparat.com/v/dqvn3

Do you know how to use the conditional operator?

m.r.mirshekarii — Tue, 08 Jan 2019 22:03:40 +0330

https://www.aparat.com/v/SqrGh اپراتور شرطی نسخه دیگری از عبارات مشروط به طور منظم در جاوا اسکریپت است و چیزی است که شما احتمالا در بسیاری از کدها دیده اید و ممکن است در طول برخی از مصاحبه های شغلی از شما پرسیده شود. این ویدیو مبانی اپراتورهای مشروط را پوشش می دهد.

تعریف انیمیشن و استفاده از آن در css

امیدعلیخانی — Tue, 08 Jan 2019 20:44:21 +0330

انیمیشن می تواند یکی از اون سوال های حیله گرانه در حین مصاحبه باشد که طراحان وتولیدکنندگان داخلی و خارجی از عهده اش بر می آیند به هر حال می تونه نیرنگ آمیز باشد و با توجه به اینکه خیلی ساده شروع می شود که شامل ساختن یک فریم کلیدی بر اساس ترتیب که می تواند تغییر کند و تغییرات اعمال شده می تواند بر اساس قوانین سی اس اس باشد. انیمیشن ها هم مثل transition ها ویژگی های نمایشی عناصر را در طول زمان تغییر می دهند. تفاوت اصلی در این است که ترنزیشن ها به طور خودکار در زمان تغییر یک ویژگی (مثلا در زمان رویداد hover) عمل می کنند اما انیمیشن ها زمانی که به صورت دستی ویژگیanimation اعمال شود, عمل می کنند. به همین دلیل برای به وجود آوردن یک انیمیشن نیاز است که تغییرات ویژگی های یک عنصر را که قرار است متحرک سازی شود در یک keyframes@ تعریف کرده و سپس از آن بوسیله ویژگی animation استفاده کنیم. شما می توانید در هنگام انیمیشن سازی ابتدای و انتهای انیمیشن مورد نظر خودتان را به صورت آهسته نمایش دهید و حتی می توانید انیمیشن را در هنگام پخش آن را با تاخیر روبه روکنیدو به این کار میگن قانون کامبو.در داخل سی اس اس قانون کامبو را داریم و قوانین خیلی خاص زیادی دیگر که همه ی این ها در یک انیمیشن اتفاق می افتد.پس خیلی مهمه که بدونید تغییراتی را روی انیمیشن انجام دهید و انهارا با استفاده از جاوا اسکریپتکنترل کنید برای یادگیری کار با انیمیشن در css بصورت عملی فایل بازتولید بنده از سایت لیندا را میتوانید در لینک زیر ببینید: https://www.aparat.com/v/8fVKx

تفاوت بین Rem و Em در CSS

Abolfazl Qiyasi — Tue, 08 Jan 2019 19:43:36 +0330

ویدیو بازتولید شده از Mastering Web Developer Interview Code بخش In CSS, what's the difference between ems and rems https://www.lynda.com/Web-Development-tutorials/CSS-whats-difference-between-ems-rems/580663/669104-4.html Rem و Em دو ویژگی پرکاربرد در CSS هستند که به کمک آنها میتوان اندازه متون داخل صفحات وب را تغییر داد. دلیل ارائه این دو ویژگی جدید این بود که پیکسل ها قادر به تغییر اندازه نیستند و در نسخه های مختلف مرورگرها دچار مشکل میشوند. و برای کسانی که مشکل دید دارند امکان تغییر اندازه متون وجود نداشت. اما با استفاده از Rem و Em انعطافپذیری صفحات وب برای کاربران بالا میرود و امکان دسترسی و بزرگنمایی بهتری برای آنها فراهم میشود. در این ویدیو آموزشی سعی بر این شد تا نحوه استفاده Rem و Em در CSS آموزش داده و همچنین تفاوت آنها بررسی و ارزیابی شود. https://www.aparat.com/v/DGQZa https://www.lynda.com/Web-Development-tutorials/Mastering-Web-Developer-Interview-Code/580663-2.html

تا به حال از چه گزینه های تجهیز ابزاری استفاده کرده اید؟

علیرضا بخشی زادی محمودی — Tue, 08 Jan 2019 17:30:56 +0330

مقدمهیکی از مهم ترین مهارتهایی که شما به عنوان یک توسعه دهنده web باید داشته باشید، یادگیری، راه اندازی و کارکردن با محیط های متفاوت میباشد. این هفته میخواهم در ارتباط با محیط های تجهیز به ابزار، که شما باید بدونید و همچنین علت خاص بودن آنها و اینکه چرا باید شما آنها را فرا بگیرید، صحبت کنم. خب، شما واقعا چرا خودتون رو به ابزار مجهز میکنید؟ مجهز شدن به ابزار به شما این امکان رو میده تا وظایف (task) توسعه معمول، مانند به حداقل رساندن کدنویسی، تست گیری و اجرا کردن سرورهای محلی جهت مشاهده کار خود هنگام کد زنی، را به شکل خودکار در بیارید. تجهیز به ابزار، بسته به محیط شما و مکانی که در اون کار میکنید، میتونه به حالت دلخواه شما تبدیل بشه یا به عبارت دیگه، میتونید اون رو شخصی سازی (customize) کنید.افراد مختلف از نرم افزارهای تجهیز ابزار مختلف استفاده میکنند و تیم های توسعه دهنده، معمولا تنظیمات مورد ترجیح خود را خواهند داشت. شما حتی به تیم هایی بر میخورید که بسته به نوع پروژه ای که بر روی آن کار میکنند، از تنظیمات متفاوتی استفاده میکنند. با توجه به مطالب گفته شده، پلتفرم های اصلی تجهیز به ابزار که در بستر web میتوان استفاده کرد، عبارتند از Grunt, Gulp, WebPack. بله البته کتابخونه ها و نوع های متفاوت دیگری نیز وجود دارند که میتوانید نگاهی به آنها بیندازید، ولی این کتابخونه ها محبوبیت زیادی ندارند.علاوه بر این، گزینه دیگری که وجود دارد، استفاده از قابلیت script نویسی NPM میباشد، که به هنگام نصب Node.js این قابلیت برای شما پدیدار میگردد. Grunt، Gulp و WebPack بر پایه Node.js هستند، که با توجه به این مسئله برخی افراد ابزارهای خود رو توسط Node مینویسند تا پروژه خود رو مدیریت کنند. که به این ابزارها CLIs گفته میشه که Grunt، Gulp و WebPack در واقع CLI هایی هستند که در بستر Node.js ساخته شده اند.حال برخی افراد script های خودشون رو مینویسند و یا اینکه به صورت ترکیبی از برخی از این ابزارها جهت انجام وظایف مدیریتی استفاده میکنند. خب حالا بگذارید تا نگاهی به این گزینه ها بیندازیم. البته اول به پدر این ابزار ها یعنی GruntJS میپردازیم.GruntJSمجددا میگم که GruntJS یک CLI برای وظایف (task) در حال اجراست. یک وظیفه چیزی است که شما میخواهید به کد خود اعمال کنید. برای مثال، به حداقل رساندن کد و یا تست گیری آن، یک وظیفه محسوب میشه. برای اینکه کار کنه، شما یک فایل پیکربندی درست میکنید. این فایل از JSON جهت پیکر بندی اتوماسیون شما، استفاده میکنه. با استفاده از این فایل، شما میتونید مجموعه ای از وظایف را تعریف کنید و همچنین وظایفی رو بوجود بیارید که کارهایی همچون پردازش SASS، کمینه کردن HTML و اجرای یک سرور زنده به هنگام توسعه، رو انجام بده. GruntJS یکی از گزینه های تجهیز ابزار قدیمی محسوب میشود. باید بگم که نیاز دارید تا یادش بگیرید و همچنین نیاز به دانستن مقدمات اون، جهت راه انداختن دارید. احتمالا در حرفه کاری خودتون با پروژه هایی مواجه میشید که از Grunt استفاده میکنند، اما اونقدرها هم ضروری نیست که بخواهید نسبت به آن خیلی تجربه داشته باشید. حالا گزینه تجهیز ابزار بعدی اسمش Gulp.js یا Gulp هستش که یک ذره بیشتر از یک سال بعد از Grunt منتشر شد.Gulpشباهتهایی با Grunt داره و تفاوت اصلیش اینه که بجای استفاده از JSON برای پیکربندی، از JavaScript استفاده میشه. این به این معنی هستش که از Grunt منعطف تر هستش، چرا که کنترل بیشتری بر روی کاری که انجام میده، داره. فایل های پیکر بندی، میشه گفت که شبیه به پیکر بندی Grunt هستش بجز اینکه ما داریم از JavaScript بجای فایل پیکربندی JSON استفاده میکنیم. یکی دیگه از تفاوت ها اینه که، plugin های Gulp بر روی تک وظیفه (single task) های در حال اجرا تمرکز میکنه در حالی که در Grunt میتوانیم بعضی اوقات وظایف چندگانه (multiple task) رو انجام بدیم. به همین علت Gulp میتونه سریعتر باشه چرا که plugin های اون ساختاری ساده و مشابه دارند.خب، با وظیفه ای از نوع Gulp متوجه میشید که شما همیشه یک وظیفه ای دارید که منشاء وظیفه رو تعریف میکنه و همچنین مقصدش رو، بنابراین شروع و پایان آنها مشابه بوده و ما معمولا یک پیکربندی مضاعفی رو هم پاس میدیم، مثلا اینکه style های متفاوت رو میخواهیم یا نه، دقیقا مثل Grunt. یکی دیگه از تفاوتهای اصلی اینه که Gulp از مفهوم stream ها استفاده میکنه در حالی که اجرای Grunt بیشتر پیاپی (sequential) میباشد، Gulp اجرای هر وظیفه رو به صورت جداگانه قرنطینه میکنه و اونها رو در حافظه handle میکنه، که به این معناست که میتونه وظایف رو به صورت همزمان (simultaneously) اجرا کنه. اگه با JavaScript آشنا باشید، متوجه میشید که فراگیری و کارکردن با Gulp بسیار راحته.WebPackدر این چند سال اخیر خیلی مشهور شده و اون هم بیشتر بخاطر افزایش استفاده از module ها در توسعه web هستش. در حال حاضر framework های محبوب JavaScript ی مثل Angular و React و Vue.js بر اساس مفهوم تعریف ذره های کوچکی از کدهای خود مختار به نام module طراحی گشته اند.وب پک (WebPack) توسط module ها طراحی شده، بجای اینکه از وظایف (task) در آن استفاده شده باشه. یکی از خصیصه های بسیار مهم WebPack قابلیت پردازش تغییرات داخل یک module، بدون نیاز به پردازش باقی module میباشد، در حالی که اجرا کننده های وظایف همچون Gulp یا Grunt پروژه را به صورت مجموعه ای از وظایف میپندارند، در حالی که WebPack آنها رو به صورت مجموعه ای از module های کوچکی که میتونه به صورت مستقل update کنه، میبینه. که همین اون رو به عنوان کتاب خونه امروزی، فوق العاده سریع و عالی میکنه. علاوه بر این میتونه توابع پیشرفته ای همچون Tree Shaking رو صدا کنه که باعث حذف قسمت هایی از کتابخانه ها میشن که در application شما مورد استفاده قرار نمیگیرند.بنابر این تمرکز modular اون و همچنین خصایص پیشرفته اش، اون رو به یک کتابخانه محبوب تبدیل کرده، خصوصا در پروژه های امروزی. بخاطر نحوه طراحی اش و کارهایی که انجام میده، WebPack جهت پیکربندی (set up) و فهم (understand) میتونه خیلی پیچیده باشه. این کاملا واضحه که WebPack پیچیده ترین اجرا کننده های وظایف هستش و در عین حال قدرتمندترین هستش و شما نیاز خواهید داشت تا اون رو فرا بگیرید یا حد اقل نحوه شخصی سازیش (customize) رو یاد بگیرید.لینک ویدیو در آپارات: https://www.aparat.com/v/s7zbY لینک ویدیو مرجع: https://www.lynda.com/Web-Development-tutorials/What-tooling-options-have-you-used-past/580663/716722-4.html