نوشته های WEB-FAMILY.IR

همه چیز درباره آرایه ها در زبان جاوا اسکریپت - قسمت 4

WEB-FAMILY.IR — Fri, 18 Jan 2019 12:22:22 +0330

https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-1-psrnqshepwtm https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-2-io1zmhedjvux https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-3-iil5bvjb51b1 Arrays in JavaScript - part 4ازافه کردن آیتم به ابتدای و انتهای آرایه در نسخه ES6 جاوا اسکریپت :شما می توانید از اپراتور spread ( ... ) برای ازافه کردن آیتم های یک آرایه به آرایه دیگر استفاده کنید :let asianLangs = ['Persian','Japanese','Chinese']; let europeLangs = ['English','French']; let allLangs = [...asianLangs ,'Russian' ,...europeLangs] //['Persian','Japanese','Chinese','Russian' ,'English','French']نکته 1 : دقت کنید اگه از این اپراتور در قبل از نام متغییر آرایه استفاده نکنیم به جای آیتم های آرایه خود آرایه در متغیر allLangs قرار می گیره.نکته 2 : همون طور که در مثال بالا میبینید می تونید از روش برای ازافه کردن به انتها،ابتدا،وسط و هر قسمت دیگه استفاده کنید.نکته 3 : در روش بالا که فقط در نسخه ES6 قابل انجام آرایه تغییر ( mutate ) نمی کند. منبع انگلسی : لینکترجمه : وب فمیلی با اندکی تغییر

همه چیز درباره آرایه ها در زبان جاوا اسکریپت - قسمت 3

WEB-FAMILY.IR — Thu, 17 Jan 2019 16:28:23 +0330

https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-1-psrnqshepwtm https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-2-io1zmhedjvux Arrays in JavaScript - part 3اضافه کردن آیتم به ابتدای آرایه(متد unshift): برای اضافه کردن یک آیتم به ابتدای یک آرایه می توانید از متود unshift استفاده کنید: languages.unshift("Chinese"); console.log(languages); // ["Chinese","Spanish", "Persian", "English", "French"] توجه : متود unshift آرایه را تغییر ( mutate ) می دهد. برای اطلاع بیشتر این مطلب را بخوانید : https://lorenstewart.me/2017/01/22/javascript-array-methods-mutating-vs-non-mutating/ اگر می خواهید چند آیتم را به ابتدای آرایه ازافه کنید، فقط لازم است آنها را به متود unshift پاس داده و هر آیتم را با یک ( , ) جدا کنید :languages.unshift("Japanese",'Turkish',''German"); console.log(languages); // ["Japanese",'Turkish',''German","Chinese","Spanish", "Persian", "English", "French"] https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-4-su1y78o18acc منبع انگلسی : لینکترجمه : وب فمیلی با اندکی تغییر

همه چیز درباره آرایه ها در زبان جاوا اسکریپت - قسمت 2

WEB-FAMILY.IR — Wed, 16 Jan 2019 23:12:09 +0330

قسمت یک : همه چیز درباره آرایه ها در زبان جاوا اسکریپت - قسمت 1Arrays in JavaScript - part 2شما می تونید هر چیزی رو در آرایه ذخیره کنید مثل: « رشته ها، اعداد، objects و .... » ولی برای این که کدتون کارایی یا به دیگر سخن دارای بهترین performance باشد پیشنهاد می کنم که آیتم های درون یک آرایه دارای یک نوع دیتا تایپ(data type) باشند. برای مثال : « آرایه ای از اعداد، یا آرایه ای که تنها شامل رشته های متنی است » و اگر می خواهید داده هایی با دیتا تایپ مختلف ذخیره کنید از object استفاده کنید: let languages = ['Spanish', 'Persian', 'English'];ما به وسیله ایندکس هر آیتم می تونیم به اون دسترسی داشته باشیم :console.log(languages[0]); // Outputs 'Spanish' console.log(languages[2]); // Outputs 'English'; console.log(languages[10]); // Outputs 'undefined' // چون ایندکس مورد نظر وجود ندارد مقدار تعریف نشده لاگ می شود.ساختار آرایهازافه کردن آیتم به آرایهاضافه کردن آیتم به انتهای آرایه(متد push):برای اضافه کردن یک آیتم به انتهای یک آرایه می توانید از متود push استفاده کنید:languages.push("French"); console.log(languages); // ["Spanish", "Persian", "English", "French"]توجه : متود push آرایه را تغییر ( mutate ) می دهد. برای اطلاع بیشتر این مطلب را بخوانید : https://lorenstewart.me/2017/01/22/javascript-array-methods-mutating-vs-non-mutating/ اگر می خواهید چند آیتم را به انتهای آرایه ازافه کنید، فقط لازم است آنها را به متود push پاس داده و هر آیتم را با یک ( , ) جدا کنید :languages.push("Japanease",'Turkish',''German"); console.log(languages); // ["Spanish", "Persian", "English", "French","Japanese",'Turkish',''German"]همچنین برای حذف آخرین عضو یک آرایه می توانید از متود pop استفاده کنید. https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-3-iil5bvjb51b1 منبع انگلسی : لینکترجمه : وب فمیلی با اندکی تغییر

