https://virgool.io/feed/@amuzeshtak آموزش تک مرجع آموزش آنلاین www.amuzeshtak.com fa 2026-06-17 08:09:56 https://files.virgool.io/upload/users/31124/avatar/07fI57.png?height=120&width=120 https://virgool.io/@amuzeshtak https://virgool.io/@amuzeshtak/%D8%AA%D9%88%D8%A7%D8%A8%D8%B9-%D8%AF%D8%B1-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-lbxpzlhwvpgg تعریف تابع در جاوا اسکریپتدر برنامه نویسی، به تابع" زیر برنامه " گفته میشود. این زیر برنامه بصورت داخلی یا خارجی فراخوانی می شود، و به این حالت ها بازگشتی یا غیر بازگشتی بودن یک تابع گفته می شود. در داخل تابع ها چند خط کد وجود دارد، که بدنه ی آن را تشکیل می دهند. علت استفاده از تابع ها در برنامه نویسی، من جمله جاوا اسکریپت این است که، تابع ها معمولا مقداری را باز می گردانند و برای یک بار نوشته می شوند و ممکن است چندین بار صدا زده شده و استفاده شوند. یعنی استفاده از توابع می تواند از انجام یک عمل تکراری جلو گیری کند. در ادامه به بررسی بیشتر از توابع در آموزش جاوا اسکریپت خواهیم پرداخت.چگونه تابع تعریف کنیم؟در جاوا اسکریپت برای تعریف یک تابع از کلمه ی کلیدی function استفاده میکنیم. و روبروی آن نام تابع را قرار می دهیم. این نام میتواند ترکیبی از حروف، اعداد و زیر خط (underline) باشد فراخوانی توابعوقتی یک تابع فراخوانی یا صدا زده می شود در اصل ممکن است یکی از اتفاقات زیر برایش رخ دهد:- با کلیک کاربر بر روی یک دکمه ( event )- فراخوانی توسط کد های برنامه- فراخوانی خودکارتابع های غیر بازگشتیاینگونه تابع ها هیچ مقداری را بر نمی گردانند و در ورودی هیچ مقداری را دریافت نمی کنند. به مثال زیر دقت کنید1- Function Helloworld () {2- Consol.log(“hi”); } در مثال بالا و در خط اول یک تابع بنام helloworld ایجاد کردیم. سپس در بدنه ی آن یا همان خط دوم کلمه ی hi را با استفاده از کنسول چاپ کردیم. همانطور که مشخص است این تابع نه چیزی را از ورودی دریافت میکند و مقداری را هم بر نمیگرداند. برای فراخوانی این تابع خط زیر را در میان روال خطوط دیگر کد مینویسم. این کار را صدا زدن یک تابع می گویند.Helloworld();این تابع ها در جاوا اسکریپت، غیر متدی بوده ولی کاربردی هستند، اما نمی توان آنها را تابع های سازنده دانست. شما اگر مقدار این تابع را در یک متغیر قرار دهید، مقدار null یا تعریف نشده خواهد گرفت. مثلا اگر تابعی که در خط قبل نوشتیم را در متغیری بریزیم :Message = helloworld();این متغیر message مقدار تعریف نشده خواهد گرفت و هیچ مقداری درونش نیست، اگر آنرا چاپ کنید. البته برخی توابع در جاوا اسکریپت موجود هستند که پارامتری را از ورودی میگیرند اما بازهم مقداری را برنمی گردانند. و بطور مثال به صورت زیر نوشته می شوند:Function fuc (message){}این تابع در پرانتر روبرویی خود متغیر message را گرفته است. میتوان به جای این متغیر عدد هم قرار داد.توابع بازگشتی در جاوا اسکریپتاین توابع برعکس غیر بازگشتی ها مقداری را بر می گردانند، و دارای مقدار برگشتی هستند. همچنین در ورودی پارامتر(متغیر) دریافت می کنند. مثال:Function m_s(var x, var y) {Return x*y; }که در این مثال تابع m_s دو عدد را از ورودی دریافت می کند و با هم ضرب می کند. این متغیر ها می توانند از قبل تعریف شوند یا حتی در زمان تعریف به عنوان آرگومان های یک تابع در پرانتز جلوی آن معرفی شوند. بعد از تعریف تابع؛ در هر کجا که لازم بود این تابع را صدا می زنیم. مانند خط پایین:Console.log(m_s(3,4));تابع ها را می توان به یک متغیر نسبت داد، و آن متغیر را به عنوان یک پارامتر برای تابع دیگری ارسال کرد. تابع ها می توانند n پارامتر را از ورودی دریافت کند. این پارامتر ها در زمان صدا زدن و یا فراخوانی شدن میتوانند یک یا هر مقداری که برای آنها تعریف کرده اید ورودی دریافت کنند و لزومی ندارد که حتما تا مقداری که تعریف کرده اید، به آن آرگومان تحویل دهید. همچنین شما نمی توانید هیچ متدی از هیچ آرایه ای را روی آرگومان ها فراخوانی کنید. به این صورت، در جاوا اسکریپت می توانید هر تعداد که خواستید تابع تعریف کنید و از نوشتن کد های تکراری جلوگیری کنید. amuzeshtak amuzeshtak Mon, 15 Apr 2019 09:42:59 +0430 https://virgool.io/@amuzeshtak/%DB%B7-%D8%B1%D8%A7%D9%87-%D8%A8%D9%87-%D8%AE%D8%B7%D8%B1-%D8%A7%D9%86%D8%AF%D8%A7%D8%AE%D8%AA%D9%86-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA-adtxejxiudea بیدار شدن تا متوجه بشوید که سایت شما خراب شده است، همانطور که ممکن است احساس کنید به عنوان ناخوشایند است. بیدار شدن تا متوجه شود که اطلاعات کاربران شما به سرقت رفته است و کارت های اعتباری آنها توسط اشخاص ثالث مورد استفاده قرار می گیرد و یک کابوس است. رویاهای شیرین در حال حاضر، همه!برای صاحبان وب سایت ها و دیگران که ممکن است نمی دانند چگونه سرور خود را در برابر حمله سخت می کنند، به نظر می رسد مانند یک کابوس که آنها نمی توانند در مورد آن انجام دهند. خوب، من خبر خوبی دارم: اگر یک سایت استاتیک ساده در یک میزبان داشته باشید که حتی نوعی از آنچه را که می داند می داند، احتمالا امن است.اما سیستم های پیچیده تر شما در هر شرایطی، حفره های امنیتی بالقوه بالقوه وجود دارد. این به معنای هوشیاری بیشتر است و کار بیشتری برای امنیت آن انجام می دهد. در عوض، افرادی که در سیستم های دیگر شکست می خورند، هیچ چیز غیر قابل پیش بینی نیستند. تعدادی از حملات بسیار معمولی وجود دارد که می توانند از طریق پیش بینی ساده و برنامه ریزی جلوگیری شوند.بدون هیچ ادعای دیگری، در هیچ نظم خاص، برخی از شیوه های رایج را که مردم سعی در ورود به سایت شما می کنند ارائه می دهند:1. مهندسی اجتماعیاز هر متخصص امنیت در هر زمینه سوال کنید: رایج ترین نقطه شکست، نرم افزار یا سخت افزار نیست. اینها مردم و میل آنها به انجام کارهای احمقانه است. شما می دانید، چیزهایی احمقانه مانند ترک گذرواژه هایی که در جایی نوشته شده اند، آشکار است، یا فقط حساب کاربری را به شخص دیگری در تلفن می دهند.قبل از آنکه کاری انجام دهید چیز دیگری به نظر می رسد که برای هکرها معمول است که خدمات مشتری را فراخوانی کنند. اگر آنها بتوانند با موفقیت اطمینان یابند که فقط اطلاعاتی را که نیاز دارند تحویل دهند، خود را به طور بالقوه ساعت ها یا حتی روزهای خود را ذخیره کرده اند. بنابراین مطمئن شوید که سرورهای شما امن هستند، همچنین باید اطمینان حاصل کنید که کارکنان شما پروسه های امنیتی را دنبال می کنند.2. ملاحظات امنیتی محروماین هنوز بزرگ است، باور ندارد یا نه، و به ویژه در محیط شرکت ها. به روز رسانی تعداد زیادی از کامپیوترها در یک بار یک معامله بزرگ است. گاهی اوقات به روز رسانی ها توسط مدیران سیستم به تأخیر می افتند و فقط می خواهند مطمئن شوند که هیچ یک از بروز رسانی های جدید نرم افزار داخلی خود را نابود نخواهد کرد. دیگران در واقع محدود هستند، از نصب و به روز رسانی توسط مدیریت عصبی ممنوع است.گاهی اوقات بخش فناوری اطلاعات همه چیز را از دست می دهد، و برخی از بچه ها از اتاق پست الکترونیکی که "می دانند کامپیوتر" گفته شده است که همه چیز را در حال اجرا نگه دارد. به هر دلیلی، گاهی اوقات به روز رسانی های امنیتی نصب نمی شود و سیستم ها آسیب پذیر می شوند. برای وبسایتها، معمولا فقط این است که هیچکس به روزرسانی وردپرس را انجام نمیدهد. فقط آن را انجام دهید3. کد سوم تضمین کنندهبرنامه نویسان به طور کلی نژاد درخشان هستند، اما برخی از آنها با تجربه تر از دیگران هستند. و حتی در میان بهترین، اشکالات اتفاق می افتد. بسیاری از مردم از طریق برنامه نویسی پلاگین ها برای نرم افزار های دیگر، مانند پلاگین های CMS، برنامه های خود را در جهان برنامه ریزی می کنند.به خاطر داشته باشید که در مورد پیچیدگی بیشتر به حفره های امنیتی بیشتر اشاره کردم؟ پلاگین ها به مراتب پیچیدگی بیشتری دارند. تمام پلاگین ها قبل از نصب آنها را چک کنید، و هر زمان که رفع آنها درست می شود، درست مثل بقیه نرم افزار خود، آنها را به روز رسانی کنید.4. خطمشی های امنیتی محرمانهدر این مورد، سیاست امنیتی به نحوه درخواست شما از کاربران برای کمک به امنیت ایمنی خود اشاره می کند. این سیاستها چیزهایی هستند مانند سوالات امنیتی، الزامات برای کلمات عبور قدرتمند، احراز هویت دو عامل و حتی نشانه های امنیتی حساب کاربری فیزیکی که توسط موسسات مانند بانک ها استفاده می شود. تأیید ایمیل بسیار معمول است و یکی از راههای ساده تر برای رسیدگی به این مسئله است. با این وجود، کاملا ناسازگار نیست.5. تهاجم تزریقاینها همچنین به عنوان حملات تزریق SQL یا SQLi شناخته می شوند. اساسا کسی در وب سایت شما قرار میگیرد و دنبال فرمها میگردد. یک فرم تماس، یک فرم ثبت نام، یک فرم ارسالی، هر کدام از این موارد، تا زمانی که اطلاعات را مستقیما به یک پایگاه داده SQL ارسال می کنند.آنها فقط ورودی های پایه، مشترک SQL را به حوزه های متن در امید به توانایی کشیدن داده ها از پایگاه داده خود وارد می کنند. و مگر اینکه ورودی های فرم شما در حال پاکسازی باشند (وقتی که فرم ها ارسال می شوند، چیزهایی مانند دستورات SQL را خراب می کنند)، کار خواهد کرد.6. داده ها ناپدید می شوندبسته به چگونگی برنامه ریزی، داده ها فقط می توانند نشت کنند. URL ها در واقع می توانند حاوی اطلاعات حساس باشند، برای مثال. افراد فقط می توانند گوگل سایت خود را پیدا کرده و URL هایی را با اطلاعات حساس در آنها پیدا کنند. اگر فایل های حساس به پوشه های محافظت نشده بر روی سرور شما آپلود شوند، هر کسی می تواند آنها را دانلود کند. اگر مردم به نحوی دسترسی به فایل های پیکربندی برای سیستم مدیریت محتوا خود را داشته باشند، احتمالا راه دیگری وجود دارد.این هم همیشه نتیجه برنامه نویسی ضعیف است. گاهی اوقات شما ممکن است فراموش کنید که مجوزهای راست را در یک پوشه یا چیزی تنظیم کنید. نشت تصادفی اتفاق می افتد7. کلیک دزدیClickjacking به یکی از دو روش اتفاق می افتد: یکی، کسی یک سایت مخرب را با محتویاتی که به اندازه کافی بی گناه است ایجاد می کند. اما هنگامی که بر روی آن سایت کلیک می کنید، آن چیزی را که لزوما می خواهد انجام دهد (مانند چیزی که در فیس بوک اتفاق می افتد نادیده گرفته نمی شود) انجام می دهد یا آنها را به جایی که نمی خواهند بروند.دو، کسی موفق به تزریق کد به سایت خود برای ربودن کلیک های خود، با همان نتیجه نهایی است. در بدترین حالت، این می تواند کاربران را به خطر انداختن اطلاعات شخصی با تایپ کردن اطلاعات خود به یک سایت که بسیار شبیه به شماست، اما به عنوان مثال نمی تواند منجر شود.نتیجهفرصت های بیشتری وجود دارد که من نه زمان و نه تخصص را به درستی توضیح می دهم؛ اینها برخی از رایج ترین ها هستند. برای اینها برنامه ریزی کنید و شروع خوبی خواهید بود. اما این فقط یک شروع است.اگر به مواد امنیتی بیشتری علاقه مند هستید، می توانید از شیوه های امنیت اطلاعات اولیه در امنیت دقت مطالعه کنید و از Swift در امنیت در توییتر پیروی کنید. اوم، این یک حساب کاربری است که یک حرفه ای infosec وانمود می کند که تیلور سویفت است، مشاوره امنیتی خوبی را به اشتراک می گذارد، و طرفدار داستان کورتانا می نویسد. amuzeshtak amuzeshtak Mon, 15 Apr 2019 09:28:15 +0430 https://virgool.io/@amuzeshtak/%DA%86%D8%B1%D8%A7-vuejs-%D8%A8%D8%B3%DB%8C%D8%A7%D8%B1-%D9%85%D8%AD%D8%A8%D9%88%D8%A8-%D8%B4%D8%AF%D9%87-%D8%A7%D8%B3%D8%AA-qi45drwwlu2m اکوسیستم جاوا اسکریپت پر از انتخاب است، با بسیاری از چارچوب های توسعه وب خوب و کتابخانه ها را انتخاب کنید. یکی از این چارچوب ها Vue.js است که امروزه محبوبیت زیادی به دست می آورد. در این پست، ما خواهیم فهمید که چرا باید از Vue.js استفاده کنید، و چه چیزی باعث می شود که یک گزینه جذاب برای پروژه بعدی وب خود باشد.Vue.js چیست؟Vue.js یک چارچوب جاوا اسکریپت برای ایجاد رابط وب است. اخیرا وو محبوبیت زیادی به دست آورده است. این شماره یکی از 5 ابزار توسعه وب است که در سال 2018 اهمیت می دهد. اگر نگاهی به صفحه GitHub خود داشته باشید، می توانید ببینید که چقدر محبوب شده است - جامعه با نرخ چشمگیری رشد کرده است.به عنوان یک چارچوب وب مدرن، Vue بسیاری از جعبه ها را چک می کند. برای استفاده بهتر از DOM مجازی استفاده می شود. یک DOM مجازی انتزاعی از DOM واقعی است؛ این به این معنی است که سبک و سریعتر و کارآمدتر است. Vue نیز واکنشی و اعلام کننده است. این مفید است زیرا رندر رسمی اجازه می دهد تا عناصر بصری را ایجاد کنید که به طور خودکار براساس تغییرات وضعیت / داده به طور خودکار به روز می شود.یکی از چیزهای هیجان انگیز در مورد Vue این است که آن را پشتیبانی از رویکرد مبتنی بر جزء از ساخت برنامه های کاربردی وب است. اجزای تک فایل آن، که مستقل و آزاد هستند، اجازه استفاده بهتر و توسعه سریع تر را می دهد. این یک ابزار است که می تواند به طور قابل توجهی به نحوه کار شما تاثیر بگذارد.مزایای استفاده از Vue.js چیست؟هر چارچوب وب مدرن دارای مزایای قوی است - اگر آنها این کار را نکنند، هیچکس از آنها استفاده نخواهد کرد. اما در اینجا برخی از دلایل اینکه Vue.js یک چارچوب وب خوب است که می تواند به شما در حل بسیاری از چالش های توسعه امروز کمک کند. برای کسب اطلاعات بیشتر در مورد نحوه نصب و استفاده از Vue.js برای توسعه وب، این پست را بررسی کنیداسناد خوب یکی از چیزهایی که هنگام شروع با یک چارچوب جدید مهم است، اسناد آن است. مستندات Vue.js بسیار خوب نگهداری می شود این شامل یک راهنمای ساده اما جامع و API های مستند مستند است.منحنی یادگیری. چیز دیگری که در هنگام انتخاب یک چارچوب جدید مورد توجه قرار میگیرد، منحنی یادگیری است. مفاهیم و API های Vue در مقایسه با بسیاری از چارچوب های دیگر بسیار ساده و آسان تر می توانند درک شوند. همچنین، آن را در بالای فن آوری های وب کلاسیک مانند جاوا اسکریپت، HTML و CSS ساخته شده است. این نتیجه منحصر به فرد یادگیری بسیار مرطوب است. برخلاف چارچوب های دیگر که نیاز به دانش بیشتر از فناوری های مختلف دارند، Angular به TypeScript نیاز دارد و React با استفاده از JSX، با Vue می توانیم با استفاده از قالب های مبتنی بر HTML، ساده جاوا اسکریپت و CSS یک برنامه پیچیده ایجاد کنیم.کم اهمیت تر، انعطاف پذیر تر. Vue نیز در مقایسه با سایر چارچوب های وب محبوب بسیار انعطاف پذیر است. کتابخانه اصلی بر روی بخش «مشاهده» تمرکز دارد، با استفاده از رویکرد مدولار که به شما امکان می دهد راه حل خود را برای مسائل دیگر انتخاب کنید. در حالی که ما می توانیم از کتابخانه های دیگر برای چیزهایی مانند مدیریت دولتی و مسیریابی استفاده کنیم، Vue کتابخانه های همراه با پشتیبانی رسمی را پشتیبانی می کند که با کتابخانه اصلی به روز می شوند. این شامل Vuex است که یک راه حل مدیریت دولتی الهام، Flux و Redux الهام گرفته و Vue-router، کتابخانه مسیریابی رسمی Vue است که قدرتمند و فوق العاده آسان برای استفاده با Vue.js است. اما چون Vue بسیار انعطاف پذیر است اگر می خواهید از Redux به جای Vuex استفاده کنید، می توانید این کار را انجام دهید. Vue حتی از JSX و TypeScript پشتیبانی می کند. و اگر دوست دارید یک روش CSS-in-JS داشته باشید، بسیاری از دیگر کتابخانه های محبوب نیز Vue را پشتیبانی می کنند.کارایی. یکی از دلایل اصلی بسیاری از تیم ها از استفاده از Vue به دلیل عملکرد آن است. Vue کوچک است و حتی با حداقل تلاش بهینه سازی بهتر از بسیاری از چارچوب های دیگر انجام می شود. این عمدتا به دلیل اجرای سبک DOM مجازی است. بررسی عملکرد کاراکترهای چارچوب جاوااسکریپت برای مقایسه عملکرد مفید.ابزارها Vue علاوه بر تعدادی از کتابخانه های همراه نیز ابزارهای بسیار خوبی را ارائه می دهد که تجربه توسعه بسیار خوبی دارند. Vue-CLI ابزار خط فرمان Vue است. ساده اما قدرتمند، قالب های مختلف را فراهم می کند، اجازه می دهد سفارشی سازی پروژه و ایجاد یک پروژه جدید Vue فوق العاده آسان است. Vue همچنین ابزار dev خود را برای Chrome (vue-devtools) فراهم می کند، که به شما اجازه می دهد تا جزء درخت و حالت Vuex را بازبینی کنید، رویدادها را مشاهده کنید و حتی زمان سفر را ببینید. این باعث می شود که فرآیند اشکال زدایی بسیار آسان باشد. Vue همچنین از بازنگری داغ پشتیبانی می کند. بازخورد داغ بسیار عالی است، زیرا به جای نیاز به بارگیری یک صفحه کامل، به شما امکان می دهد تا فقط مولفه بهروزرسانی را بهروزرسانی کنید در حالی که حالت فعلی برنامه را بارگیری میکنید.جامعه هیچ چارچوب نمی تواند بدون حمایت جامعه ای موفق شود و، همانطور که قبلا دیده اید، Vue یک جامعه بسیار فعال و دائما در حال رشد است. این چارچوب در حال حاضر توسط بسیاری از شرکت های بزرگ تصویب شده است، و رشد آن تنها ادامه دارد.در حالی که این یک گزینه عالی برای توسعه وب است، Vue نیز با Weex همکاری می کند، یک پلت فرم برای ایجاد برنامه های موبایل کراس پلت فرم. Weex توسط گروه Alibaba حمایت می شود، که یکی از بزرگترین تجارت های تجارت الکترونیک در جهان است. اگرچه Weex به عنوان چارچوب برنامه های دیگر مانند React native بالغ نیست، اما به شما اجازه می دهد تا UI را با Vue ایجاد کنید که می تواند بطور طبیعی در iOS و اندروید ارائه شود.Vue.js مزایای بسیاری را ارائه می دهد. این کار خوبی است و برای یادگیری بسیار آسان است. با این وجود، مهم است که ابزار مناسب برای این کار را انتخاب کنید و یک چارچوب می تواند بهتر از دیگران بر اساس الزامات پروژه و تنظیمات شخصی کار کند. با توجه به این، ارزش Vue.js را با دیگر قابها مقایسه می کند.آیا شما از Vue.js استفاده می کنید؟ آیا شما از آن استفاده می کنید؟ از تجربیاتتان برای ما بگویید! شما می توانید شروع به ساخت اولین برنامه وب Vue.js 2 خود از این پست کنید. amuzeshtak amuzeshtak Mon, 15 Apr 2019 09:23:21 +0430 https://virgool.io/@amuzeshtak/5-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D9%88%D8%A8-%DA%A9%D9%87-%D8%AF%D8%B1-%D8%B3%D8%A7%D9%84-2018-%D8%A7%D9%87%D9%85%DB%8C%D8%AA-%D8%AE%D9%88%D8%A7%D9%87%D8%AF-%D8%AF%D8%A7%D8%B4%D8%AA-zkv8doknsfjm این یک سال تغییر و نوآوری در توسعه وب بوده است. ما شاهد تغییر سرعت زاویه دید، افزایش واکنش به تسلط و موفقیت شگفت انگیز Vue.js است. ما بحث کردیم که چه چیزی در توسعه وب در سال 2018 اهمیت دارد، اما اجازه دهید به ابزارهای کلیدی که ممکن است از آنها استفاده کرده یا یاد بگیریم استفاده کنیم.1. Vue.jsاگر تا سال 2016 به یاد داشته باشید، بحث چارچوب جاوا اسکریپت بر روی React and Angular قرار دارد. کدام یک بهتر بود؟ شما لازم نیست به سختی برای پیدا کردن موضوعات Quora و Reddit، و یا پست های متوسط ​​مقایسه و متضاد فضایی از یک یا دیگر. اما در سال 2017، Vue شروع به گرفتن سرعت برای ورود به در حال اجرا به عنوان یک رقیب واقعی برای دو ابزار hyped. آنچه در مورد Vue.js قابل توجه است، این است که چقدر مردم از آن استفاده می کنند. گزارش State Vue.js گزارش داد که 96 درصد کاربران از آن برای پروژه بعدی خود استفاده می کنند. در حالی که به وضوح بی معنی است که می گویند یک ابزار بهتر از دیگر است، تجربه توسعه دهنده ارائه شده توسط Vue می گوید که در مورد آنچه که برای توسعه دهندگان مهم است، تنها در سال 2018 محبوب تر می شود.2.WebpackWebpack یک ابزار است که برای چندین سال به طول انجامیده است، اما اخیرا افزایش محبوبیت آن دیده شده است. باز هم این احتمالا به افزایش تاکید بر بهبود تجربه توسعه تبدیل شده است - توسعه آسان تر و لذت بخش تر است. Webpack، به راحتی تمام دارایی هایی را که نیاز دارید در توسعه ی جلویی مانند جاوا اسکریپت، فونت ها و تصاویر، در یک مکان به ارمغان می آورد. این بسیار مفید است اگر شما در حال توسعه پیچیده به پایان می رسد. بنابراین، اگر شما به دنبال چیزی هستید که در سال 2018 پیچیدگی را کنترل می کند، ما قطعا توصیه می کنیم با استفاده از webpack یک زمان صرف کنیم.3. reactخوب، احتمالا انتظار داشتید React را ببینید. اما چرا این را شامل نمی شود؟ در سال 2017 از قدرت به قدرت رسیده است و تنها در سال 2018 محبوبیت خود را ادامه خواهد داد. مهم این است که ما در تنگنا قرار نگرفته ایم - این بدان علت است که یکی از دلایل اصلی ما خستگی جاوا اسکریپت را در گفتگو مشاهده کرد. در عوض، موفقیت React وابسته به چگونگی ادغام آن در پشته های فناوری گسترده ما - ابزارهایی مانند webpack، به عنوان مثال. در نهایت، اگر React همچنان به توسعه دهندگان اجازه دهد UI باور نکردنی را به طریقی که نسبتا بدون استرس است، به زودی ناپدید نخواهد شد.4. GraphQLGraphQL ممکن است به نظر می رسد کمی زمینه سمت چپ، اما این ابزار ساخته شده توسط فیس بوک بدون سر و صدا راه خود را به ابزارهای زنجیره توسعه نفوذ از آن که در سال 2015 به طور عمومی ساخته شده است. بعضی از آنها به عنوان نرم افزار است که تبدیل به ساخت ما API است. این مقاله همه چیزهایی که باید درباره GraphQL فوق العاده خوب بدانیم، توضیح می دهد، اما به سادگی، GraphQL "در مورد طراحی API ها شما را به صورت مؤثر و بسیار دقیق در مورد نحوه دسترسی مشتریان به اطلاعات شما" است. در حال ساخت توسط فیس بوک، این ابزار است که با React به خوبی ادغام می شود - اگر شما علاقه مند هستید، این مطالعه موردی توسط نیویورک تایمز توضیح می دهد که چگونه GraphQL و React در طراحی مجدد وب سایت خود در سال 2017 نقش داشتند .5. WebAssemblyWebAssembly یکی از جدیدترین و هیجان انگیزترین چیزها در توسعه وب است، در حالی که ما نمی خواهیم به عمق چرخه عصبانی مکیده شود. WebAssembly، براساس سایت پروژه، "یک قالب قابل حمل جدید و قابل حمل برای زمان مناسب برای وب است". مهمترین چیزی که باید بدانید این است که سریعتر است - سریعتر از جاوا اسکریپت. "بر خلاف رویکردهای دیگر که نیاز به پلاگین برای رسیدن به عملکرد نزدیک به بومی در مرورگر، WebAssembly به طور کامل در بستر وب اجرا می شود. این به این معنی است که توسعه دهندگان می توانند کتابخانه های WebAssembly را برای محاسبات فشرده CPU (مثلا فشرده سازی، تشخیص چهره، فیزیک) به برنامه های وب موجود که جاوا اسکریپت برای کار کمتری استفاده می کنند، ادغام کنند "، دیوید بریانت، همکار موزیلا در این پست متوسط ​​توضیح داد. ما فکر می کنیم 2018 سال است که WebAssembly در نهایت از بین می رود و آن را بزرگ می کند - و شاید راه هایی برای انتقال مکالمات گذشته در اطراف خستگی جاوا اسکریپت ارائه دهد. amuzeshtak amuzeshtak Mon, 15 Apr 2019 09:19:59 +0430 https://virgool.io/@amuzeshtak/%D8%A7%D9%86%DB%8C%D9%85%DB%8C%D8%B4%D9%86-%D8%AF%D8%B1-css-cbdxajhoaelh در زبان و آموزش css و نسخه های ابتدایی آن تنها می توانستیم برای تغییر فرم یک متن، یا عکس، یا هر عنصر دیگری با موس روی آن برویم، تا شکل آن تغییر کند. مثلا نوشته ها کج، یا زیر خط دار می شدند. اما با پیشرفت و توسعه ی این زبان برنامه نویسی می توانیم در زمان ظاهر شدن، و نمایش تمام عناصر در صفحه، نحوه ی نمایش آنها را تعریف کرده، یا تغییر دهیم. انیمیشن ها در css اجازه می دهد تا بسیاری از عناصر html را بدون استفاده از آموزش جاوا اسکریپت و یا فلش جابجا کنیم، یا به زبانی ساده تر برای آنها حالتی پویا تعریف کنیم! این موضوعیست که در این مقاله قصد داریم به شما آموزش دهیم. خصوصیت انیمیشن در cssاز خصوصیات انیمیشن ها در css می توانید برای نمایش و تغییر ویژگی های آنها استفاده کنید. در خصوصیت ها باید زمان نمایش انیمیشن ها را تعریف کرد، وگرنه آنها هرگز اجرا نخواهند شد. همچنین نحوه ی ارث بری و ارجاع داده شدن به یک عنصر و ساختار آنها را هم باید مشخص کرد. شکل کلی آنها به صورت زیر است: نکته: نام انیمیشن در قانون keyframes@ تعریف می شود؛ که این قانون در واقع تعیین رفتار یک انیمیشن را شامل می شود. هنگامی که سبک CSS را در قوانینkeyframes مشخص می کنید، انیمیشن به تدریج از زمان فعلی به سبک جدید تغییر پیدا می کند. برای نوشتن یک انیمیشن، باید آنرا را به یک عنصر مرتبط کنید.نکته 2 : برای ساختن یک انیمیشن در css اول یک نام تعریف می کنیم و سپس مدت زمانی را که این انیمشن نمایش داده می شود مشخص خواهیم کرد. تعریف انیمیشنبه کد های زیر دقت کنید. این یک مثال ساده از تغییر رنگ پس زمینه ی یک عنصر از ابتدای نمایش آن تا پایان اجرای آن است.@keyframes example{from{ Background-color: gray;}to {Background-color: red;}}در توضیح مثال بالا، کلمات from و to به اجرا کننده ی کد می گوید که، از زمان ابتدایی تا انتهایی طی شدن و اجرای این صفحه، تغییر رنگ پس زمینه ی آن باید چه مدت طول بکشد. بجای این کلمات میتوان از اعداد درکنار درصد نیز استفاده کرد. مثلا 10% . توجه داشته باشید که نام این انیمیشن را بعد از keyframe نوشته ایم. همانطور که مشاهده می کنید، با استفاده از این چند خط کد ساده، توانستیم یک جلوه ی انیمیشنی تعریف کنیم. می توانید نقطه ی اولیه، یعنی fromیا صفر را تعریف نکنید. اما باید دومین مورد یعنی زمان تغییر شکل را حتما در کد بنویسید.اتصال انیمیشنبعد از نوشتن این کد باید انیمیشن را در css به یک عنصر متصل کنید. در این مثال ما آنرا به یک class بنام myexample متصل می کنیم.Myexample { background-color: red;animation-name: example;animation-duration: 4s; }دستور animation-duration زمان به نمایش در آمدن این انیمیشن را تعریف می کند. اگر آنها را ننویسیم، صفر در نظر گرفته می شوند. تأخیر یک انیمیشن در cssویژگی تاخیر انیمیشن در css ، برای به تاخیر انداختن زمان شروع یک انیمیشن است.در ادامه ی مثال قبلی، این نمونه تا قبل از شروع انیمیشن آنرا تا 2 ثانیه به تاخیر می اندازد. این کار با استفاده از دستور animation-delay انجام می شود.Myexample}position: relative;background-color: red;animation-name: example;animation-duration: 4s;animation-delay: 2s;{برای این امر، مقادیر منفی نیز مجاز می باشند. البته اگر انیمیشن با استفاده از مقادیر منفی، شروع می شود. مثلا:animation-delay: -2s;جمع بندیهمانطور که مشاهده کردید، با استفاده از چند تکنیک ساده می توانید صفحه ی وب با عناصر جذابتری را برای سایت خود و با استفاده از انیمیشن ها در css ایجاد نمایید. انیمیشن ها این امکان را به شما می دهند تا در هر کجا که لازم بود صفحات پویا تری ایجاد کنید. بدون اینکه لازم باشد از فلش یا نمایش ویدیو ها در صفحات وب، استفاده کنید. amuzeshtak amuzeshtak Tue, 19 Mar 2019 09:48:27 +0330 https://virgool.io/@amuzeshtak/15-%D9%BE%D9%84%D8%A7%DA%AF%DB%8C%D9%86-%D8%B6%D8%B1%D9%88%D8%B1%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-visual-studio-code-plgl11dswpyx ویژوال استودیو کد یک ویرایشگر متن رایگان است که توسط مایکروسافت ساخته شده است. به لطف عملکرد فوق العاده آن و میزان فراوان ویژگی هایی که ارائه می دهد، به سرعت مورد توجه مخاطبان قرار می گیرد.همانند بسیاری از IDE ها، VSCode دارای یک بازار افزوده شده حاوی هزاران پلاگین با کیفیت متفاوت است. برای کمک به شما در انتخاب کردن کسانی که ارزش دانلود دارند، ما این مجموعه از افزونه هایی را که بیشتر مفید و سرگرم کننده ای یافتیم، ساخته ایم. Open-In-BrowserVSCode هیچ رابط کاربری داخلی را برای باز کردن فایل ها به طور مستقیم در مرورگر ارائه نمی دهد. این افزونه یک مورد باز با پیش فرض مرورگر را به منوی متنی اضافه می کند و همچنین گزینه های پارت فرمان برای باز کردن در یک مشتری از انتخاب شما (فایرفاکس، کروم، اینترنت اکسپلورر). QuokkaQuokka یک ابزار اشکال زدایی است که بازخورد زنده را در کد شما نوشتن می دهد. این پیش نمایش از نتایج توابع و مقادیر محاسبه شده برای متغیرها را نشان می دهد. افزونه آسان است برای پیکربندی و از جعبه با پروژه های JSX یا TypeScript کار می کند. Fakerاطلاعات حفره یا سوراخ را با استفاده از کتابخانه محبوب فایکر جاوا اسکریپت سریع وارد کنید. شما می توانید نام های تصادفی، آدرس، تصاویر، شماره تلفن، یا فقط پاراگراف های کلاسیک Lorem Ipsum تولید کنید. هر رده دارای زیر شاخه های مختلف است، بنابراین شما می توانید اطلاعات را متناسب با نیازهای شما. CSS Peekبا استفاده از این افزونه می توانید تعاریف کلاس ها و شناسه های CSS را در شیوه های خود مشاهده کنید. هنگامی که شما بر روی یک انتخابگر در فایلهای HTML راست کلیک میکنید، انتخاب گزینههای Go to Definition و Peek تعریف شما را به کد CSS که در آن شما آنها را مدل کرده اید ارسال می کنید. HTML Boilerplateافزونه HTML boilerplate شما را از نیاز به دستی نوشتن برچسب های سر و بدن یک سند جدید HTML ذخیره می کند. فقط یک HTML خالی در یک فایل خالی تایپ کنید، کلید Tab را بزنید و یک ساختار سند پاک ایجاد شود. PrettierPrettier محبوب ترین قالب کد در وب Dev است در حال حاضر. این اجازه می دهد که کد تیم شما یکسان باشد، مهم نیست که چه کسی آن را نوشته است. این فرمت اجازه می دهد تا به طور خودکار اسناد JS و CSS را بهتر و سریع تر فرمت کند. اگر شما همچنین می خواهید ESLint را در مخلوط پرتاب کنید، Prettier - Eslint وجود دارد. Color Infoپلاگین کوچک که به شما اطلاعات متنوعی در مورد رنگهایی که در CSS شما استفاده کرده است، می دهد. با کشیدن روی رنگ، می توانید پیش نمایش بزرگتری از نحوه نمایش آن و همچنین اطلاعات مربوط به ترجمه آن را به تمام فرمت ها (hex، rgb، hsl، cmyk) مشاهده کنید. SVG Viewerاین افزونه تعدادی از ابزارهای کاربردی برای کار با SVG ها در Visual Studio Code اضافه می کند. این باعث می شود که فایل های SVG را رندر کنید و ببینید که چگونه آنها بدون نیاز به ویرایشگر کنار می مانند. همچنین گزینه هایی برای تبدیل به PNG و ایجاد طرح های URI داده وجود دارد. TODO Highlightاین ابزار تمام توهمات TODO را در کد خود نشان می دهد، و آن را آسان تر برای ردیابی هر کسب و کار ناتمام قبل از هل دادن به تولید. به طور پیش فرض برای کلمات کلیدی TODO و FIXME به نظر می رسد، اما شما می توانید عبارات دلخواه خود را نیز اضافه کنید. Icon Fontsقطعه کوچک برای فونت های آیکون در پروژه خود (از CDN) و سپس اضافه کردن آیکون خود را. فرمت پشتیبانی از بیش از 20 مجموعه آیکون محبوب، از جمله فونت بسیار معروف، Ionicons، Glyphicons، و آیکون طراحی مواد. Minifyفرمت برای حذف کد شما. این یک تن از تنظیمات سفارشی سازی را ارائه می دهد و گزینه ای را برای صرفه جویی در خودکار و صرفه جویی در آن به فایل .min مینویسد. Minify با استفاده از جاوا اسکریپت، CSS و HTML با استفاده از uglify-js، clean-css و html-minifier کار می کند. Change CaseVSCode دارای گزینه های محدودی برای تبدیل متن است. خارج از جعبه تنها می تواند تبدیل های کوچک و بزرگ را انجام دهد. این پلاگین دستورات زیادی را برای اصلاح رشته ها اضافه می کند، از جمله camelCase، kebab case، snake_case، CONST_CASE و دیگران. amuzeshtak amuzeshtak Tue, 19 Mar 2019 09:39:43 +0330 https://virgool.io/@amuzeshtak/%D9%86%D8%AD%D9%88%D9%87-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D9%81%D9%88%D9%86%D8%AA-%D9%87%D8%A7%DB%8C-%D8%B1%D9%86%DA%AF%DB%8C-%D8%AF%D8%B1-%D9%88%D8%A8-rhjjz6dnwozr هر طراح وب می داند چگونه رنگ فونت را تنظیم کند، درست است؟ این یکی از اولین مواردی است که ما در هنگام یادگیری CSS شروع میکنیم. رنگی را انتخاب میکنیم، سپس از سبکها برای تنظیم آن استفاده میکنیم، مانند color: blue; یا color: purple; ؛ بنابراین تمام گلهای در فونت انتخاب شده ما این رنگ را رنگ می کنند و تنها آن رنگ.اما اگر شما می توانید بیش از یک رنگ در هر گلیف تعریف کنید؟ اگر شما می توانید حروف خود را آبی و بنفش داشته باشید یا دارای شیب هایی بین آبی و بنفش هستید یا حتی یک یا دو ده رنگ یا بیشتر برای یک خانواده فونت استفاده کنید؟خوب، با ظهور فونت های رنگی باز، شما می توانید فقط آن را انجام دهید.این تصویر از چهار فونت مختلف رنگ را بررسی کنید:این ممکن است به نظر می رسد که تصاویر ثابت در Illustrator قرار داده شده است، اما شما در واقع به دنبال متن قابل خواندن، قابل ویرایش، قابل جستجو در مرورگر هستید.به جای اینکه رنگ آنها را از طریق CSS کنترل کند، این فونتها اطلاعات داخلی دارند که به آنها اجازه می دهد رنگ های مختلف را در یک گلیف داشته باشند و برای نمایش بسیار قابل توجه باشند.با استفاده از فونت های رنگیفونت های رنگی هنوز کاملا جدید هستند، بنابراین تعداد زیادی از آنها هنوز منتشر نشده است، و در میان آنهایی که در دسترس هستند، ترکیبی از فونت های رایگان و پرداخت می شود. برای اطمینان از اینکه میتوانید با فونتهای رنگی خودتان بازی کنید، من چهار فونت رایگان را برای نسخه ی نمایشی خود انتخاب کردیم. شما می توانید نسخه های این فونت ها را در مکان های زیر دریافت کنید:گیلبرت در typewithpride.comAbalone در colorfontweek.fontself.comPlaybox در colorfontweek.fontselp.comBixa در bixacolor.comکد مورد استفاده برای اضافه کردن آنها به صفحه، چیزی جدید نیست، فقط عنصر قدیمی @ font-face شما می دانید و دوست دارید: <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Color Fonts</title><style>@font-face {font-family: 'Gilbert';src: url('fonts/Gilbert-Color Bold-Preview_1004.otf');}@font-face {font-family: 'Abalone';src: url('fonts/Abelone-FREE.otf');}@font-face {font-family: 'Playbox';src: url('fonts/Playbox-FREE.otf');}@font-face {font-family: 'Bixa';src: url('fonts/NTBixa-Color.woff2');}body {font-size: 4.5rem;line-height: 1.618;}.gilbert {font-family: 'Gilbert';}.abalone {font-family: 'Abalone';font-size: 3.8rem;}.playbox {font-family: 'Playbox';}.bixa {font-family: 'Bixa';}</style></head><body><a class="gilbert">Gilbert Color Font</a><div class="abalone">Abalone Color Font</div><div class="playbox">Playbox Color Font</div><div class="bixa">Bixa Color Font</div></body></html>مرورگرها و پشتیبانیدر این لحظه در زمان، اگر می خواهید فونت رنگی را در مرورگر امتحان کنید، باید از فایرفاکس یا لبه، تنها دو مرورگر با پشتیبانی کامل استفاده کنید. پشتیبانی از Safari تنها به قالب SBIX پشتیبانی می کند. Chrome تنها در اندروید پشتیبانی می کند، و فقط برای فرمت CBDT. اپرا هیچ پشتیبانی ندارد.اصلاح CSSدر حال حاضر ما نمی توانیم CSS را برای تغییر رنگ هایی که در فونت رنگ استفاده می شود استفاده کنیم. با این حال، برای یک طراح فونت ممکن است یک فونت را با تعدادی از تغییرات از پیش تعیین شده شامل شود. سپس این تغییرات می تواند با استفاده از font-feature-settings تغییر کند.رنگ ثابت، حتی در لینک هاهمانطور که رنگ یک فونت رنگی درون فونت خود ثابت می شود، اموال رنگی که شما معمولا به متن خود اعمال می کنید، هیچ تاثیری نخواهید داشت، از جمله در لینک ها، هر چه که دولت آنها باشد.همچنین لازم به ذکر است که در حالی که تغییر رنگ با لینک ها رخ نمی دهد، آنها هنوز هم می توانند دکوراسیون متن زیر را به طور پیش فرض خود اعمال کرده و خط زیر هر رنگی را که توسط CSS خود مشخص می کنید دریافت خواهید کرد. اگر تصمیم به ترکیب فونت ها و پیوندهای رنگی داشته باشید، ممکن است ارزش استفاده از چنین تاکیدی را داشته باشد تا به کاربران کمک کند لینک ها را از بقیه متن متمایز کند.در اینجا چند نمونه از کد وجود دارد: <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Color Fonts</title><style>@font-face {font-family: 'Gilbert';src: url('fonts/Gilbert-Color Bold-Preview_1004.otf');}body {font-size: 4.5rem;line-height: 1.618;}.gilbert {font-family: 'Gilbert';}a {color: red;}</head><body><div class="gilbert">Gilbert Color <a href="#">Link</a></div></body></html>این به ما یادآوری قرمز که در آخرین کلمه دیده می شود را می دهد:بسته شدنبین فونت های رنگی و فونت های متغیر، جدیدترین پیشرفت های Open Type به نظر می رسد فونت ها را در مرورگر بسیار سرگرم کننده تر و جالب تر می کنند. آینده تایپوگرافی طراحی وب به نظر می رسد روشن است! amuzeshtak amuzeshtak Tue, 19 Mar 2019 09:28:23 +0330 https://virgool.io/@amuzeshtak/%D8%A8%D8%A7%DB%8C%D8%AF%D9%87%D8%A7-%D9%88-%D9%86%D8%A8%D8%A7%DB%8C%D8%AF%D9%87%D8%A7-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AA%D8%A7%D8%B2%D9%87%DA%A9%D8%A7%D8%B1%D8%A7%D9%86-%D8%AF%D8%B1-javascript-mw2tjpkuvgvk از آنجا که روز Brendan Eich آن را ایجاد کرد، JS بسیاری از تغییرات، تغییرات، افزوده و چارچوب ها را به بدن خود اضافه کرده است. پس از یک عمر آشفتگی، JS شکل گرفته است که چگونه ما آن را در حال حاضر در سال 2018 می بینیم، و در عین حال، انتظار می رود در آینده بیشتر رشد کند.امروز، من فکر می کنم وضعیت فعلی جاوا اسکریپت بهترین توصیف شده توسط نقل قول اتوود است: "هر برنامه ای که می تواند در جاوا اسکریپت نوشته شود، در نهایت در جاوا اسکریپت نوشته خواهد شد." تقریبا هر چیزی که تصور می کنید می تواند در جاوا اسکریپت نوشته شود.در این پست ما به شما راهنمایی می کنیم که چه کاری باید انجام دهید و چه چیزی را انجام ندهید، برای هر دو تازه کارهای JS و برای کسانی که تجربه قبلی در این زبان داشته اند.در هنگام نوشتن کد جاوا اسکریپت، قوانین شگفت انگیزی وجود دارد که همیشه باید در ذهن شما باشد. چنین قواعدی مربوط به اعلام متغیرها، نامگذاری کنوانسیون، کدنویسی، تلاش برای نوشتن کد پاکیزه و به طور کلی با جهان جاوا اسکریپت است. بگذارید برخی از این موارد را حل کنیم.متغیرهاوقتی به نام متغیرها می آید، استفاده از قانون camelCase به طور کلی بهترین عمل است. این همان چیزی است که ما در JSGuru آنها را نامگذاری می کنیم و هنگامی که کل تیم از این قانون استفاده می کند، به آن کمک می کند؛ زیرا این امر به حفظ یکپارچگی کد کمک می کند.همچنین مهم است که نام متغیر کوتاه، مختصر و توصیفی باشد. این باید به همان اندازه که ممکن است به دلیل این واقعیت است که کد به اشتراک گذاشته شده است بیشتر از زمان. خواننده باید قادر باشد آنچه را که در آن متغیر ذخیره می شود یا آنچه که به آن اشاره می کند بدون آن که آن را در کنسول ثبت کند و کد خود را بی پاسخ کند. یک نام متغیر خوب باید به خواننده درباره چگونگی استفاده از آن در یک قسمت از کد بپردازد و به ارزش یا هدف آن که از نقطه نظر کاربر استفاده می شود اشاره نکند. به عنوان مثال، "userAnswer" نام متغیر بهتر از "userInput" است، همانطور که به وضوح اشاره دارد، از دیدگاه کدبندی به یک سؤال پیش از آن است. شما دقیقا می دانید که چه چیزی به آن اشاره می کند. به همان ترتیب، از استفاده از نام عمومی مانند num و arr اجتناب کنید، و حداقل آن را با اطلاعات مربوط به آنچه که به آن اشاره میکنید اضافه کنید، به عنوان مثال "selectedColors". به همان ترتیب، "wantsSubscriptions" یا "shouldRemember" بهتر از "trueOrFalse" است. استفاده از فعل ها و چندگانگی / انحصاری برای کمک به نشان دادن ارزش، به جای برخی از مخفف مربوط به نوع ارزش در داخل یک نام.ساختن کد تمیز و ساده تر برای خواندن، یک عمل خوب است. شما می توانید این کار را با قرار دادن اعلام متغیرها در ابتدای اسکریپت خود انجام دهید، با اضافه کردن var یا let در مقابل متغیر اول در لیست و فقط اولین مورد. یک کاما می تواند بقیه را تقسیم کند و مکان معامله را در انتهای این اعلامیه نیمی از کولون ها را مهر و موم کند. ابتدا متغیرها را اولویت بندی کنید، زمانی که آنها را اعلام میکنید تا از ارزشهای نامشخص جلوگیری کنیم و سپس همه چیز را انجام دهیم.اجازه دهید یا در جای خود متوقف شوداز زمان تصویب استاندارد ES6 (همچنین به عنوان ECMAScript 2015)، متغیرها باید با استفاده از کلمات کلیدی let and const اعلام شوند. دلایل رها کردن کلمه کلیدی var این است که باید معنای واضحتری در مورد هدف متغیر و زمینه ای که در آن استفاده می شود را ارائه دهد. Const به طور کلی باید اشاره ای به مقادیری باشد که در طول زمان تغییر نخواهد کرد، حتی اگر در موارد اشیاء و آرایه ها، آنها مجاز به تغییر آنها باشند. از سوی دیگر، کلمه کلیدی اجازه می دهد نشان می دهد که یک مقدار ممکن است تغییر کند یا یک مقدار متفاوت به متغیر خاص اختصاص داده شود. اگر شما سعی می کنید مقدار const را تغییر دهید، جاوا اسکریپت به شما در مورد آن می گوید و به شما در اجتناب از اشکالات کمک می کند. یک مورد استفاده خوب برای const یک مرجع به یک عنصر DOM است که همیشه می خواهید در آن متغیر نگه دارید. به طور کلی، هنگامی که مقدار آن انتظار می رود که متغیر باشد، کلید واژه به معنای استفاده با حلقه یا الگوریتم های ریاضی است. متغیرهایی که با اجازه و const اعلام می شوند، افزایش پیدا نمی کنند، مانند آنهایی که با var بیان می شوند.نظراتآیا تا کنون خود را در موقعیتی یافتید که در آن به کد قدیمی خود نگاه کردید تا هیچ نظری در رابطه با آن وجود نداشته باشد؟ شاید شما فراموش کرده اید که آنها را در آن زمان بنویسید و یا به طور تصادفی آنها را نوشتید و بعد از آن فراموش کنید که این کار را انجام دهید. به هر حال ممکن است در حال حاضر شما در موقعیتی هستید که در آن به دنبال یک دسته از یوگا هستید و شروع به احساس غربت می کنید زیرا شما نمی دانید که در آن شروع به خواندن و درک آن کنید. نوشتن کد تمیز و پیروی از کنوانسیون های نامگذاری خوب می تواند مطمئنا کمک کند، اما یک بخش پیچیده تر از کد گاهی اوقات به سادگی نیاز به یک یا دو نظر برای کمک به خواننده را در درک آن سریعتر. من یادم می آید چندین بار به کد من بازگردم و زمان زیادی را صرف بدانم که چطور نوشتم و دقیقا چه اتفاقی افتاد. این زمانی است که من اهمیت نوشتن برخی از منطق در داخل نظرات را آموختم، فقط به عنوان یادداشت خدمت می کنم و به من کمک می کند تا آینده را سریع تر درک کنم. شما تقریبا بدون شک خودتان را در موقعیتی قرار می دهید که سعی در درک کد شما یا شخص دیگری داشته باشید و مایل باشید برخی از نظرات در اطراف آن فقط برای سرعت بخشیدن به روند پیشرفت شما کم است.از این تجربه به عنوان یک انگیزه برای کمک به شما در درک اهمیت نوشتن نظرات و دفع آن در زمانی که شما برخی از منطق پیچیده را بنویسید، استفاده کنید. فقط یک جمله کوتاه بنویسید که جوهر آن شکم را در بر بگیرد و به من اعتماد کنید، شما از آینده خود را سپاسگزار خواهید بود. مهمتر از همه، هر کسی که کد شما را خواند، نیز سپاسگزار خواهد بود. به عنوان یک یادداشت جانبی، آن را صدمه نمی زند تا نظرات خود را با طنز و مثبت، زیرا نگرش و طغیان غلط هستند.کد قالبکد قالب ممکن است گاهی اوقات مشکل باشد برای کمک به شما در این امر باید سایتی مانند ESLint یا JSLint (لینک به سایت رسمی) را امتحان کنید. هر دو این ابزار به شما کمک می کند تا کد های پاک تر و بهتر را با استانداردهای جامعه به اشتراک بگذارید. حداقل شما می توانید انجام دهید استفاده از فضای سفید و خطوط جدید برای گروه بندی کد خود را به قطعات مربوطه است. این کد شما را بسیار قابل خواندن خواهد کرد و شما قادر خواهید بود تا آن را بسیار سریعتر تشخیص دهید!بهره وریدر این بخش، ما به اهمیت کارایی عمومی در برنامه نویسی یاد خواهیم داد. این ها بعضی از مشکلات رایج تازه ای هستند که در مورد Javascript می آید.حالت STRICTما تشویق به استفاده از 'حالت دقیق' زمانی که هدف ما ایجاد قوی کد جاوا اسکریپت است. تغییرات حالت سخت (قبلا پذیرفته شده) '' نحو بد '' به خطاهای واقعی است. به این معنی که تلاش برای اضافه کردن مقادیر به خواص متغیر اشتباه، که یک متغیر جهانی جدید را در حالت عادی ایجاد می کند، اکنون خطایی برای شما می دهد. در حالت دقیق، هر تخصیص با یک ملک غیر قابل نوشتن، یک ملک غارتگر، یک ملک غیر موجود، یک متغیر غیر موجود یا یک شیء غیر موجود، یک خطا را پر می کند.شاید مهمترین چیز در این فهرست با آخرین استانداردهای جاوا اسکریپت باشد.اول، کد شما مدرن است و احتمالا نزدیک به آنچه که در آن زمان استانداردهای صنعت است، نوشته شده است. علاوه بر این با استفاده از جدیدترین ویژگی ها، شما و دیگر برنامهنویسان تشویق میشوند و نیاز به مرورگرها برای پیادهسازی این ویژگیها را فراهم میآورید و از آنها پشتیبانی میکنید. در حال حاضر، این کار با کمک ابزارهای پرینت از قبیل بابل انجام می شود. اگر با بابل آشنا نباشید، به سادگی آن را «ترجمه» جدیدترین کد جاوااسکریپت را به قالب ای که مرورگرهای امروز می توانند درک کنند. بابل خواندن کد جاوا اسکریپت و کامپایل جدیدترین ویژگی های شما را به ES5 می دهد، که همه مرورگر ها می توانند آن را درک کنند. برخی از مرورگرها از ویژگی های ES6 در حال حاضر پشتیبانی می کنند، اما استفاده از بابل و ابزارهای مشابه هنوز لازم است، زیرا ما می خواهیم جاوا اسکریپت شما توسط تمام مرورگرها و نسخه های قدیمی تر نیز پشتیبانی شود.برای کسب اطلاعات بیشتر در مورد بابل، من توصیه می کنم از وبسایت خود بازدید کنید و یک اسناد عالی داشته باشید که به سرعت شروع به کار می کند.چه چیز بیشتر، زندگی شما را ساده تر می کند جدیدترین ویژگی های جاوا اسکریپت شگفت انگیز هستند و با هر ویژگی بهتر و بهتر می شوند. آنها به شیوه های قدیمی کارهای انجام شده، به عنوان مثال، با استفاده از Promises یا Async / Await، برای جلوگیری از داشتن هرم عیب یابی، بهبود می یابند.یادگیری چیزهای جدید به معنای ترک منطقه آسایش شماست، اما به من اعتماد نکنید، هنگامی که آنها را انتخاب میکنید، هرگز به عقب نگاه نکنید. چندین ویژگی که من توصیه میکنم به دنبال روشهای آرایه (نقشه، کاهش، فیلتر کردن)، async / wait، و البته، مورد علاقه من - String Literals است.مهم است که به یاد داشته باشید، همیشه می توانید مهارت های برنامه نویسی خود را بهبود بخشید و کد پاک سازی را بنویسید. این یک ماراتن است، نه یک اسکیت، بنابراین اگر کد شما به اندازه پاک باشد، احساس غرق نمی شود. مهمترین چیز این است که آن را کار می کند! با گذشت زمان، با تجربه تر شدن و شروع به پیوستن به استانداردهای صنعتی، شروع به نوشتن کد پاکیزه می کنید، و حتی در آن زمان، تنهایی برای بهبود وجود خواهد داشت، همانطور که همیشه با همه چیز وجود دارد! پس از آن دلسرد نشوید، فقط وقت می گیرد. amuzeshtak amuzeshtak Tue, 19 Mar 2019 09:18:24 +0330 https://virgool.io/@amuzeshtak/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%B3%D9%84%DA%A9%D8%AA%D9%88%D8%B1-%D9%87%D8%A7%DB%8C-%D8%A7%D9%88%D9%84%DB%8C%D9%87-%D8%AF%D8%B1-css-bfmzuuh09vge در css انواع گوناگونی از سلکتور ها یا انتخاب گر ها وجود دارد که به شما امکان انتخاب بخش های مختلف یک فایل html را می دهد. این کار نوعی صدا زدن محسوب می شود. یعنی شما برای یک المان در فایل css یکسری ویژگی ها را مشخص می کنید. مثلا اینکه اگر متن است، رنگش چگونه باشد. چه فونتی داشته باشد. اندازه قلم این متن چه میزان باشد و .. یا در مثالی دیگر، اگر در باره ی یک عکس، ویژگی هایی را مشخص می کنید، این ویژگی ها میتواند اندازه ی عکس در صفحه ی وب یا موقعیت این عکس باشد. سپس در صفحه ی وب، به کمک سلکتور ها این مشخصات را به آن المان ها اعمال می کنیم. اگر میخواید به css مسلط شوید پیشنهاد میکنیم دوره آموزش css رو در سایت آموزش تک مشاهده کنیدانواع سلکتور ها در css :- Element Selector- Class selector- Id selectorدر ادامه به توضیح هریک از این موارد خواهیم پرداخت. 1-Element Selectorاین انتخاب گر، یکی از سلکتور های رایج در برنامه نویسی به زبان Css است. element ها در واقع همان تگ های html هستند. برای نوشتن این انتخاب گر باید از یک elemet Selector با یک نام مشخص استفاده کرد. مثلا تگp که برای ایجاد یک پاراگراف در زبان html استفاده می شود، می تواند در زبان css به عنوان یک سلکتور نوشته شود. یا مثلا تگ body نیز به همین شکل یک element selector حساب می شود.وقتی از این نوع انتخابگر استفاده کنیم، به طبع این موارد در تمامی تگ های html یک صفحه ی وب اعمال می شود. مثال:P { color: blue;Font-family:Arial; }Body { color-background: red;Font-size:12px; }در مثال بالا در سلکتور p رنگ و نوع فونت تگ های یک صفحه ی html را تعریف کردیم. در سلکتور بعدی برای تگ body رنگ پس زمینه و اندازه ی فونت را مشخص کردیم.1-این انتخاب گر ها یکی از ویژگی ها یا خصوصیات عمومی در یک صفحه ی وب هستند؛ که در یک صفحه ی html می توانند بطور عمومی مورد استفاده قرار گیرند. یعنی این انتخاب گر ها فقط مخصوص یک مورد از یک تگ یا یک خط کد نیستند. همچنین برعکس مورد قبل می توانیم نام دلخواهی برای آنها تعیین کنیم . در ضمن قبل از نام این سلکتور ها باید یک نقطه (.) قرار دهید. نکته : در نام گذاری سلکتور ها در css باید به نکات زیر توجه داشت:1. از علائمی مانند @,$,%,!,& و .. نمی شود استفاده کرد.2. هر نامی که برای یک سلکتور انتخاب کردید، در زمان استفاده نیز باید به همان شکل آن را بنویسید. زیرا css به حروف کوچک و بزرگ حساس است.مثالی در مورد Class selector ها :.example1 {   background-color:red;   color:#000;}2-Id Selectorاین نوع از انتخاب گرها که بسیار مورد استفاده برنامه نویسان هستند، یکی دیگر از سلکتور های عمومی در زبان html هستند. تفاوت این انتخاب گر با class selector ها در این است که، این انتخاب گر ها فقط می توانند به یک المان اختصاص داده شوند. برای تعریف این دسته از سلکتور ها در یک فایل css باید قبل از نام دلخواهی که، انتخاب می کنیم یک هشتگ (#) قرار دهیم. مثال:#newId {               background:darkblue;               color:white;{در فایل css کد های بالا را برای یک آیدی جدید بنام newId می نویسیم .<body><p id="newId">...</p></body>در این کد که در فایل html نوشته می شود، آیدی سلکتور تعریف شده را به تگ p نسبت می دهیم. و بعد از بسته شدن این تگ، سلکتور newId هم بسته خواهد شد. amuzeshtak amuzeshtak Mon, 04 Mar 2019 11:17:20 +0330 https://virgool.io/@amuzeshtak/6-%D8%AF%D9%84%DB%8C%D9%84-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-vuejs-jvtqlkwythvt من به تازگی شروع به کار با Vue.js کرده ام، تا کنون یکی از چارچوب لذت بخش ترین یادگیری است. تنظیم بسیار آسان است و شما می توانید چیزی ساده را بسیار سریع ساخت. من اخیرا بسیار سرگرم کننده بوده ام و احساس نیاز به نوشتن این پست و به اشتراک گذاشتن برخی از دلایل من فکر می کنم مردم باید آن را امتحان کنید!سادگیاضافه کردن Vue به یک پروژه وب موجود، نسبتا ساده است. شما می توانید بدون نیاز به چیزی درباره JSX، ES2015، یا سیستم های ساخت برای شروع کار برنامه نویسی را بسیار سریع شروع کنید. تا زمانی که شما با HTML و جاوااسکری آشنا هستید، می توانید راهنمای آنها را بخوانید و ظرف یک روز چیزی بنیادی بسازید که مزیت بزرگی در تیم توسعه سریع است که ممکن است مجبور باشد چیزی را سریع بگیرید.انعطاف پذیریبا Vue، شما می توانید یک برنامه را بسیار سریع نوشتن و اجرا مستقیم از مرورگر، و یا شما می توانید یک برنامه پیچیده با استفاده از ES6، JSX، اجزای، مسیریابی، بسته بندی و غیره اگر شما می خواهید ساخت.این می تواند بسیاری از روش های مختلف که شما ممکن است بخواهید از آن استفاده کنید. این نیز به اندازه کافی قابل انعطاف است که برای روش های مختلف برای نوشتن کد شما مناسب است، به عنوان مثال، شما می توانید یک قالب را در HTML یا Javascript بنویسید یا از JSX استفاده کنید.این به شما آزادی می دهد که درخواست خود را به گونه ای طراحی کنید که مناسب شما باشد، راه درستی وجود ندارد.مستندات جامعاسناد Vue بسیار دقیق، آسان برای درک و نمونه های مختلف کد است. همچنین دارای یک توسعه دهنده خوب و رو به رشد، که می تواند در صورت نیاز کمک کند.می توان برای برنامه های ساده و پیچیده استفاده کردبرای برنامه های بزرگتر و پیچیده تر می توانید از Vuex برای مدیریت و مسیریابی استفاده کنید. برای مثال، تفاوت اصلی بین استفاده از Vuex و استفاده از Redux / Flux با React این است که کتابخانه های همراه Vue به صورت رسمی پشتیبانی می شوند و با کتابخانه اصلی به روز می شوند. Redux و Flux از انجمن React آمده و به React گره خورده است.اثر گذاردر طول پروسه انتقال، Vue کلاس ها را در اجزای / عناصر اضافه می کند و حذف می کند. این 6 کلاس مختلف است که بعدا می توانید در Sass سفارشی شوید تا زمان بندی و سبک های شروع / پایان انتقال را تنظیم کنید.جالبه نه!من شخصا یادگیری بسیار سرگرم کننده برای استفاده از Vue بود. رمزگذاری می تواند در برخی موارد خسته کننده باشد، اما با هر بار که من یاد می گیرم که چگونه چیزی جدید را انجام دهم، بسیار هیجان انگیز است. آنها یک چارچوب جاوا اسکریپت را فوق العاده لذت بخش و پاداش یاد گرفته اند.خلاصه به طور خلاصه، در اینجا برخی از مزایای استفاده از Vue.js:این یک چارچوب پیشرونده پایدار استآسان برای یادگیری و درکساده و انعطاف پذیربا استفاده از معماری MVVMمستندات جامع موجود استتمرکز بر معماری سازمان / پروژهمی توان برای برنامه های ساده و پیچیده استفاده کردمدیریت دولتی ساده و شهودی استتعدادی از روش های استفاده از اثر گذار را ارائه می دهداین یک چارچوب سبک وزن در مقایسه با React یا Angular (حدود 20-30kb در اندازه)سرگرم کننده است! amuzeshtak amuzeshtak Mon, 04 Mar 2019 11:10:07 +0330 https://virgool.io/@amuzeshtak/%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1%D9%87%D8%A7%DB%8C-back-end-%D8%AF%D8%B1-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D9%88%D8%A8-sdx8qg9rxjad اگر شما یک توسعه دهنده باطن هستید، از طریق طیف وسیعی از ابزارهای توسعه ی پشتیبان موجود، احساس راحتی می کنید. بدون شک می توان گفت که شما باید از آنچه که برای شما کار می کند استفاده کنید، اما گاهی اوقات این کار آسان نیست.با در نظر داشتن این موضوع، گزارش امسال، Skill Up ارائه می دهد بینش مفیدی را در مورد برخی از محبوب ترین ابزارهای جانبی که امروزه استفاده می شود ارائه می دهد. بیایید نگاهی به ابزارهای بالا بیاندازیم. این باید به شما در تصمیم گیری درباره آنچه که می خواهید استفاده کنید یا شاید حتی یاد بگیرد کمک کند.Node.jsبیش از 50 درصد از پاسخ دهندگان گفتند، Node.js را، چارچوب کد گذاری جاوااسکریپت محبوب سرور، ترجیح می دهند. Node.js یک زمان اجرا جاوا اسکریپت است که در موتور V8 JavaScript اجرا می شود. Node.js توانایی های جاوا اسکریپت (زبان جلویی) را فراهم می کند تا اجازه دهد تا از ایجاد وب سایت های تعاملی بیشتر استفاده کند. این یک مدل رویداد-driven، non-blocking I / O استفاده می کند که سبک و کارآمد است.آخرین نسخه پایدار گره، گره 10، کاندیدای بعدی برای پشتیبانی طولانی مدت (LTS) در اکتبر 2018 خواهد بود. Node.js 10.0 همراه با بسیاری از ویژگی های جدید مانند OpenSSL 1.1.0 امنیت ابزار، ارتقاء npm، N-API و خیلی بیشتر.هسته ASP.NETجایگزین محبوب بعدی ASP بود. NET Core با بیش از 25٪ توسعه دهندگان آن را به عنوان انتخاب چارچوب Backend خود را تایید می کنند. ASP.NET Core یک چارچوب متقابل پلت فرم برای ایجاد پشت صحنه، برنامه های وب و خدمات و برنامه های IoT است. بر اساس نظر سنجی مهارت، آن نیز یکی از محبوب ترین چارچوب استفاده شده توسط توسعه دهندگان بود. این یک سیستم پیکربندی مبتنی بر محیط مبتنی بر ابر را فراهم می کند. این یکپارچه با چارچوب های محبوب مشتری و کتابخانه ها، از جمله Angular، React و Bootstrap، ادغام می شود.Express.jsتوسعه دهندگان و طرفداران فنی همچنین دوست دارند که با Express JS کار کنند و از اینرو رتبه 3 را در لیست ما قرار داده اند. Express JS چارچوب Node JS از پیش ساخته شده است که می تواند به توسعه دهندگان وب سایت ها و برنامه های کاربردی وب سریع تر و دقیق تر کمک کند. اکسپرس اساسا Node.js را برای ساخت برنامه های کامل وب گسترش می دهد.این چارچوب کامل برای توسعه دهندگان است که در Node.js مسلط هستند، اما می خواهند به ایجاد برنامه ها از تکنولوژی های سمت سرور منتهی شوند. اکسپرس سبک وزن است و همراه با ویژگی های اضافی ساخته شده در وب برنامه و API اکسپرس برای پشتیبانی از پلت فرم Node.js که در حال حاضر قوی است، ارائه شده است.اکسپرس فقط به NodeJS محدود نمی شود. این همکاری یکپارچه با سایر ماژول ها انجام می شود و سرویس دهی HTTP و middleware را برای ایجاد API ها ارائه می دهد. این می تواند به توسعه دهندگان وب سایت های تک صفحه و چند صفحه ای، و همچنین برخی از برنامه های کاربردی پیچیده وب کمک کند.شما می توانید از طریق پروژه ها در ExpressJS [ویدئو]، یک دوره کامل برای یادگیری توسعه وب حرفه ای با استفاده از Express.js، بروید.لاراولبعدا، لاراول، یکی از اعضای برجسته نسل جدیدی از چارچوبهای وب بود. این یکی از محبوب ترین فریم های PHP است و همچنین رایگان و منبع باز است. این ویژگی ها:موتور ساده و سریع مسیریابیظرفیت پذیرش قدرتمندپشت سر هم چندگانه برای ذخیره جلسه و ذخیره سازیمهاجرت اسناد موجود در بانک اطلاعاتیپردازش پس زمینه کارآمدپخش رویداد در زمان واقعیآخرین نسخه پایدار، Laravel 5 ارتقاء قابل توجهی با بسیاری از اسباب بازی های جدید است، در عین حال با حفظ ویژگی هایی که لاروئل را به شدت موفقیت آمیز ساخته است. با معماری و همچنین تغییرات مبتنی بر طراحی همراه است.Java EEپنجمین رایج ترین ابزار باطن جاوا EE است. استاندارد Enterprise Java یا Java EE مجموعه ای از فن آوری ها و API ها برای پلت فرم جاوا طراحی شده برای پشتیبانی از Enterprise است. با سرمایه گذاری، به معنی برنامه های طبقه بندی شده به عنوان مقیاس بزرگ، توزیع شده، مبادله و به شدت در دسترس است، طراحی شده برای حمایت از ضروریات کسب و کار مضر ضروری است.برنامه های کاربردی نوشته شده برای مطابقت با مشخصات جاوا EE، توسعه دهندگان را به یک فروشنده خاص متصل نمی کنند؛ در عوض، آنها را می توان به هر سرور جاوا سازگار با جاوا نصب کرد. نرم افزار سرور Java EE ادغام API های پلت فرم Java EE را ارائه می دهد و خدمات استاندارد Java EE را ارائه می دهد.آخرین نسخه پایدار، جاوا EE 8 به همراه یک بار از ویژگی های آن، عمدتا با هدف قرار دادن معماری جدیدتر از قبیل سرویس های میکروسافت، API های امنیتی مدرن و توسعه دهندگان ابر است.ابزارهای بک‌اند دیگر که در لیست بهترین‌ها حضور داشتند:Spring: این مورد یک مدل برنامه‌نویسی و پیکربندی برای ساخت اپلیکیشن‌های اینترپرایز مبتنی بر جاوا است.Django: این مورد یکی از قدرتمندترین وب فریمورک‌های پایتون برای ایجاد وب‌ سرویس‌های RESTful است. این پلتفرم سعی دارد تا حجم کدنویسی را کاهش دهد. ساده بودن این فریمورک روند توسعه را بسیار سریع می‌کند.Flask: یکی دیگر از فریمورک‌های پایتون برای ساخت وب سرور در پایتون است. فلسک یک میکرو فریمورک است به این معنا که در فرایند توسعه فول استک کاربرد ندارد. Firebase: پلتفرم موبایلی گوگل که برای کمک به توسعه‌دهندگان در جهت اجرای کدهای بک‌اند موبایل و تولید اپلیکیشن‌های با کیفیت بدون نیاز به مدیریت سرور ایجاد شده است. Ruby on Rails: از قدیمی‌ترین تکنولوژی‌های بک‌اند به حساب می‌آید. با این حال هنوز قدرتمند است و افراد بسیاری وجود دارد که از آن استفاده می‌کنند. Rails یک فریمورک منعطف است که براساس Ruby نوشته شده و به شما اجازه ساخت اپلیکیشن‌های سمت سرور را می‌دهد. amuzeshtak amuzeshtak Mon, 04 Mar 2019 11:03:30 +0330 https://virgool.io/@amuzeshtak/%DB%B8-%D8%B1%D8%A7%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%D8%B4%D8%AF%D9%86-%D8%A8%D9%87-%DB%8C%DA%A9-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D8%AF%D9%87%D9%86%D8%AF%D9%87-%D8%AD%D8%B1%D9%81%D9%87-%D8%A7%DB%8C-nua0l7fpbmn7 در این مقاله، ما چند نکته را با شما به اشتراک می گذاریم تا به شما اطمینان دهیم که شما به یک توسعه دهنده عالی تبدیل خواهید شد1) جلوگیری از ایجاد یک "متخصص"روند در وب به سرعت حرکت می کند. اگر شما پنج سال صرف صرفه جویی در دانش خود را از دروپال فقط برای پیدا کردن که ناگهان یک شبه هر کس می خواهد یک سایت وردپرس (و یا برعکس) چشم انداز شما محدود خواهد شد.2) اقامت در مدرسهدر رابطه با موضوع فوق، شما باید مطمئن شوید که مهارت و مهارت شما همیشه مرتبط و به روز است. ما به معنای بازگشت به کالج نیستیم، اما دوره های رایگان یا کم هزینه ای در هر فن آوری وب وجود دارد که می توانید تصور کنید، ایده خوبی است که هر ماه برای یادگیری یک مهارت جدید سرمایه گذاری کنید.3) یک ارتباط خوب باشیدگیک کلیشه ای در تعاملات انسانی است، بنابراین اگر شما یک ارتباط خوب هستید، شما مجبور هستید از نظر مثبت و منصفانه کنار بیایید. داشتن یک ارتباط خوب، نیاز به تعدادی ویژگی دارد:سریع و دقیق باشید هیچکس دوست ندارد انتظار داشته باشد. اگر مسائل زمان واقعی دارید، آنها را بفرستید. اکثر کارفرمایان مایل هستند که برنامه خود را با شما درمیان بگذارند. وقتی چیزی اتفاق می افتد که موجب تاخیر می شود، آن را در اسرع وقت به آن انتقال دهید.مودب باش. یک گفتگوی قدیمی می گوید: «رفتارهای خوب هیچ هزینه ای ندارد» و اغلب اوقات این درست است. تلاش برای همیشه به افرادی که با احساسات مثبت در مورد شما کار می کنند، کمک کنید.مختصر باشد همه چیز را به وضوح و به آسانی به اشتراک بگذارید، با استفاده از چند کلمه که می توانید منطقی استفاده کنید. همچنین سعی کنید که استفاده از اصطلاحات را محدود کنید، زیرا اصطلاحات اصطلاحا شما را هوشمندانه نمی سازد، این باعث می شود که صدا نامفهوم باشد.4) به راحتی برای CO-DOS ها کادو دهیداگر هر کدام را به یک کارفرمای احتمالی به عنوان مثال از کار خود ارائه می کنید، تلاش کنید تا اطمینان حاصل کنید که واقعا کدام بخش کد برای رسیدن به آن اهمیت دارد.از نوشته های واضح استفاده کنید. بر خلاف ارتباطات عمومی شما، در جایی که ایده خوبی است مختصر باشد، نظرات در کد شما باید توصیفی باشند.اجتناب از بیان هر خط. این فقط آزار دهنده است! در ابتدای یک بلوک یا تابع، توصیف توصیفی بنویسید و از نظر درون خطی کمی استفاده کنید. مواردی وجود دارد که نظرات درون خطی برای درک بسیار ضروری است، بنابراین فقط در مواردی از آنها استفاده شود.از نام متغیر و نام ثابت استفاده کنید. چیزی مانند rf = 250 ممکن است به شما حساس باشد، اما rocketFuel = 250 برای همه معقول است.از سبک نامگذاری مناسب و سبک برنامه نویسی استفاده کنید. اکثر نرم افزارهای غیر رمزگذار 1TBS ساده ترین شکل از سبک رمزگذاری "braced" را درک می کنند، در حالی که نام متغیر و فایل ساده است، زمانی که مورد شتر استفاده می شود، و پرونده شتر به دنبال بهتر از مورد مار است.گذراندن وقت برای ساختن طرح بندی کد خوب است. در حالی که این قابلیت را بهبود نمی بخشد، کمک می کند تا کد را به صورت منظم و ساده تر بخواند.اطمینان حاصل کنید که نمونه های کد شما شامل یک نظر با نام شما به عنوان توسعه دهنده است. بدون این، چگونه کارفرمایان تأیید می کنند که شما نویسنده نمونه کد هستید؟ مراقب باشید که اگر شما کد دیگران را سرقت کنید و آن را به عنوان خودتان منتقل کنید، شما می توانید تعدادی از قوانین را شکست دهید. این تنها اطمینان است که یک کارفرمای احتمالی دارد.بدیهی است هرگز نباید کد مینیمم را به عنوان نمونه ای از کار خود ارسال کنید، زیرا کد مینییتا حاوی نظر نیست و حتی برنامه نویسان ماهر می توانند زمان دشواری آن را بخوانند.5) کد همه چیز نیستمهم است که کارفرمایان را با مهارت های فنی شگفت انگیز و مهارت های نوشتاری خود تحت تاثیر قرار دهید، اما هر کارآفرینانی که ارزش کار کردن دارند، بسیار بیشتر از آن هستند. بنابراین واقعا چه چیزی باید روی صحبت کردن تمرکز کنید خلاقیت شماست.معنی آن چیست؟ البته مطمئنا چیزهایی مانند CSS و طراحی طرح نیست، اگر چه شما می توانید این کارها را انجام دهید، و شما باید آنها را ذکر کنید. اما خلاقیت برای یک برنامه نویسی به معنی نوآوری است. این بدین معنی است که یافتن راه های ابتکاری برای غلبه بر مشکلات.بنابراین به شدت فکر کنید که پروژه هایی که در آن کار کرده اید و چالش هایی که ارائه شده است و آنچه که برای حل مشکلات انجام دادید، بسیار سخت است. سپس این اطلاعات را به گونه ای تنظیم کنید که یک برنامه نویسی غیر از آنچه شما در مورد آن صحبت می کنید را درک کنید.اگر قبلا هرگز در یک پروژه کار دنیای واقعی کار نکردید و فقط به پرستش مستقیم به آزادسازی میپردازید، به جای آن از مثالهای خود استفاده کنید. یا چند پروژه شخصی را بسازید و از آنها به عنوان نمونه استفاده کنید.چیز دیگری که برای نشان دادن خوب است این است که چگونه ارزش پروژه هایی را که در آن کار کرده اید، افزوده اید. به عنوان مثال، اگر شما بیش از فقط برنامه نویسی کار کردید، مانند نوشتن یک کتابچه راهنمای کاربر، سپس یک رشته دیگر را به کمان خود اضافه می کند.6) مهارت های مدیریت پروژه خود را نشان دهیدحتی اگر شما به عنوان یک توسعه دهنده استخدام شوید، توانایی نشان دادن نحوه برخورد و مدیریت یک پروژه از ابتدا تا انتها یک ویژگی ارزشمند است. این مهارت ها شامل موارد زیر می شوند:برنامه ریزیسازماندهی وقت خود راایجاد مقررات و نقاط عطفپیاده سازی راه حل هاعیب یابینمایندگیفقط با آخرین نکته مراقب باشید، زیرا اگر نماینده بیش از حد نشان دهید، ممکن است به نظر می رسد که شما فقط تنبل هستید!7) بحران را از بین ببریداین نوک واقعا سه چیز متفاوت را پوشش می دهد:از انتقاد از یک کارفرمای سابق اجتناب کنید، حتی اگر آنها سزاوار آن هستند. کارفرمای جدید شما نمیخواهد داستانهای غم انگیز یا عذرخواهی را بشنود، و این یک ایده خوب نیست که خودتان را به عنوان ناپیوسته یا مشکلساز معرفی کنید.اجتناب از بیش از حد کارفرمای احتمالی انتقاد کنید. این ممکن است به نظر می رسد بیش از حد واضح است، اما در واقع بعضی از کارفرمایان آینده نگر شما را دعوت به انتقاد از آنها. برای آن سقوط نکن.از انتقاد خودداری کنید باز هم، کارفرمایان اغلب تلاش می کنند تا شما را مجذوب خود کنند تا این کار را انجام دهید، و این یکی از مواردی است که می توانید از کارهای جسورانه تر انجام دهید. همیشه یک چرخش مثبت پیدا کنیدو در نهایت، درست قبل از اینکه ما بسته بندی کنیم، این یکی از آخرین توصیه هاست ...8) هرگز به صورت رایگان کار نکنیداین یکی بزرگ است هیچ کار اشتباهی با کارفرمایانی که درخواست یک نمونه آزمایشی ندارند اشتباه است، اما نمونه رایگان که ارائه می کنید نباید در کار باشد. به عبارت دیگر، باید به هیچ وجه به پروژهیی که امیدوار است برای آن استخدام شود، ندارید.در غیر اینصورت، شما خطر ابتلا به یک مکنده دیگر را می کنید که یک جزء آزاد را به یک پروژه بزرگتر کمک می کند. برای کارفرمایان نیز اخلاقی نیست که بخواهید نمونه ای را انتخاب کنید که نزدیک به آنچه که شما استخدام می کنید مربوط باشد.یکی دیگر از دلایل اینکه شما نباید به صورت رایگان کار کنید یا مهارت های خود را بیش از حد ارزان بفروشید این است که وقتی این کار را انجام می دهید، کل صنعت را آسیب می زند. تنها استثنا زمانی است که شما چیزی برای خیریه انجام دهید. خیریه را با سازمان های غیر انتفاعی اشتباه نگیرید، زیرا سازمان های زیادی هستند که غیر انتفاعی هستند و شیر آن وضعیت برای دریافت چیزی به صورت رایگان است که واقعا شایسته آن نیست.انجام کار خیرخواهانه می تواند راهی عالی برای ساخت نمونه کارها باشد و همچنین در یک زمان خوب عمل کند. تا زمانی که شما برای یک مکنده گرفته نمی شود. amuzeshtak amuzeshtak Mon, 04 Mar 2019 10:55:21 +0330 https://virgool.io/@amuzeshtak/%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%DA%86%DB%8C%D8%B3%D8%AA-ojrcycr1dpvg حتما تا بحال بارها شده است که از زبان برنامه نویس ها یا دانشجویان یا افراد دیگر، کلمه ی جاوا اسکریپت را شنیده باشید، و حتما شنیده اید که این یک زبان برنامه نویسی است. و این زبان برنامه نویسی بسیار ساده و آسان در یادگیری است. در این مقاله قصد داریم تا شما را با این زبان برنامه نویسی جذاب و کاربردهایش آشنا کنیم. آموزش جاوا اسکریپتجاوا اسکریپت یک زبان برنامه نویسی شی گرا و پویا است. بطور خلاصه بیان میکنیم که مفهوم شی گرایی در زبان های برنامه نویسی، یک الگو یا روش از برنامه نویسی است که در دهه ی 60 میلادی اختراع شده است. در برنامه نویسی شی گرا برنامه ها، همان شی ها هستند و هرکدام دارای صفت و رفتار خاص خود می باشند. تاریخچه ی جاوا اسکریپتزبان برنامه نویسی جاوا اسکریپت در سال 1995 در شرکت Netscapge طراحی و توسعه داده شد و آخرین ورژن آن نیز در سال کنونی عرضه شده است. کد ها و دستورالعمل های این زبان، الهام گرفته از زبان برنامه نویسی جاوا است. عملکرد جاوا اسکریپتزبان برنامه نویسی جاوا اسکریپت، معمولا برای ساختار صفحات وب در کنار کد های html و css به کار میرود. جاوا اسکریپت عملکرد ایستا و خشک صفحات وب را، به یک صفحه ی تعاملی و پویا برای کاربران تبدیل کرده و به نوعی آنرا کاربر پسند می کند. در زمان بارگذاری شدن یک سایت بعد از ترجمه ی کد های html، کد های جاوا اسکریپت اجرا می شوند. مثلا تازمانیکه توابع آنها فراخوانی یا اصطلاحا صدا زده شوند، آنهم توسط مدل شی گرای متن برنامه (DOM) به روز رسانی و اجرا خواهند شد. کد های این زبان مانند کد های php یا html در لحظه ی بارگزاری اجرا نخواهند شد، زیر تنها برای تعاملات و کاربرد های ویژه ی صفحات وب نوشته می شوند. و اصطلاحا ظاهر و اجزای این صفحات را تشکیل نمی دهند. در تصویر زیر عملکرد اجرای کد های جاوا اسکریپت نشان داده شده است. کاربرد های جاوا اسکریپت 1. این زبان برنامه نویسی به بازدید کنندگان یک سایت، قابلیت تعامل پویا را می دهد. مثلا با استفاده از آن، کاربر میتواند با کلیک بر روی یک دکمه صفحه ی جدیدی را داخل صفحه ی جاری، باز کند و نیازی نیست تا مجددا به صفحه ی جدیدی منتقل شود. این صفحه می تواند یک فرم ثبت نام، یا حاوی اطلاعات خاص دیگر باشد. با استفاده از جاوا اسکریپت می توانیم کد هایی نوشته و مانند بسیاری از صفحات وب، یک اسلایدر مطابق با سلیقه ی خود طراحی کنیم. از دیگر موارد کاربرد این زبان، می توان به پخش موزیک یا فیلم در یک صفحه اشاره کرد.2. با استفاده از این زبان برنامه نویسی و فریم ورک های آن، می توان برای ساخت برنامه های موجود در موبایل استفاده کرد. فریم ورک ها، کد های آماده ی زبان جاوا اسکریپت هستند؛ که برای برنامه نویسان قابلیت استفاده ی مجدد کدهای از پیش نوشته شده را می دهند. این کار برای کاهش زمان و هزینه ی تولید کدها، بسیار مناسب است.3. از جاوا اسکریپت برای تولید و توسعه ی بازی های آنلاین در مرورگر ها نیز استفاده می شود4. یکی از قدرت مهم این زبان برنامه نویسی، ساختن وب سرورهای ساده است. فریم ورک های زبان جاوا اسکریپتهمانطور که ذکر شد، در این زبان فریم ورک ها یا کدهای کتابخانه ای وجود دارد، که برای افزایش سرعت در کد نویسی و همینطور جلوگیری از تکرار نوشتن چندین خط کد، استفاده می شود. از مثال های مربوط به این فریم ورک ها میتوان به jquery، Angular، React و مشهور ترین آنها Node.js اشاره کرد که آموزش jquery رو میتونید در سایت آموزش تک مشاهده کنید. از مورد آخری، برای محیط های runtime در موتور های جستجوگر کاربرد فراوانی می شود.جمع بندیبطور کلی زبان برنامه نویسی جاوا اسکریپت برای استفاده در صفحات وب و دادن جلوه های بهتری به آنها، به کار برده می شود. جاوا اسکریپت زبان قدرتمندی است که با کمک از فریم ورک های آن می توان صفحات زیبا و کاربردی را تولید کرد. جاوا اسکریپت رایگان بوده و یادگیری آن بسیار ساده است. amuzeshtak amuzeshtak Thu, 28 Feb 2019 11:25:09 +0330 https://virgool.io/@amuzeshtak/%DB%B1%DB%B1-%DA%A9%D8%AA%D8%A7%D8%A8%D8%AE%D8%A7%D9%86%D9%87-%D8%A7%D9%86%DB%8C%D9%85%DB%8C%D8%B4%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-rrads89nssy4 بعد از تحقیقاتی، 11 مورد از بهترین کتابخانه ها را برای استفاده در برنامه خود جمع آوری کردم. من همچنین چند کتابخانه مفید و غیرممکن را اضافه کرده ام.نکته: با استفاده از بیت برای به اشتراک گذاشتن اجزای خود، از آنها برای ساختن پروژه های متعدد و همگام سازی تغییرات با تیم خود استفاده کنید. آنها را دو بار بنویسید، آنها را دوباره استفاده کنید.هر جزء می تواند کشف شود، در یک زمین بازی زنده آزمایش شده و در پروژه های مختلف نصب شده باشد. تیم شما می تواند به روز رسانی ها را پیشنهاد کند و همگام سازی کند.با استفاده از CSS خالصقبل از غواصی در این کتابخانه ها، از CSS خالی استفاده نکنید. چرا؟ به دلیل استاندارد بودن، می تواند عملکرد (GPU) را بهبود بخشد، سازگاری عقب و جلو را فراهم کند، و این ممکن است تنها موثرترین راه برای ایجاد انیمیشن ها باشد. در اینجا 10 نمونه از انیمیشن CSS خالص تمیز است. 1. Three.jsدر بیش از 43K ستاره، این کتابخانه محبوب یک راه عالی برای ایجاد انیمیشن های 3D در مرورگر است، با استفاده از WebGL به شیوه ای بصری. ارائه دهنده های <canvas>، <svg>، CSS3D و WebGL، این کتابخانه به ما امکان می دهد تجربیات تعاملی غنی در بین دستگاه ها و مرورگرها ایجاد کنیم. ابتدا در آوریل 2010 معرفی شد، کتابخانه هنوز هم توسط نزدیک به 1000 همکاران توسعه یافته است. 2. Anime.jsدر بیش از 20K ستاره، انیمه کتابخانه انیمیشن انیمیشن است که با ویژگی های CSS، تبدیل CSS فردی، SVG یا هر ویژگی DOM، و Objects جاوا اسکریپت کار می کند. این کتابخانه به شما امکان می دهد خواص انیمیشن چندگانه را پیوند دهید، همزمان سازی چندین نمونه با یکدیگر، ایجاد جدول زمانی و موارد دیگر. 3. Mo.jsدر ستاره های 14K، این کتابخانه یک ابزار نوار ابزار گرافیکی برای وب است، با API های اعلان ساده، سازگاری متقابل دستگاه و بیش از 1500 تست واحد. شما می توانید چیزهایی را در اطراف DOME یا SVG DOME حرکت دهید یا اشیاء mo.js منحصر به فرد ایجاد کنید. گرچه مستندات تا حدودی نادر است، نمونه های زیادی دارند و در اینجا مقدمه ای در ترفندهای CSS وجود دارد. 4. Velocityدر ستاره های 15K، سرعت یک موتور انیمیشن جاوا اسکریپت سریع با همان API به عنوان $ .animate () jQuery است. این ویژگی انیمیشن رنگ، تبدیل، حلقه ها، تسلیحات، پشتیبانی SVG و پیمایش است. در اینجا یک شکاف از موتورهای با سرعت بالا Velocity است، و در اینجا مقدمه ای برای انیمیشن سازی SVG با استفاده از کتابخانه است. 5. Popmotionدر ستاره های 14K، این کتابخانه انیمیشن کاربردی و واکنشی تنها 11 کیلوبایت وزن دارد. این اجازه می دهد تا توسعه دهندگان برای ایجاد انیمیشن و تعامل از عمل، که جریان از مقادیر است که می تواند شروع و متوقف شده، و ایجاد شده با CSS، SVG، React، three.js و هر API است که عدد را به عنوان یک ورودی را می پذیرد. 6. Vivusدر بیش از 10K ستاره، Vivus کلاس جاوا اسکریپت صفر وابسته است که به شما این امکان را می دهد که SVG ها را متحرک سازی کرده و به آنها ظاهر شدن کشیده شود. شما می توانید از یکی از بسیاری از انیمیشن های موجود استفاده کنید یا اسکریپت سفارشی ایجاد کنید تا SVG شما را جلب کند. از Vivus-instant بخواهید که یک مثال زنده داشته باشد. 7. GreenSock JSGSAP یک کتابخانه جاوا اسکریپت برای ایجاد کارایی بالا، صفر وابستگی ها، انیمیشن های متقابل مرورگر است که ادعا می شود که در بیش از 4 میلیون وب سایت استفاده می شود. GSAP انعطاف پذیر است و با React، Vue، Angular و وانیل JS کار می کند. GSDevtools همچنین می تواند انیمیشن های dubug ساخته شده با استفاده از GSAP را کمک کند. 8. Scroll Revealبا ستارهای 15K و صفر وابستگی، این کتابخانه انیمیشن های اسکریپت آسان برای مرورگرهای وب و تلفن همراه را فراهم می کند تا همه چیز را در مسیر حرکت به صورت متحرک نشان دهد. این برنامه از انواع مختلفی از اثرات پشتیبانی می کند و حتی به شما اجازه می دهد که انیمیشن ها را با استفاده از زبان طبیعی تعریف کنید. در اینجا یک آموزش کوتاه SitePoint است. 9. Hover (CSS)خوب، این یک کتابخانه CSS است. در ستاره های 20K، Hover مقداری از اثرات شناور CSS3 را برای اعمال پیوندها، دکمه ها، آرم ها، SVG، تصاویر برجسته و غیره، در دسترس در CSS، Sass و LESS فراهم می کند. شما می توانید اثری را که می خواهید در شیوه ی خود استفاده کنید و یا به شیوه ی شی گرا مراجعه کنید، کپی و جای گذاری کنید. 10. Kute.jsیک موتور انیمیشن جاوا اسکریپت با ویژگی های ضروری برای انیمیشن های متقابل مرورگر. تمرکز کیفیت کد، انعطاف پذیری، عملکرد و اندازه (موتور هسته 17k دقیقه و 5.5k gzip) - در اینجا نسخه ی نمایشی است. کتابخانه نیز قابل گسترش است، بنابراین شما می توانید ویژگی های خود را اضافه کنید. amuzeshtak amuzeshtak Thu, 28 Feb 2019 11:16:10 +0330 https://virgool.io/@amuzeshtak/%D9%85%D9%87%D9%85%D8%AA%D8%B1%DB%8C%D9%86-%D8%AF%D8%B3%D8%AA%D9%88%D8%B1%D8%A7%D8%AA-git-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D8%AF%D9%87%D9%86%D8%AF%DA%AF%D8%A7%D9%86-%D9%88%D8%A8-bswcd3iglstk در حال حاضر، Git یکی از محبوب ترین سیستم های کنترل نسخه در بین توسعه دهندگان است. شما می توانید از آن برای ردیابی تغییرات در پروژه های خود استفاده کنید و کار چندین توسعه دهنده را هماهنگ کنید. پروژه های منبع باز نیز غالبا از Git در سیستم عامل هایی مانند GitHub و Bitbucket استفاده می کنند. اگر می خواهید از آن در پروژه هایتان استفاده کنید، باید چندین دستور Git را یاد بگیرید که بعدا می توانید از یک ابزار خط فرمان (CLI) استفاده کنید. Git مستندات خوبی دارد و منحنی یادگیری نسبتا صاف نیز دارد.در این مقاله، به شما دستورات Git اغلب استفاده شده برای مواردی مانند مرحله بندی و تحریم تغییرات، بررسی وضعیت مخزن شما، ایجاد ارتباط با مخزن از راه دور و موارد دیگر مراجعه می کنم. اگر میخواهید Git را در عمق یاد بگیرید، همچنین نگاهی به دفترچه راهنمای Pro Git که شامل مواردی است که شما ممکن است بخواهید در مورد موضوع بدانیدابزار Gitاکثر توسعه دهندگان از خط فرمان Git استفاده می کنند، زیرا بسیار سریعتر است. با این حال، این امکان وجود دارد که اگر دستورات Git را که لازم است استفاده کنید، می دانید. با این حال، Git همچنین دارای چندین رابط کاربری گرافیکی است که می توانید آن را با استفاده از یک رابط گرافیکی کار کنید.شما می توانید ابزار خط فرمان Git را برای سه سیستم عامل اصلی، ویندوز، لینوکس و مک، از وب سایت رسمی Git دانلود کنید.مهمترین دستورات Git1. پیکربندی Gitپس از نصب Git، بهترین کار این است که Git را در سطح جهانی پیکربندی کنید، بنابراین بعدا مجبور نیستید با آن روبرو شوید. برای یک پیکربندی پایه، فقط دو دستور Git وجود دارد که شما باید آن را استفاده کنید - یک نام نویسنده و دیگری ایمیل آنها ثبت می شود. از آن پس Git تمام تغییراتی را که با این اعتبارها ایجاد می کنید را ذخیره می کند. git config --global user.name "Jane Doe"git config --global user.email jane.doe@example.comخط اول این نام را تنظیم می کند، در حالی که خط دوم آدرس ایمیل نویسنده را تنظیم می کند.2. یک مخزن Git را بسازیدبعد از اینکه GIT CLI را روی سیستم خود نصب کردید، به پوشه ای که می خواهید به عنوان یک پوشه پروژه Git (همچنین مخزن یا repo) نام ببرید، حرکت کنید. هنگامی که شما داخل پوشه هستید، خط زیر را در خط فرمان تایپ کنید:git initدر حال حاضر، reto Git شما مقداردهی اولیه شده است، یعنی Git شروع به ردیابی تمام تغییراتی که شما در این پوشه انجام می دهید. اگر نگاهی به مدیر فایل خود بیاندازید، یک پوشه جدید در داخل، که نام آن .git است، پیدا خواهید کرد. این پوشه پنهانی است که در آن Git تنظیمات آن را ذخیره می کند.3. وضعیت وضعیت رپو را بررسی کنیدشما می توانید وضعیت مخزن Git خود را در هر زمان با دستور زیر بررسی کنید: git status سه حالت وجود دارد که در آن فایل ها در داخل پوشه پروژه Git شما می توانند اقامت داشته باشند:صحنهمرتکب شدهاصلاح شدهدر اصطلاحات Git، فایل ها پس از اضافه کردن آنها به منطقه استقرار، محل ذخیره سازی فایل هایی که بعدا می خواهید مرتکب شوند، اجرا می شود. آنها پس از یک عکس فوری فعلی از آنها در پایگاه داده محلی ذخیره شده در پوشه .git ذخیره می شوند. و بعد از تغییراتی که به آنها داده شده، آنها اصلاح شده اند اما هنوز این تغییرات انجام نشده است.4. فایل های مرحلهبا تایپ کردن دستور زیر در خط فرمان خود می توانید فایل ها را به قسمت مکان خود اضافه کنید: git add index.html style.css images این دستور مراحل فایل index.html و style.css و پوشه تصاویر را انجام می دهد. به سادگی می توانید تمام فایل ها و پوشه هایی را که می خواهید بعد از دستور git add دنبال کنید، اضافه کنید.اگر می خواهید همه فایل ها و پوشه های غیرمستقیم را در دایرکتوری کاری خود قرار دهید، می توانید از عبارت زیر استفاده کنید: git add . اگر یک دایرکتوری کار بزرگ دارید، می توانید یک راه حل خوب برای اضافه کردن همه فایل ها در یک بار و حذف تعداد کمی از شما نمی خواهید به مرحله.5. فایل های Unstageشما همچنین می توانید فایل های خود را به راحتی از منطقه تحویل خود حذف کنید:اگر می خواهید پوشه ها را نیز حذف کنید، همچنین باید پرچم -r را به فرمان اضافه کنید: git rm --cached index.html style.css فرمان بالا، پوشه تصاویر را از قسمت پیمایش حذف می کند. نگران نباشید که چیزی از دست می دهید، Git پیام های خطای مفید است و هر چیزی را به عقب برگردانید. git rm --cached -r images برای حذف همه فایل ها و پوشه ها از یک منطقه در حال انجام، می توانید از اصطلاحات زیر نیز استفاده کنید: git rm --cached -r . این همان علامت نقطه ای است که شما باید از آن استفاده کنید وقتی که می خواهید فایل ها را به طور عمده در قسمت مکان قرار دهید. amuzeshtak amuzeshtak Thu, 28 Feb 2019 11:02:58 +0330 https://virgool.io/@amuzeshtak/10-%DA%A9%D8%AA%D8%A7%D8%A8%D8%AE%D8%A7%D9%86%D9%87-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%88-css-%D8%AC%D8%A7%D9%84%D8%A8-%D8%A8%D8%B1%D8%A7%DB%8C-2019-z5cqa9nlds6k Instant Pageاین کتابخانه خنثی زمان بارگذاری را با استفاده از لینک های پیشفرض زمانیکه یک کاربر بر روی آنها قرار می گیرد، سرعت می دهد. این باعث می شود بارهای صفحه سریع تر زمانی که کاربر در واقع یک پیوند را کلیک کند و به صفحه بعدی هدایت می کند. بخش بزرگی از کتابخانه نصب است - فقط آن را در یک تگ اسکریپت اضافه کنید و کار می کند، هیچ پیکربندی مورد نیاز نیست! StislaStisla یک قالب داشبورد رایگان مدیریت بر اساس بوت استرپ 4 است. این طرح طرح های پاسخگو جامع، انتخاب گسترده ای از اجزای، صفحات پیش ساخته شده مفید، ابزارهای جاوا اسکریپت و موارد دیگر را ارائه می دهد. این یک پروژه پرداخت می شود اما اکنون کاملا رایگان و منبع باز است. FlexSearchکتابخانه جاوا اسکریپت وابسته به صفر است که یک راهکار مدرن برای جستجو در متن را فراهم می کند. FlexSearch بسیار سریع در پیدا کردن آنچه شما نیاز دارید و همراه با ویژگی های قدرتمند از قبیل جستجوی چند منظوره قابل انعطاف، تحولات آوایی یا تطبیق جزئی Leonلئون یک دستیار شخصی AI شخصی در مواردی از الکسا، سیری و دستیار گوگل است. این بر اساس Node.js است و می تواند به آسانی روی سرور خانه شما تنظیم شود و شما بتوانید با آن از طریق متن ارتباط برقرار کنید. اگر شما یک میکروفون و سخنرانان را اضافه کنید، Leon نیز قادر به شنیدن و سخن گفتن است. Matterمجموعه ای زیبا از عناصر UI مختلف از جمله بسیاری از انواع زمینه های ورودی، دکمه ها، شاخص بارگیری و بیشتر. عناصر مطابق با زبان طراحی طراحی گوگل طراحی شده اند و برای استفاده سریع و آسان از HTML و CSS خوب ساخته شده اند. Mercury Parserتجزیه کننده وب با منبع باز که بیت های حیاتی ترین اطلاعات را از یک URL استخراج می کند و داده ها را منظم در JSON سازماندهی می کند. همراه با یک ابزار خط فرمان و یک افزونه کروم برای پاکسازی زلزله ای است که اکثر وبسایت ها امروزه دارند. Destyleیک جدول سبک بازنشانی کوچک که به شما اجازه می دهد CSS سریعتر بدون اینکه سبک های پیش فرض مرورگر را در مسیر خود قرار دهید. این کمک می کند با هماهنگی مرورگر، بازنشانی فاصله و اندازه فونت، و سبک های پیش فرض را از اکثر عناصر HTML حذف می کند. Windows 95 in Electrکل سیستم عامل ویندوز 95 در جاوا اسکریپت بازسازی شده و در برنامه Electron بسته بندی شده است. این یک پروژه سرگرم کننده برای بازی است و تمام کد منبع آن در GitHub در دسترس است اگر شما می خواهید ببینید که چگونه همه چیز ساخته شده است. NES.cssچارچوب CSS جالب که باعث می شود وبسایت شما مانند بازی NES 8 بیتی ظاهر شود. این انتخاب خوبی از اجزای نوع بوت استرپ مانند دکمه ها، ظروف، محاوره ها، زمینه های ورودی و غیره را فراهم می کند. Split.jsکتابخانه جاوا اسکریپت بزرگ برای ایجاد پانل های split قابل تغییر اندازه. این اندازه فقط 2 کیلوبایت است و عمدتا مبتنی بر CSS است، و این باعث می شود که "ساختن آن و فراموش کردن آن" راه حل برای ساخت فریم های قابل انعطاف بدون نیاز به اداره همه موارد لبه های عجیب و غریب خودتان باشد. amuzeshtak amuzeshtak Thu, 28 Feb 2019 10:49:12 +0330 https://virgool.io/@amuzeshtak/%D9%85%D9%88%D8%B4%D9%86-%DA%AF%D8%B1%D8%A7%D9%81%DB%8C%DA%A9-%DA%86%DB%8C%D8%B3%D8%AA-vqy88xuli6zr موشن گرافیک چیست ؟ ابتدا به پاسخ این که موشن گرافیک چه چیزی است خواهیم پرداخت و بررسی خواهیم کرد چرا این رشته جدید به سرعت هرچه تمام تر اینهمه مخاطب رو در سراسر جهان پیدا کرده است ؛ با آموزش تک همراه باشیدرشته طراحی شامل چه عنواینی است ؟ رشته های مختلفی از طراحی وجود دارد ،مثل :طراحی گرافیکطراحی وبطراحان(رابط کاربری) یا همان UIتجربه های کاربری یا همان UXو انواع طراحی هایی دیگر که هر روز با پیشرفت تکنولوژی پا به پا آن افزایش پیدا خواهند کرد.رشته موشن گرافیکدر بین رشته های طراحی ، رشته و شغل نوپا و جدیدی که در سراسر دنیا به سرعت مخاطب های زیادی رو به خودش جلب کرده ، رشته طراحی موشن گرافیک است.در چه جاهای از موشن گرافیک استفاده میکنیم؟موشن گرافیک امروزه در همه جا دیده می شود از جمله در :تلویزیونفیلم ها و سینماتبلیغات ،وب سایت ها ،شبکه های اجتماعی و …موشن گرافیک چیست؟ و چه تعریفی از موشن گرافیکس دیزانیر (شغل موشن گرافیک) داریم ؟برای اینکه این شغل تعریف کنیم، اینگونه است که:طرح موشن گرافیک یا موشن گرافیکس دیزانیر ، داستانی را بیان میکند و دانش ادغام تصاویر و حرکت آنها به همراه صدا که در ساخت تیزر تبلیغاتی،انیمیشن های دوبعدی،برنامه های آموزشی و...را دارد.چه چیزی باید در مورد طراح موشن شدن بدانیدطراحی تصاویر متحرک یکی از جدید ترین انواع طراحی ست.امروزه انواع مختلفی از طراحان وجود دارند ، از طراحان گرافیک گرفته تا طراحوب سایت، طراح تجربه کاربری، طراح رابط کاربری و بسیاری دیگر.همه اینها به لطف تکنولوژی های جدید ایجاد شده است.از وقتی که فیلم سازان خلاق ، تخیلات و بودجه خود را صرف طراحی و تکنولوژی میکنندتا اثر گذاری بیشتری داشته باشند،طراحان موشن هم جایگاه ویژه ای در تیم پیدا کرده اند.بدون آن ها، گرافیک هایی که در وب سایت ها، اپلیکیشن ها و فیلم های محبوبتان میبینید، وجود نداشتند.اما چطور میتوانید وارد این شغل خلاقانه شوید ؟ ما با متخصصان این زمینه صحبتکردیم تا پاسخ این پرسش و اطلاعات مهمی را به دست آوریم. یک موشن گرافیکس دیزانیر چه کاری انجام میدهد؟ طراحان موشن گرافیک معمولاََ ایده و کارهای هنری برای برنامه های تلویزیونی، فیلم های سینمایی و سریالی یا وب سایت ها میسازند مانند اینترو های تلویزیونی، تریلر و …آنها از افکتهای بصری و انیمیشن و تکنیک های سینمایی استفاده میکنند تا آثار خود را خلق کنند.در واقع آنها گرافیک ثابت را به گرافیک متحرک تبدیل میکنندبرای انتقال یک موضوع به مخاطب موشن گرافیک قدرت بیشتری نسبت به گرافیک ثابت دارددر واقع بیننده وارد دنیایی میشود که طراح موشن گرافیک آنرا ایجاد کرده است.با موشن گرافیک و جلوه های بصری و همینطور انیمیشن، میتوان یک وب سایت، فیلم یا یک کسب و کار و یا استارت آپ را به سطوح جدیدی از موفقیت آورددر چه فضا های از موشن گرافیک میتوان استفاده کرد؟موشن گرافیک در تمامی پلت فرم های دیجیتال وجود دارد.از استفاده های تجاری تا برنامه های تلویزیونی و برنامه های موبایل و وب سایت ها،از موشن گرافیک استفاده میشود و یک شکل از رسانه مدرن در عصر امروزی ستبرای فراگیری موشن گرافیک ،به چه چیزهایی نیاز داریم ؟در ابتدا باید خدمتون عرض کنیم قبل از هر چیزی به دانش و دید هنری در طی پروسه طراحی و ایده پردازی برای موشن گرافیک نیاز دارید و این نکته بسیار حایز اهمیت و مهم است.دانش و اطلاعاتی که کمک میکند تا طرح و فکر قبل از اجرا پخته تر شود. در دوره آموزش جامع موشن گرافیک به آن پرداختیم مهارت های طراحی گرافیکی در موشن گرافیکبرای تبدیل شدن به یک موشن گرافیکس دیزانیر،مهارت های طراحی گرافیکی امری حیاتی است.موشن گرافیکس دیزانیر یا طراح موشن گرافیک به عناصر ثابت گرافیکی با استفاده از انیمیشن جان و روح جدیدی میبخشد.اگر به تنهایی کار میکنید و یک فریلنسر هستید ؛ احتمال اینکه نه تنها از شما یک موشن گرافیک جذاب بخواهند بلکه از شما خواسته میشود تا عناصر گرافیکی ثابت رو هم ایجاد کنید.اگر بصورت تیمی در یک شرکت مشغول به کار باشید ممکن است طراحی گرافیک و طراح موشن گرافیک دو کارمند باشند , احتمال اینکه هر دو وظیفه به یک کارمند موکل شود هم ممکن است . کسی نمیداند!!!!!!دانستن اینکه چگونه عناصر دو بعدی را حرکت دهید، چیز دیگریست، اما توانایی خلقآنها برای موفقیت شما حیاتی است.شناخت و درک انیمیشنشما بعنوان یک طراح موشن گرافیکس، باید بتوانید به عناصر دو بعدی ثابت از طریق انیمیشن روح و جان ببخشید برای انجام این کار، شما به دانشی قوی از چگونگی جان بخشی به عناصر دو بعدی نیازدارید ، موشن گرافیک ، انیمیشن به چند فریم و قالب کیفریم محدود نیست . شما باید اساس ها وپایه های انیمیشن و چگونگی حرکت اجزا را بدانید ، این امر برای خلق یک اثر خوشایند و جذاب ضروریست. رنگ شناسی در موشن گرافیکس هر طراحی، مخصوصا طراح موشن گرافیکس، باید درکی قوی از نظریه رنگ و رنگ شناسی داشته باشد.شما باید روان شناسی رنگ را به خوبی بفهمید تا بدانید رنگ ها چگونه حالت ها و احساسات مختلف در بینندگان را تحت تاثیر قرارمیدهند، در اینجا بسیار مهم است. شما باید ایده ها و احساساتتان را از طریق رنگ ها بیان کنید.آینده رشته موشن گرافیک و درآمد موشن گرافیک :آینده این رشته روشن است. در واقع اینده این رشته وابسته به تکنولوژی و پیشرفت آن استهمینطور که تکنولوژی پیشرفت میکند میتوان انتظار که موشن گرافیک هم پا به پای تکنولوژی پیشرفت میکنداکنون که شما مهارتهای اساسی لازم برای هر طراح موشن را میدانید، وقت بگذارید تا این مهارتها را یاد بگیرید که موشن گرافیک شما را عالی وممتاز خواهد کردبه چه نرم افزار های در موشن گرافیک نیاز داریم ؟وقتی تصمیم خود را برای شروع کار آموزش موشن گرافیک گرفتید، متوجه خواهید شد که تعداد زیادی نرم افزار هستند که باید با آنها آشنایی داشته باشید.یک طراح موشن گرافیک ممتاز و موفق، اطلاعات وسیعی از ابزارهای مختلف در اختیار دارد تا در موقع لزوم در هر پروژه ای از آنها استفاده کند.به عنوان یک طراح علاوه بر داشتن دید هنری ، باید به این ابزارها نیز تسلط داشته باشید. در اینجا برخی از این بسته های نرم افزاری را معرفی خواهیم کرد نرم افزار افترافکت After effectsافترافکت ( با مخفف AE) برترین برنامه های موشن گرافیک است.به کاربران امکان ساخت موشن گرافیک انیمیشن،جلوه های بصری وترکیب یا تغییر به فضای دو بعدی یا سه بعدی را می دهد.طراحی های ثابت دو بعدی که در برنامه ای مانند Illustrator یا photoshop ساخته شده اند، درafter effects اجرا شده و به انیمیشن یا تیزر تبدیل خواهند شد و یا از آن در ساخت موشن گرافیک استفادهمی شود.از این رو که افترافکت متعلق به شرکت Adobe می باشد با دیگر برنامه های این شرکتسازگاری و مچ بسیار خوبی دارد.در افترافکت نه تنها با عناصر دو بعدی سر و کار دارید، بلکه از عناصر سه بعدی نیز بهره مندخواهید شد.علاوه بر این افترافکت سازگاری و ارتباط بسیار خوبی با سایر نرم افزار های دوبعدی و سه بعدی مطرح رو داردکافیه که افکت یا حرکتی که فقط در ذهنتون دارید رو مجسم کنید ؛ با تکیه بر دانش افترافکت اون رو عملی میکنید؛ بله درسته اون رو عملی میکنید.نرم افزار سینما فوردی Cinema 4Dسینما فوردی یک برنامه ی مدل سازی، انیمیشن سازی و اجرای سه بعدی است که توسط شرکت قدرتمند MAXON طراحی شده است.برنامه ی منسجم و یکپارچه ای بوده و با افترافکت نیز سازگاری و تعامل بسیار خوبی دارد.البته، برنامه های سه بعدی بسیار دیگری مانند مایا یا  ۳D Max وجود دارد که می توان از آنها در ساخت موشن گرافیک بهره گرفت، اما سینما فوردی به عنوان استاندارد صنعتی در میان طراحان موشن گرافیک شناخته شده است.با Cineware ،که پلاگینی برای ارتباط بین افترافکت وسینما فوردی است. امکان وارد نمودن صحنه ها و امکانات Cinema 4D را به افترافکت تنها  با کشیدن و رها کردن آنها به نرم افزار دارا خواهید بود،و در هر زمانی که تغییری در صحنه Cinema 4D  ایجاد نمودید، میتوانید آن را در افترافکت مشاهده کنید.Cineware  همچنین به شما امکان اجرای مستقیم Cinema 4D را به صورت مستقیم در افترافکت فراهم می کند.برخی از قابلیت های اساسی بسیار در افترافکت وجود دارد، اما با در مقایسه با انعطافی که از برنامه های سه بعدی دریافت خواهید کرد، چیزی نیستند.به عنوان مثال، ایجاد طرح های سه بعدی پیچیده در داخل افترافکت می تواند بسیار وقت گیر باشد تنها به این خاطر که افترافکت توانایی کارهای پیچیده ی سه بعدی را ندارد.هرچند در دنیای امروز موشن گرافیک، انتظار اضافه کردن سه بعدی به ویدیوهای موشن گرافیک بیشتر شده و به این منظور باید درک بیشتری از برنامه های سه بعدی داشته باشید تا در این عرصه موفق شوید.عناصر سه بعدی  هر روزه تعاملات بیشتر و بیشتری با موشن گرافیک برقرار می کنند مثل ویدیوی کوتاه برای شبکه ی خبر یا یک لوگوی انیمیشنی.دنیای سه بعدی راه خود را به موشن گرافیک های دو بعدی یافته است.با استفاده از نرم افزار سه بعدی  امکانات طراحی جدید بسیاری از جمله تبدیل آثار هنری دو بعدی به عناصر سه بعدی فراهم شده است.با داشتن CINEMA 4D و تجربه در یک برنامه ی سه بعدی، از شما  طراحی قدرتمند خواهد ساخت که توانایی انجام هر پروژه ای چه دو بعدی و یا سه بعدی را دارد منبع : آموزش تک مرجع آموزش آنلاین amuzeshtak amuzeshtak Wed, 27 Feb 2019 15:32:56 +0330 https://virgool.io/@amuzeshtak/%DB%B5-%D8%B1%D8%A7%D8%B2%DB%8C-%DA%A9%D9%87-%DB%8C%DA%A9-%D8%A7%D9%86%DB%8C%D9%85%D8%A7%D8%AA%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D9%88%D9%81%D9%82%DB%8C%D8%AA-%D8%A8%D9%87-%D8%A2%D9%86%D9%87%D8%A7-%D9%86%DB%8C%D8%A7%D8%B2-%D8%AF%D8%A7%D8%B1%D8%AF-jwngoyhseikn فروتنیرفتار شما نقش بسیار مهمی در موفقیت شما دارد. چه کسی می خواهد با یک آدم بد اخلاق صحبت کند؟ مسلما هیچ کس نمی خواهد. این به معنی نیست که شما حقوق خود را نادیده بگیرید. در مورد شخصیتی که دارید اعتماد به نفس داشته باشید. افکار خود را به اشتراک بگذارید و به دیگران احترام بگذارید. همواره به یاد داشته باشید که برای غلبه بر مشکلات و چالش ها راه های بیشتری غیر از راهی که به ذهن شما می رسد وجود دارد.اشتیاق و عطشاین مورد شاید از مهترین کلید های موفقیت باشد. اشتیاق و عطش در یادگیری بسیار مهم است. هیچ وقت این حس را نداشته باشید که غنی و کامل شده اید. همیشه چیز هایی برای یادگیری وجود دارد. زمانی که شما مدام در حال جستجو و راه و روش های دیگری هستید در این زمان است که استعداد شما شکوفا خواهد شد.عزم جزمتمرکز خود را از دست ندهید. به یاد داشته باشید شما هیچ گاه نمی توانید یادگیری را متوقف کنید و همواره باید به فکر تمرین کردن و رشد کردن باشید. همواره در مسیری که انتخاب کرده اید پویا باشید و از سعی و تلاش برای رسیدن به جایگاه خود دست بر ندارید.اعتماد به نفسبر هیچ کس پوشیده نیست که یکی از عوامل موفقیت انسان در هر کاری داشتن اعتماد به نفس است. همواره به کاری که می کنید افتخار کنید. همه می‌دانیم که صلاحیت و شایستگی برای موفقیت شغلی و رضایت شخصی در محیط کار ضروری است، اما بدون اعتماد به نفس مانند پرنده‌ای با یک بال خواهیم بود. در واقع اعتماد به نفس و صلاحیت، دو بال پرواز بر فراز آسمان موفقیت شغلی هستند. اگر بدانیم چگونه در محیط کار اعتماد به نفس داشته باشیم، نصف راه موفقیت شغلی را طی کرده‌ایم. اعتماد به نفس باعث می‌شود هم از لحاظ حرفه‌ای رشد کنیم و هم اوقات بهتری در میان همکاران و محیط کاری تجربه کنیم.تعادلتمام زندگی کار کردن و تمرکز بر روی کار انیمیت کردن نیست بلکه کسانی موفق هستند که بتوانند بین کار و زندگی شخصی خود تعادل را رعایت کنند. این روزها برقراری تعادل میان کار و زندگی را می توان از جمله شاهکارهای آدم ها دانست که خیلی هم راحت به نظر نمی رسد. یکی از دلایل این مسئله آن است که تکنولوژی باعث شده کارمندان همیشه و در هر ساعتی از شبانه روز در دسترس باشند و به این وسیله فاصله بین خانه و کار تقریبا از بین رفته است. amuzeshtak amuzeshtak Wed, 27 Feb 2019 11:29:10 +0330 https://virgool.io/@amuzeshtak/%D8%B4%D9%85%D8%A7-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1-%D9%87%D8%B3%D8%AA%DB%8C%D8%AF-bf1c6tyaqbky شون کلی، موسس موسسه انیمیشن سازی، بعضی از بمب های حقیقی را در مورد انیماتور استودیو می گویید.پیش از ورود به مبحث، من می خواهم یک چیز را بگویم. این مقاله ممکن است کمی از منفیتر باشد. در این مورد یک موضوع ناخوشایند است، اما من احساس می کنم چیزی است که در مورد مدارس به اندازه کافی صحبت نشده است، و من احساس می کنم موضوع مهمی است. این چیزی است که من در گذشته خودم با آن مبارزه کرده ام و موضوعی که شما نباید نگران آن باشید ، اما ما هرگز در یک زمان یا بعنوان یک انیماتور حرفه ای مواجه نخواهیم شداگر در این زمینه مقالاتی خوانده باشید ، می دانید که من فکر می کنم با یک کار سرگرم کننده که تنها قابل فهم است، خوشحال هستم، و هر لحظه از آن به معنای واقعی کلمه را دوست دارم. این بدان معنا نیست که برخی از این لحظات دشوار یا خسته کننده نیستند، اما من آن را دوست دارم. شاید هر روز یک روز از زندگی برادرانم را نداشته باشم ، گاهی اوقات انیمیشن می تواند یک جهان بی رحمانه باشد، اما حتی در روزهای سخت نیز مطمئنا "کار واقعی" را از بین می برد!بنابراین، اجازه دهید هشدار ها وارد شوند.شما یک ابزار هستید !!!!بله آیا این عنوان خوبی است؟ من فکر می کنم این خیلی بهتر از عنوان بهترین عنوان است. بنابراین، بدیهی است، من به معنای "ابزار" در معنای منفی مدرن کلمه نیستم، منظورم این است که خیلی بیشتر به معنای واقعی کلمه است. به عنوان یک انیماتور حرفه ای، کار شما این است که ابزار شخص دیگری باشد که توسط آنها به عنوان وسیله ای برای پایان دادن به آنها استفاده می شود. شما توسط آنها استخدام شده اید تا تقریبا هر کاری را که می خواهند ایجاد کنید را ایجاد کنید.به نظر می رسد بسیار روشن است، درست است؟ منظورم این است که اگر شما برای این انیمیشن متحرک ثبت نام کرده باشید، احتمالا متوجه شده اید که قصد ندارید اولین پروژه ای را که در حال کار بر روی آن هستید هدایت کنید و شخص دیگری به شما بگوید چه کاری باید انجام دهد. این خیلی ساده نیست، و این فوق العاده آسان است که در "حقوق" و "اشتباهات" انیمیشن گرفتار شوید، که فراموش می کنید که کار واقعی شما چیست ....کار شما این است که ابزار کارگردان باشد. خودشه. این کل کار شماست.بگذارید بگوییم شما یک کارگر ساختمانی هستید و کارشناسی ارشد نیاز به برخی از پرچم ها را به چیزی با چکش زد. ابزار شما چکش است، درست است؟ خوب، ابزار کارشناسی ارشد برای گرفتن این رباط ها زد ... آیا می توانید حدس بزنید؟ این شماست شما ابزار او هستید آن را دریافت کنید؟حالا، بگذار بگویم من ابزار هستم «تجارت من» نرم افزار اختصاصی من عمدتا مایا است . بنابراین، به خاطر بحث، بیایید بگویم مایا ابزار من است. وقتی من به مایا نگاه می کنم، فکر نمی کنم، "خوب، هر کاری که می خواهید انجام دهید، هر کاری که می خواهید، برنامه Computer Fancy Computer را انجام دهید." نه، من می گویم، "شما ابزار من هستید، و شما عصبانی به انجام آنچه که من به شما بگویم که انجام دهید! "با یک استثناء بزرگ، این تقریبا ارتباط دقیقی است که شما با چندین کارگردان اول خود در چند پروژه اول خود لذت خواهید برد.بله، درست است؟ شما یک برنامه کامپیوتری بی روح هستید؟ چی؟!خوب، آن را به عنوان بد به نظر می رسد نیست. یکی از استثنائی که من ذکر کردم این است که سرپرست پروژه شما یا مدیر فیلم شما نیز بر حساسیت هنری شما و همچنین تخصص شما در حرکت و عملکرد تکیه خواهد کرد. در تئوری، این به این دلیلی است که به واسطۀ آن به شما آمده است و معمولا این طرز فکر آنهاست.بنابراین، آن شخص به شما متکی خواهد شد تا چیزی را به روی میز برساند، خیلی بیشتر از اینکه به مایا متکی باشید تا هر چیزی را از راه دور هنری به روی میز بیاورید. (تکرار پس از من: کامپیوتر شما بدترین inbetweener جهان است! قدرت آن را به نگاه راست!)به هر حال، اجازه دهید من به نقطه من برسیم. در حال حاضر من کار بر روی یک فیلم بزرگ عمل بسته بندی شده، که توسط یکی از موفق ترین کارگردانان در اطراف اجرا می شود. برای این داستان، بیایید تماس او با مدیر BigTime. ابزار انیمیشن من رایانه است، درست است؟ بنابراین…. ابزار انیمیشن BigTime Director چیست؟ منخب، من و 18 نفر دیگر، اما شما این ایده را دریافت می کنید. کل انیمیشن انیمیشن متحرک ابزار است. و با هم ما بهترین های ما را برای قرار دادن چشم انداز خود را بر روی این صفحه نمایش.همانطور که با هر مدیر خوب، او ایده های خاصی از نحوه خواندن این موجودات را دارد، و تنها کار من در ILM این است که مطمئن شوید که آنها دقیقا چه چیزی را می خواهند. این به انیماتورها بستگی دارد که این دیدگاه را به عنوان بهترین کاری که می توانیم انجام دهیم. مطمئنا، ما می توانیم پیشنهادات زیادی را ارائه دهیم و ایده های زیادی برای جدول ارائه دهیم، اما در پایان روز اگر BigTime مدیر راضی نباشد، اشتباه است.مهم نیست که چقدر سرد است، مهم نیست چقدر سرگرم کننده است، مهم نیست که چقدر درست است، اشتباه است. تمام زمان ممکن است کامل باشد، پویایی ظاهری، و مکانیک کاملا جامد، اما هنوز هم اشتباه است.به نظر می رسد بسیار ساده است، اما این واقعا نیست. در زمانی که شما در حال کار بر روی یک پروژه حرفه ای هستید، احتمالا سالها تجربه در زمینه انیمیشن دارید. اگر شما یکی از دانش آموزان ما هستید، اصول اساسی در سرتان حفر شده اند تا زمانی که آنها را مانند پشت دست خود میدانید. مفهوم پایه همپوشانی همانند هر تصویری است که شما را به عنوان نفس کشیدن در هنگام شنا به شما تحریک می دهد.این غریزی استضرورتشما یک شات جدید دریافت می کنید که واقعا هیجان زده شده اید و شما آن را مسدود می کنید البته از زمانی که برنامه ریزی خوب انجام داده اید (چند ماه اول این مقاله را ببینید) دقیقا می دانید که چه موقع و کجا اقدامات با هم تداخل می کنید بله، بنابراین شما نیز آنها را مسدود می کنید. شات به نظر عالی بود! هورا! شما به سرپرست پروژه خود عجله دارید و آن را نشسته اید و آنها را مسدود کردن انیمیشن بی عیب و نقص خواهید کرد.این شخص به مسدود شدن شما نگاه می کند و می گوید: "این عالی است، اما من نمی خواهم همپوشانی داشته باشم."متعجب؟ بدون همپوشانی؟ اما این اشتباه است!شما سعی می کنید توضیح دهید، "نه، ببینید، باید آنجا باشد، در غیر این صورت آن را به نظر جعلی تبدیل خواهد شد. نگاه کن، من نمی توانم آن را در بدن خود انجام بدون همپوشانی و یا من سقوط. "مهم نیست او هنوز هم نمیخواهد که در یک شات خاص همپوشانی داشته باشد. این دیدگاه خود را برای شات مطابقت نمی دهد.حدس بزن چی شده؟ بدون همپوشانی بیشتر این مکالمه تمام شده است شما آن را مسدود کردید و او آن را دوست نداشت شما حتی یک مورد برای آن توضیح دادید و توضیح دادید که چرا ضروری است. او هنوز آن را دوست ندارددر این مرحله، کار شما به عنوان یک انیماتور حرفه ای خوب، این است که به میز خود برگردید و بهترین کارهایی را که احتمالا در هنگام استفاده از هیچ همپوشانی انجام می دهید، تحریک کنید.دردناک است، من می دانم چشم انداز یک شات رول کلاسیک نسخه ی نمایشی که در یک ساعت در یک رقص شبیه به یک حس تلخ بود. اما در این مرحله، همه شما می توانید انجام دهید، استفاده از آموزش و مهارت های خود را برای ساختن شات تا جایی که احتمالا می تواند در جهتی از مسیر عجیب و غریب شما فقط کردم.چرا؟ از آنجا که شما ابزار او هستید، و شما استخدام شده اید که چشم انداز خود را بر روی آن صفحه یا دستگاه بازی ویدیویی، یا روی آن صفحه رایانه یا در آن تلویزیون قرار دهید. این چیزی است که برای شما پرداخت می کنند. مطمئنا، آنها نیز به شما پرداخت می کنند؛ زیرا مهارت های متحرک عالی، شور و شوق و ایده های سرگرم کننده را برای عکسبرداری به ارمغان آورده اید، اما در پایان روز، همه چیز برای شما به ارمغان می آورد تا آنچه را که در آن است، ایجاد کنید رئیس سرپرست پروژهبه همین دلیل است که من این کار را انجام می دهم ... این تله ای است که در زندگی خود دشوار می بینم و در پروژه ای که در گذشته من خیلی دور نبود، کار می کردم که در آن به طور مداوم با این مسئله روبرو شدیم. از شما خواسته شده تا چیزی را تحسین کنید به طوری که در برابر همه چیزهایی که می دانید و در مورد انیمیشن به آن فکر می کنید پرواز می کند فوق العاده دشوار است و می تواند به سرعت خسته کننده شود. من روزهای خوبی داشتم و روزهای بدی داشتم، و چند روز ناامید "من دیگر"، اما ما مجبور بودیم به طور مداوم خودمان را به یاد داشته باشیم که فیلم ما نیست. این موجود ما نبوداین فیلم کارگردان بود و من برای کارگردان بهترین یا بدترین از آن هستم.و شما فقط از طریق آن قدرت می گیرید و سعی می کنید که شور و شوق خود را همانطور که می توانید زنده نگه دارید، و بهترین کار را می توانید انجام دهید تا مطمئن شوید که شما استودیو خوبی را نشان می دهید. برای اینکه مطمئن شوید که کارگردان فیلم را ترک می کند، او می خواهد با آن کنار بیاید. این تقریبا همه شما می توانید در آن شرایط انجام دهید.در حال حاضر، به نظر نمی رسد این چیزی است که شما هر روز به عنوان یک انیماتور روبرو می شوید. این بسیار نادر است که کسی مسئولیت کامل یک پروژه را بدون داشتن برخی از اندازه استعداد / مهارت / دید برای بازگرداندن آن موقعیت با. به طور کلی، رهبری پروژه شما معمولا به ایده ها باز می شود و مایل است ایمان زیادی به توانایی های خود و اعتماد به تخصص شما داشته باشد.اما در مورد موارد نادر (اما اجتناب ناپذير)، آنها اين طور نيستند و در سرتاسر خود تكرار مي كنند: "من كارگردان هستم. این پروژه آنها نیست، من نیستم. "من می دانم که این به نظر بسیار بدبخت است و حقیقت صادقانه این است که گاهی اوقات می تواند بسیار بدبخت باشد، اما فقط اگر شما آن را بگذارید. فقط اگر شما اجازه دهید آن را به شما. من کاملا مجرم هستم که گاهی اوقات به من کمک می کند. این چیزی است که من همیشه احساس می کنم که می توانم بیشتر کار کنم. حالا من خیلی بهتر از این بودم که تازه وارد شدم. 10 سال پیش، تغییر کار من به چیزی "اشتباه" و یا "کمتر سرد" من منحرف کاملا دیوانه چند بار آن را آمد.این روزها، من واقعا سعی می کنم که با عکس هایم عاشق نباشم، و من فکر می کنم این بزرگترین قطعه مشاوره ای است که می توانم در رابطه با این مسائل تصویب کنم. عشق را با ایده های خود درک نکنید. شما ممکن است در جالب ترین ایده های تمام دوران را مسدود کنید، اما اگر مدیر آنها را دوست نداشته باشد، از این ایده ها خلاص خواهید شد، مهم نیست که چقدر آن را بخورید. نشستن روی میز خود را با دستان خود را بهم زدن، به طور بی پایان شکایت در مورد مسیر وحشتناک خود را به هیچ چیز حل نمی کند و تنها برای حفظ مظهر ضرب و ضرب و معضل ایجاد روح همیشه رو به وخامت، نه تنها در خود، بلکه در بقیه تیم در اطراف شما همچنین.شما همچنین می توانید آن را به سرعت به عنوان شما می توانید، و حمله به ضربه با نیروی تازه، مصمم به چیزی حتی خنک تر. کارگردان پوزیشن شما را دوست ندارد؟ بیا با یکی که حتی پویا تر! آیا همپوشانی را دوست ندارد؟ وای، این سختی است، اما شاید شما بتوانید راهی برای کار کردن پیدا کنید! یک راه برای برآورده شدن درخواست مدیر را پیدا کنید، در حالی که این عکس حتی بهتر از آن است که مورد استفاده قرار گرفته است.گاهی اوقات شما به سادگی نمی توانید به این هدف دست پیدا کنید. من قطعا تصاویری را که من می دانم به پایان نمی رسانم، به همان اندازه که ممکن بود، اما حداقل می توانید امتحان کنید. اگر شما به یاد داشته باشید که این پروژه شما نیست، می توانید در مورد کار باقی بمانید، این پروژه کارگردان است.فکر می کنید از این شبیه به این - شات شما در حال حاضر در حال کار، اگر شما یک انیماتور حرفه ای است، برای رول نسخه ی نمایشی خود نیست. این کارگردان به شما می گوید که برای شلیک نسخه ی نمایشی خود از آنها استفاده کنید. اگر شات بسیار جذاب بود و شما می خواهید آن را روی حلقه خود قرار دهید، پس بهتر است، اما هدف اصلی شما باید رضایت بخشی از خواسته های مدیران خود را برای "رول دمو" خود، که من منظورم آن است فیلم یا بازی یا تلویزیون نشان می دهد که برای کمک به ایجاد ... استخدام شده ایداگر نمیخواهید «یک ابزار باشد» و میخواهید تنها به خودتان پاسخ دهید، پس مطمئنا خوب است، و این چیزی نیست که اشتباه باشد. مگر اینکه شما می خواهید یک انیماتور حرفه ای باشید، این ... شما فیلم های خود را تحریک و ابزار خود را، و اگر شما می توانید به عنوان یک سرگرمی متحرک، پس قدرت بیشتر به من! اما اکثریت قاطع شما در انیمیشن به عنوان حرفه ای علاقمند هستند و یا در حال حرفه سازی حرفه ای هستند، و من با آن صحبت می کنم.خوب، شما و من هر دو، من حدس می زنم. من می توانم برخی از این یادآوری های خودم را استفاده کنم، این برای اطمینان است. همه ما می توانیم، من فکر می کنم.بنابراین…. خودشه. شما یک ابزار هستید من هم همینطور.اما میدونی چیه؟ 95٪ از زمان، که ابزار کارگردان است، یکی از مشاغل پربازده، پرطرفدار و FUN است که شما احتمالا داشته باشید. تقریبا نادر است که از شما خواسته می شود چیزی را تحسین کنید که می دانید کاملا اشتباه است. برای اکثر این موارد، در ابتدا به «ایده های عمومی» در شلیک می پردازیم که قبلا خیلی بیشتر از آن پذیرفته نشده است که خواسته شود هر اصول انیمیشن را نادیده بگیرد و غیره. این واقعا نسبتا نادر است، خوش شانس برای ما!اما به هر حال، شما و من؟ ما ابزار هستیمو گاهی اوقات ما هر دو خوب می توانیم آن را در ذهن داشته باشیم.دفعه بعد کارو ببینید!و به یاد داشته باشید، حتی به عنوان یک ابزار، شما هنوز هم سرگرم کننده است! amuzeshtak amuzeshtak Wed, 27 Feb 2019 11:20:21 +0330 https://virgool.io/@amuzeshtak/%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D8%AC%D8%A7%DB%8C%DA%AF%D8%B2%DB%8C%D9%86-%D9%87%D8%A7%DB%8C-%D9%81%D8%AA%D9%88%D8%B4%D8%A7%D9%BE-%D8%AF%D8%B1-%D8%B3%D8%A7%D9%84-2019-onqfawr6kstb برای بسیاری از طراحان، فتوشاپ ابزار شماره یک برای ویرایش تصاویر است، اما برای بسیاری از طراحان دیگر، فتوشاپ یک ابزار گرانقیمت، شناخته شده و ناکارآمد است.در چند سال گذشته تعداد برنامه هایی که به بازار عرضه می شوند و فتوشاپ را از فانتزی فتوشاپ افزایش می دهند، افزایش یافته است. فتوشاپ دارای بسیاری از ویژگی های داخلی است که چند برنامه می توانند همه آنها را مطابقت دهند. اما طراحان چند نیاز به همه دارند. کلیدی برای پیدا کردن یک جایگزین خوب برای فتوشاپ یافتن برنامه ای است که با آنچه که شما می خواهید از فتوشاپ استفاده کنید، مطابقت دارد.امروز، ما قصد داریم به بهترین جایگزین برای فتوشاپ برای 2019، برای اهداف مختلف نگاه کنید. اگر شما تا به حال در مورد سوئیچینگ ابزار فکر نکرده اید، پس ممکن است از آنچه موجود است شگفت زده شوید. Affinity Photoمک و ویندوز 49.99 دلار (هزینه یک بار)ایده آل برای: ویرایش تصویرAffinity Photo یکی از بهترین نرم افزارهای ویرایش عکس در بازار است. UI آن برای هر کسی که در فتوشاپ در گذشته استفاده می شود، آشناست اما بسیار سریعتر است. در واقع، Affinity Photo بسیار سازنده است که طراحانی که در فتوشاپ استفاده می شوند اغلب از تغییراتی که برای آثار هنری اعمال می شود را از دست می دهند، زیرا انتظار می رود یک نوار پیشرفت در سراسر صفحه نمایش ببینند.Affinity Photo انتخاب حرفه ای ویرایشگر تصویر است. اگر شما در حال حاضر برای ویرایش عکس ها از فتوشاپ استفاده می کنید، Affinity Photo یک برنامه ساده و کامل است که شما دنبال آن هستید. Sketchفقط مک 99.99 دلار (اشتراک سالیانه)ایده آل برای: طراحان UIبهترین و شناخته شده و اصلی رقیب برای تاج فتوشاپ Sketch است. با وجود این که در ویرایش عکس ها هدف نیست، Sketch هزاران فتوشاپ سابق را با تمرکز بر ابزار طراحی رابط کاربر جذب کرده است.اگر از طرح فتوشاپ برای طرح بندی استفاده می کنید، سپس Sketch جایگزین فتوشاپ شما است. از سوی دیگر، اگر شما مایل به فشار دادن پیکسل در اطراف هستید، ممکن است Sketch برای شما باشد. طرح برای طراحانی است که با بردارها کار می کنند، اما اگر بتوانید ویرایش خود را به کارهای اساسی مانند تنظیم رنگ، اشباع، روشنایی یا مقیاس محدود کنید، سپس Sketch می تواند انتخاب خوبی باشد. PhotoLabمک و ویندوز € 129 (تقریبا 145 دلار) (هزینه یک بار)ایده آل برای: ویرایش عکسبا بسیاری از گزینه های فتوشاپ که بر روی طراحی تمرکز می کنند، این یک تساوی برای کشف یک برنامه کاربردی است که در ویرایش عکس ها مورد استفاده قرار می گیرد. PhotoLab، که کمی شناخته شده است، اما برنده چند جایزه، رقیب یا حتی فتوشاپ را برای قابلیت ویرایش دقیق و ابزار اصلاح آن می برد.PhotoLab شامل تصحیح نوری و تکنولوژی انحصاری صنعت است که شما را قادر می سازد تا در شب، در شرایط کم نور و یا با مقادیر ISO بالا شلیک کنید، و در نهایت با یک تصویر شیرین به نظر می رسد. همه چیز را از اصلاح نوری به انتخاب می توان از خودکار به کتابچه راهنمای کاربر تغییر دهید. اگر شما کسی هستید که کنترل کامل بر کوچکترین جزئیات تصاویر خود را کنترل می کند، پس شما می خواهید PhotoLab را بررسی کنید. Pixlr Xمک، ویندوز و لینوکس. 0 دلارایده آل برای: ویرایش سریعPixlr همیشه در بالای لیستی از گزینه های رایگان فتوشاپ است، اما Pixlr قدیمی از بین رفته است (به این دلیل که با Adobe Flash ساخته شده است).جدید برای 2019 Pixlr X، ویرایشگر عکس نسل بعدی است که در مرورگر کار می کند و امکان ویرایش عکس را در همان رابط کاربری با دقت طراحی شده در هر دستگاه فراهم می کند. و از آنجا که در مرورگر کار می کند، سازگار با مک، ویندوز و لینوکس است.Pixlr X دارای امکانات زیادی است که برای وبلاگ نویسان و بازاریابان مناسب است. شما حتی می توانید عکس ها را مستقیما در Dropbox ویرایش کنید. عکاسان حرفه ای برای استفاده از ابزارهایی مانند PhotoLab ممکن است آن را کمی فاقد، اما اگر شما فقط نیاز به برخی از ویرایش سریع، این برنامه برای حفظ نشانه است. Figmaمک، ویندوز و لینوکس. از 12 دلار (اشتراک ماهانه)ایده آل برای: طراحی همکارییکی از نوآورانه ترین برنامه های موجود در این لیست، Figma است. Figma کمتر از یک ویرایشگر تصویر از یک برنامه طراحی است، اما اگر Sketch واجد شرایط باشد، پس نیز Figma. Figma ارائه می دهد طراحی UI طرفدار درست مانند Sketch، اما Figma نیز نمونه اولیه و طراحی مشترک را فراهم می کند.یک طرح رایگان وجود دارد، اما اگر می خواهید با بیش از یک شخص دیگر همکاری کنید، به اشتراک حرفه ای نیاز دارید. تمام کارهای طراحی در عوض یک برنامه دسکتاپ در مرورگر انجام می شود و شما می توانید ورودی شخص دیگری را که از روی صفحه نمایش پخش می کنید را ببینید.اگر دنبال یک جایگزین فتوشاپ هستید که گردش کار شما را با دیگران بهبود می بخشد، می توانید شکل را انتخاب کنید. Pixelmator Proفقط مک 39.99 دلار (هزینه یک بار)ایده آل برای: طرفداران پلاگینیکی از جدیدترین ابزار موجود در بازار، Pixelmator Pro یکی از برنامه های دارای ویژگی های غنی در این لیست است. لایه مبتنی بر، و غیر مخرب، این یک برنامه واقعا آسان برای خلاقیت با. اگر مجموعه زیادی از براش ها یا اقدامات فتوشاپ را در طول سال ها ایجاد کرده اید، پس Pixelmator Pro ممکن است برنامه ای باشد که دنبال آن هستید، زیرا پیش از آن با تعداد زیادی از برس ها، بافت ها و جلوه های ویژه نصب شده است.Pixelmator Pro هنوز در مراحل اولیه چرخه عمر خود قرار دارد اما در حال حاضر به نظر می رسد یک برنامه بالغ است. این حتی فضا برای یادگیری ماشین و پشتیبانی از لمس نوار، برای ایجاد تصویر در حال ویرایش خود را بصری تر است. PHOTO-PAINTویندوز فقط 599.99 دلار (هزینه یک بار) یا 199.99 دلار (اشتراک سالیانه)ایده آل برای: کاربران ویندوزPHOTO-PAINT جزء ویرایش عکس در CorelDRAW Graphics Suite Corel است. این یکی از گزینه های گران تر در این لیست است. شما همچنین می توانید کل بیش از یک ویرایشگر عکس، CorelDRAW جایگزین فتوشاپ کمتر از کل Adobe Creative Cloud است. این یک سرمایه گذاری بزرگ است، اما قبل از اینکه بخواهید خرید کنید، یک محاکمه آزاد وجود دارد.PHOTO-PAINT یکی از چندین گزینه حرفه ای است که فقط در ویندوز موجود است و برای هر کسی که جایگزین حقوقی در فتوشاپ است و برای مک کار نمی کند، ایده آل است. amuzeshtak amuzeshtak Wed, 20 Feb 2019 22:40:21 +0330