همه چیز درباره آرایه ها در زبان جاوا اسکریپت - قسمت 1

WEB-FAMILY.IR — Wed, 16 Jan 2019 17:54:56 +0330

توی این مطلب قراره تمام آنچه رو که درباره آرایه ها در زبان جاوا اسکریپت مورد نیاز شما است بدانید.چون معمولا حال زیاد خوندن رو نداریم این مطلب رو در چند بخش منتشر می کنم.Arrays in JavaScriptآرایه ها یک راه تر و تمیز برای ذخیره داده های متوالی دررون حافظه در یک متغیر هستند. شما به وسیله ایندکس هر یک از آیتم های آرایه می توانید به مقدار آن دسترسی داشته باشید. در زبان جاوا اسکریپت شماره گذاری ایندکس ها در یک آرایه از 0 شروع می شود.اکنون بگذارید یک آرایه خالی را به روش های مختلف ایجاد کنیم : let tasks = []; //استفاده از [] جهت ایجاد آرایه let projects = new Array(); // استفاده از گلوبال آبجکت Arrayبرای اطلاع یافتن از تعداد آیتم ها درون یک آرایه می توانیم از مشخصه یا property ای به نام length استفاده کنیم : tasks.length; // returns 0; projects.length; // return 0;یک کار جالب که شما می توانید با Array constructor یا همان گلوبال آبجکت Array انجام دهید این است که برای آرایه یک طول یا length اولیه تعیین کنید : ولی نمی توانید با آرایه ای که به وسیله [ ] ایجاد کرده اید چنین کاری را انجام دهید.let projects = new Array(10); console.log(projects.length); // خروجی : 10 https://virgool.io/@web-family.ir/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D8%A2%D8%B1%D8%A7%DB%8C%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D9%82%D8%B3%D9%85%D8%AA-2-io1zmhedjvux منبع انگلسی : لینک ترجمه : وب فمیلی با اندکی تغییر

آموزش لاراول - قسمت دو: آدرسی دهی بخش دوم

WEB-FAMILY.IR — Wed, 10 Jan 2018 09:35:23 +0330

با سلام در پست قبلی باهم دیدیم که چطوری یک مسیر تعریف کنیم و چطور اطلاعاتی رو از مسیر درخواست شده بگیریم و چطور برای پارامتر های مسیر خودمون شرط قرار بدیم.توی این قسمت سه عنوان زیر رو آموزش میدیم:ایجاد یک الگوی ثابت در طول برنامه نویسی برای یک کلید خاص در مسیر هانحوه فراخوانی یک کلاس دلخواه و متد دلخواه از آننحوه استفاده از دیگر متد ها برای آدرس دهی مثل postبخش اول: ایجاد الگو برای کلید های آدرس دهی:اگه قرار باشه یک نرم افزار بسازیم ممکنه که از یک کلید مثل کلمه id در آدرس دهی های خودمون در طول برنامه زیاد استفاده کنیم. و میدونیم که مقدار مجاز برای id فقط عدد طبیعی است. پس باید برای هر آدرس دهیمون یک شرط بزاریم که این مساوی است با تکرار کد ها, در لاراول این امکان وجود داره که بشه بدون نیاز به این تکرار برای یک کلید خاص مثل id یک شرط قرار داد و از اون در طول برنامه استفاده کرد.برای اینکار اول باید فایل RouteServiceProvider.php را باز کنید. این فایل در مسیر app/Providers قرار دارد. در این فایل فانکشن یا همان متو boot را پیدا کنید و بعد محتوای تابع را به اشن شکل تغییر بدید:public function boot() { // Route::pattern('id', '[0-9]+'); // حواستون به این خط باشه parent::boot(); // این خط برای خوده تابع هست }همون طور که می بینید ابتدا تابع pattern رو از کلاس Route صدا زدیم و بعد به عنوان آرگومان اول اون کلیدی رو که می خوایم واسش الگو تعریف کنید رو دادیم و در آرگومان دوم با عبارت های منظم تعریف کردیم که این کلید چه مقداری رو می تونه بگیره.دقت کنید که الگو هایی که تعریف می کنید حتما قبل ار خط زیر باشد: parent::boot(); // این خط برای خوده تابع هستنحوه فراخوانی یک کلاس دلخواه و متد دلخواه از آن:در ابتدا باید یک کلاس ایجاد کنیم. برای این کار بهترین راه این است که خط فرمان خود را در ویندوز باز کنید و با استفاده از دستور زیر به پوشه روت لاراول خود وارد شوید:cd C:\yourfolder\yourfolder\larave-lrootبعد از کلمه cd باید آدرس لاراول خود را وارد کنید. سپس از خود لاراول کمک گرفته و کنترولر خود را ایجاد می کنیم: کد زیر را در خط فرمان وارد کنید:php artisan make:controller NAMEofCONTROLLERبجای عبارت NAMEofCONTROLLER باید نام کنترولر دلخواه خود را قرار دهید. حالا باید یک تابع در این کلاس تعریف کنید. اسم این تابع رو میزاریم index خب حالا می خواهیم از طریق آدرس دهی این متود را از کلاس خودمون صدا کنم به این شکل عمل می کنیم:Route::get('/call-method', "NAMEofClass@NAMEofMethod");به همین راحتی یعنی یک رشته به عنوان آرگومان دوم به تابع مورد نظر که اینجا get هست میدیم که اول نام کلاس رو می نویسیم بعد @ میزاریم و بعد هم نام تابع درون کلاس رو. اگه بخواید اطلاعاتی به متود پاس داده بشه باید به این شکل کار کنید:Route::get('/call-method/{id}', "NAMEofClass@NAMEofMethod");الآن مقداری که کاربر بعد از / دوم وارد می کنه به عنوان یک مقدار به اولین پارامتر تابع پاس داده میشه.نحوه استفاده از دیگر متد ها برای آدرس دهی مثل post:این تمام متود هایی از کلاس Route هست که میشه برای آدرسی دهی استفاده کرد:Route::get($uri, $callback); Route::post($uri, $callback); Route::put($uri, $callback); Route::patch($uri, $callback); Route::delete($uri, $callback); Route::options($uri, $callback);همون طور که میبینید در تمام اونا اول آدرس دهی رو مشخص می کنید بعد می گید اگه این آدرس فراخوانی شد چه کاری انجام شود.در اینجا متو post رو توضیح میدیم:آدرس دهی از طریق متود پست تنها وقتی کار می کنه که فرمی به آدرس تعریف شده ارسال بشه و نوع فرم هم پست باشه. مثل فرم زیر:فرم ها را باید در فایل های ویو بگذارید که در آدرس resources->views قرار دارند. حتما پسوند .blade.php را برای فایل ها ویو خود بگذارید تا بتوانید از امکاناتش مثل استفاده از {{}} بهره ببرید. توی فرم های خودتون مجبورید از تابع csrf_field() استفاده کنید این تابع امنیت فرم را افزایش می دهد. اگر از این تابع استفاده نکنید با یک ارور روبرو میشید.حالا فکر کنید که برای فرم بالا یک آدرس دهی درست کنیم مثل کد زیر:Route::post('/post-test', function () { echo 'hello';});اگه فرم مورد نظر رو ارسال کنیم. میبینیم که متن hello چاپ شده.پایان قسمت دوم

آموزش لاراول - قسمت یک: آدرسی دهی بخش اول

WEB-FAMILY.IR — Tue, 02 Jan 2018 12:48:15 +0330

با سلام. می خواستم اولین پستی رو که در این دوره قرار میدم اختصاص داده بشه به این که لاراول چیست؟ دیدم چه کاریه هرکس که سری به این پست زده حتما میدونه لاراول چیه دیگه. پس قسمت اول آموزش رو اختصاص میدیم به آدرسی دهی یا همان routing.قبل از شروع: با سلام. برید به این آدرس. و فیلم آموزشی نصب لاراول و پیکربندی رو دانلود کنید. بعد این مطلب رو شروع به یادگیری کنید.اگر زبان PHP رو بلد نیستید پیشنهاد می کنم این زبان رو یاد بگیرید و بعد که تسلط کافی پیدا کردید بیاید این مطالب رو بخونید.تجربه قبلی در زمینه طراحی سایت داشته باشد. بخصوص کار کردن با فریم ورک های MVC.حتما نرم افزار PHPSTORM رو دانلود کنید و نصب کنید حجمش کمتر از 500 مگابایته. اگه بخواید کامنت بدید نحواه فعال سازی دائمی رو بهتون بگم.مسیر نگو, شاه راه بگو - بخش اول:این فریم ورک قدرت بی نظیری به شما جهت مدیریت آدرس ها میده.ساده ترین راه برای آدرس دهی در فریم ورک لاراول اینه که لطف کنید فایل web.php رو که در پوشه routes قرار داره باز کنید.اگه فایل رو باز کنید این کد رو می بینید:Route::get('/', function () { return view('welcome'); });این ساده ترین نوع آدرس دهی در لاراول هست. حالا می پردازیم به توضیح کد بالا»متد get رو از کلاس Route صدا زده.دو آرگومان به این تابع پاس داده. اولی میگه که اگه آدرس اصلی سایت درخواست شد اونم به صورت get بیا تابع بی نامی رو که در آرگومان دوم نوشتیم رو اجرا کن.تابع get می گوید فقط درخواست هایی که به صورت get هستند از این مسیر استفاده کنند. یعنی اگه یه فرم با متد post ارسال کنیم این مسیر براش کار نمی کنه.اینکه مثلا شما یه آدرسی رو توی مرورگر وارد می کنید بعد اینتر رو میزنید خودش یک درخواست get بشمار میاد.مقدار / در آرگومان اول یعنی آدرس پیش فرض سایت. یعنی: codex.villagewp.com و codex.villagewp.com/ هیچ فرقی باهم ندارند. توی این قسمت شما آدرس مورد نظر خودتون و یا ساختار اون رو وارد می کنید.اگه شما یک آدرس شبیه به این تعریف کنید:Route::get('/user', function () { return 'hello user'; });هر وقت کاربر به آدرس site.com/user بره, نوشته hello user رو میبینه.مسیر نگو, شاه راه بگو - بخش دوم:حالا ممکنه شما بخواید بعضی از اطلاعات مورد نیاز خودتون رو از url ای که کاربر وارد می کنه بگیرید در این صورت باید به شکل زیر عمل کنید:Route::get('/user/{id}', function ($user_id) { return $user_id; });اگه یک بخش از نحوه تعریف آدرس خودتون رو مثل بالا در {} قرار بدید اون بخش به عنوان یک مقدار به تابع ای که در بخش دوم تابع get است ارسال میشه. پس به این نکته باید توجه کرد که به هر اندازه ای که از {} در تعریف مسیر استفاده می کنید به همون اندازه هم باید پارامتر در تابع تعریف کنید.الآن اگه کاربر بیاد و آدرس site.com/user/22 رو بزنه فریم ورک عدد 22 رو بهش نشون میده اگه آدرس site.com/user/aa رو هم بزنه aa رو بهم نشون میده برای اینکه بخوایم کاری کنیم که کلید id فقط مقدار عددی قبول کنه باید به شکل زیر کار کنیم:اعمال شرط برای کلید های مسیر:کد زیر رو در نظر بگیرید: Route::get('/user/{id}/{name}', function ($user_id,$user_name) { return $user_id; }); حالا می خوایم به فریم ورک بگیم که کلید id فقط عدد و کلید name فقط حروف رو قبول می کنه. باید این کار رو انجام بدیم: Route::get('/user/{id}/{name}', function ($user_id,$user_name) { return $user_id; })->where([ 'id' => '[0-9]+' , 'name' => '[a-z]+']); خیلی ساده است. اومدیم قبل از پرانتز بسته get این رو گذاشتیم: <- بعد با استفاده از [ ] که در php به عنوان یک آرایه است آرایه associative ساختیم . بعد به عنوان اولین ایندکس یا کلیدِ آرایه, کلید مورد نظر در آدرس که id بود رو وارد کردیم و با استفاده از عبارت های منظم گفتیم این بخش از آدرس هر حرفش باید از اعدای 0 تا 9 یعنی خود 0 و 9 هم هستند تشکیل شده باشه. برای name هم تعریف کردیم که مقدار از و بین a تا z می پذیره البته توجه کنید که حروف کوچک را فقط قبول می کند برای استفاده از حروف بزرگ هم باید از regular expression یا همون عبارت های منظم استفاده کنید.خب پایان قسمت اول رو اعلام می کنم....در قسمت بعد یاد خواهید گرفت:ایجاد یک الگوی ثابت در طول برنامه نویسی برای یک کلید خاص در مسیر هانحوه فراخوانی یک کلاس دلخواه و متد دلخواه از آننحوه استفاده از دیگر متد ها برای آدرس دهی مثل post

آموزش لاراول - مقدمه

WEB-FAMILY.IR — Mon, 01 Jan 2018 21:39:50 +0330

دوره آموزش لاراولبا سلام. از چند روز پیش که با سایت ویرگول آشنا شدم, این سایت خیلی بدلم نشست به خاطر اینکه حالتی شبیه به سایت linkedin داشت. همیشه علاقه خاصی به صفحه ارسال پست در سایت linkedin داشتم. و پلاگین wappalyzer که روی مرورگرم نصب بود نشون داد که سایت ویرگول با فریم ورک laravel توسعه داده شده. همین باعث شد که برگردم و منابعی رو آموزش لاراول میدن پیدا کنم. خلاصه کلام این دوره آموزشی حاوی اطلاعاتی هست که من طی این مدت که شروع کردم و قراره یادبگیرم منتشر می کنم.از این بحث ها که بگذریم اینکه منتظر این سری مطالب باشد و با برچسب #آموزش_لاراول دنبالشون کنید.