https://virgool.io/feed/@omoghadasi fa 2026-06-16 10:11:03 https://files.virgool.io/upload/users/231981/avatar/qFMYVF.jpg?height=120&width=120 https://virgool.io/@omoghadasi https://virgool.io/MrJunior/object-destructuring-in-js-rklweptmsuz2 سلام? فرقی نمیکنه که من و شما react کار کنیم یا vue, angular و یا vanilla js. مهم اینه که ما هرروز داریم با جاوااسکریپت کار میکنیم و لازمه که توی موارد پایه، خودمون رو قوی نشون بدیم. (البته فقط قوی نشون دادن کافی نیست و واقعا باید قوی باشیم)چیزی که هرروز داریم توی برنامه هامون ازش استفاده میکنیم داده ها هستن و اگر داده ای وجود نداشته باشه عملا برنامه ما هم به هیچ دردی نمیخوره پس داده ها هستن که به برنامه ما ماهیت میدن.حالا این وسط برای اینکه ما برنامه نویس ها راحت تر باشیم میایم و با نوع های مختلفی داده هامون رو مدیریت میکنیم تا شلخه و درهم برهم نباشن. مثل ذخیره کردن اطلاعات ی کاربر توی یک object مثل نمونه زیر:const user = {name: 'Chris',age: 33,};ذخیره اطلاعات توی object ها یکی از کاراییه که ما شاید روزانه چندین بار انجام بدیم و بهمون هم کمک میکنه که خیلی تر و تمیز تر اطلاعاتمون رو ذخیره کنیم و توی جای خودش ازش استفاده کنیم. مثل مثال زیر که مثلا من میخوام نام کاربر رو توی ی متغیر وارد کنم:let name = user.name;حالا شاید بگین خب تا اینجا چه مشکلی مگه داریم اینجا.باید بگم که هیچیشما میتونید از همین روش تا آخر عمرتون استفاده کنید و به هیچ مشکلی هم برنخورین اما میخوام توی این مطلب ی ویژگی کوچولو از ES6 رو بهتون بگم تا یکم تروتمیز ترش کنیم. اصلا هم سخت نیست(قول میدم)object destructuring در جاوااسکریپتتوسعه دهنده های js توی es6 به این نتیجه رسیدین که ی ویژگی destructuring رو به js اضافه کنن و این تنها مختص به object ها نیست و شما میتونید از این عملیات توی آرایه ها هم استفاده کنید.خب برای انجام این عملیات ما فقط میایم و بجای اینکه با نقطه (.) به مقادیر ابجکت دسترسی پیدا کنیم و بعد اون هارو داخل یک متغیر بریزیم میایم و همین اول کار به صورت زیر عمل میکنیم:const { name, age } = user;خب بریم سراغ توضیح کد بالا. توی کد بالا ما اومدیم و بعد از ثابت const یک آکولاد ({}) باز و بسته کردیم و داخلش مقدار name و age رو قرار دادیم و بعد یک مساوی و آبجکتمون.حالا توی کد بالا انگار که مرورگر اول ی متغیر با نام name ایجاد کنه و بعد بره و توی آبجکس ما شروع کنه به گشتن و ببینه آیا مقداری با اسم name هست یا ن؟ اگر مقداری وجود داشته باشه اون مقدار رو داخل اون متغیر که ساخته قرار میده و میره سراغ پارامتر بعدی که age هست. دوباره ی متغیر ایجاد میکنه و شروع میکنه داخل object گشتن و اگر مقدار age رو پیدا کرد اون رو داخل متغیری که ساخته بود میریزه. به همین راحتی.حالا شاید این سوال پیش بیاد که اگه اون مقدار رو توی اون object نبود چی؟ تکلیف متغیری که ساخته چی میشه؟ خطا میده؟ جواب همه این سوال ها اینه که اگه اون مقداری رو که نوشتیم نباشه، مقدار undefined رو داخل متغیر قرار میده.حالا برای اینکه بخوایم تستش کنیم کدمون رو میتون مقداری name,age رو مثل زیر log بگیریم:const { name, age } = user;console.log(name);// Chrisconsole.log(age);// ۳۳به همین راحتی شما برای اولین بار از object destructuring در جاوااسکریپت استفاده کردین.خب نکنه فکر کردین به همینجا ختم میشه؟ ن. چون با این قابلیت میشه کار های خفن تر دیگه ای هم انجام داد که اینجا میخوام چند تا از کاربرد های دیگه object destructuring در جاوااسکریپت رو بهتون بگم تا دیگه حسابی بترکونید.خب برای اینجا کافیه☺️اخه من این پست رو منتشر کردم تا بفهمین ی همچین پست خوبی رو توی سایت آقای مبتدی هست و میتونید اونجا بیاین و این مطلب رو کامل بخونید. (شاید از این حرکت من ناراحت شده باشید ولی اگه دنبال یادگرفتن باشید حتما به سایت میاین و ادامش رو میخونید و اگر هم ناراحت شدین از این حرکت که معذرت میخوام☺️)لینک مطلب: همه چیز درباره object destructuring در جاوااسکریپت امید مقدسی امید مقدسی Tue, 02 Aug 2022 08:18:39 +0430 https://virgool.io/MrJunior/%D9%86%D8%B5%D8%A8-vue3-%D8%AF%D8%B1-laravel9-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-vite-gxrixwht2nvi سلام? اگه میخوای بدونی که چطوری میتونی با استفاده از ابزار فوق العاده vite داخل پروژه laravel خودت vue رو نصب کنی این مقاله رو تا آخر دنبال کن. بزن بریم???خب همونطور که میدونید لاراول به تازگی نسخه ۹.۱۹ خودش رو منتشر کرد و ی تغییر اساسی داخلش داده. حالا اون تغییر چی بود؟ اینکه اومد و فایل webpack.mix.js رو به چوخ داد? و حرکتی که زد این بود که اومد با فایل vite.config.js جایگزینش کرد.به نظر من که حرکت خیلی خفنی زدن چون vite واقعا ی ابزار خیلی خوب و باحاله که قصد دارم بعدا راجبش بیشتر توضیح بدم و شمارو با این رعد و برق (اشاره به لوگو vite) دوست داشتنی آشنا کنم.فعلا توی این پست من این موضوع رو مد نظر میگیرم که شما با لاراول و vue آشنایین و فقط میخوام بهتون یاد بدم که چطوری vue رو با استفاده از vite به پروژه لاراولی خودتون اضافه کنید و مابقی توضیحات جاش توی این پست نیست? خب دیگه خیلی حرف زدم بریم سراغ کار خودموننصب vue 3 در laravel 9 با استفاده از viteخب برای انجام این کار ما مراحل زیر رو طی میکنیم تا کارمون انجام بشه:نصب لاراول ۹نصب پکیج های npmنصب vue 3کانفیگ vite.config.jsکامپایل کردن assetsساخت اپلیکیشن vueساخت کامپوننت برای vueاتصال کامپوننت vue به blade لاراولبروزرسانی route های لاراولاجرای پروژهخب این روند کلیه کاراییه که قراره بکنیم پس بزن بریم سراغشون و تک تک بریم جلو?نصب لاراول ۹خب اولین کاری که باید بکنیم اینه که ی پروژه لاراولی بسازیم. اگه اونو از قبل دارید که نیاز به انجام این مرحله نیست.ترمینالتون رو باز کنید و دستور زیر رو داخلش تایپ کنید و کلید enter رو بزنید:composer create-project --prefer-dist laravel/laravel:^9.0 laravel9-vue3-viteیا اگه ابزار Laravel Installer رو روی سیستمتون به صورت سراسری نصب کردین بیاین و دستوری زیر رو وارد کنید:laravel new laravel9-vue3-viteخب تا اینجا پروژه ایجاد شد بریم سراغ مرحله بعدنصب پکیج های npmبعد از نصب پروژه لاراولی نیازه که پکیج های مورد نیاز جاوااسکریپت پروژه نصب بشن. دیگه اینو فک کنم همتون بدونید. برای این کار دستور زیر رو داخل ترمینالتون وارد کنید:npm installخب این کار ممکنه یکم طول بکشه پس صبر و شکیبایی به خرج بدین دوستان? بریم بعدینصب vue3خب حالا که پیشنیاز هارو نصب کردین برین سراغ vue دستور زیر رو وارد کنید و enter بزنید:npm install vue@next vue-loader@nextvue-loader ی لودر برای webpack که کمک میکنه کامپوننت های vue رو توی فایل های تکی ذخیره کنید. ی اینطور چیزیه خلاصه? خلاصه آقا نصبش کن سوال نکن?نصب vitejs/plugin-vueخب این مورد رو اون بالا نگفته بودم که جزو مراحله ولی اینجا گفتم بذار بگم دیگه هم حالشو نداشتم برم اون بالا اضافه کنم?تو آخرین نسخه لاراول ۹ ی افزونه ای به نام vitejs/plugin-vue رو برای vue در لاراول نصب میکنیم. حالا این افزونه چیکار میکنه؟ میاد وابستگی های مورد نیاز برای اجرا برنامه vuejs در vite رو فراهم میکنه. vite هم ی دستور ساخته شدن برنامس که میاد کد های شمارو rollup میکنه و روی آدرس localhost:3000 اجرا میکنه و به شما قابلیت hot refresh میده. خلاصه که خوبه آقا نصبش کنید و ی جورایی پیشنیازه یعنی حتما نصبش باید کنید? اینم دستور نصبش:npm i @vitejs/plugin-vueیعنی حتما من باید ۱۰ خط توضیح بدم تا شما ی ابزارو نصب کنید؟ خو همون اول تا میگم نصبش کنید دیگه نخوام انقد تایپ کنم و خسته بشم.?کانفیگ vite.config.jsخب بریم سراغ کانفیگ فایل. Vite یک module bundler برای برنامه های جاوا اسکریپت. vite.config.js را باز کنید و کد زیر را کپی و پیست کنید. ابتدا فاکتور defineConfig را از vite در بالای فایل دریافت کنید و افزونه laravel-vite را نیز وارد کنید. در اینجا plugins() مسیر فایل js و CSS را می گیرند و باندل هایی برای برنامه شما ایجاد می کنند. باید vue() را در آرایه پلاگین ها اضافه کنید.// vite.config.jsimport { defineConfig } from 'vite';import laravel from 'laravel-vite-plugin';import vue from '@vitejs/plugin-vue'export default defineConfig({plugins: [vue(),laravel(['resources/css/app.css','resources/js/app.js',]),],});خب برای اینجا کافیه☺️اخه من این پست رو منتشر کردم تا بفهمین ی همچین پست خوبی رو توی سایت آقای مبتدی هست و میتونید اونجا بیاین و این مطلب رو کامل بخونید. (شاید از این حرکت من ناراحت شده باشید ولی اگه دنبال یادگرفتن باشید حتما به سایت میاین و ادامش رو میخونید و اگر هم ناراحت شدین از این حرکت که معذرت میخوام☺️)لینک مطلب توی سایت آقای مبتدیhttps://mrjunior.ir/how-to-install-vue-3-in-laravel-9-with-vite/ امید مقدسی امید مقدسی Tue, 12 Jul 2022 13:08:03 +0430 https://virgool.io/MrJunior/interop-2022-%D9%88-%D9%88%DB%8C%DA%98%DA%AF%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AC%D8%AF%DB%8C%D8%AF%DB%8C-%DA%A9%D9%87-%D8%AF%D8%B1-%D8%B3%D8%A7%D9%84-%DB%B2%DB%B0%DB%B2%DB%B2-%D8%A8%D9%87-%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1-%D9%87%D8%A7-%D8%A7%D8%B6%D8%A7%D9%81%D9%87-%D9%85%DB%8C%D8%B4%D9%87-jqekvwb9s1pf سلام? به تازگی همه مرورگر ها اومدن و دور هم جم شدن و باهم به توافق رسیدن که توی سال ۲۰۲۲ بیان و یکسری از ویژگی های css رو داخل موتور های مرورگر های خودشون پیاده سازی کنن و اسمش رو گذاشتن interop-2022 که میتونید توی این لینک https://wpt.fyi/interop-2022?stable دنبال کنید و ببینید که تا چه حد پیشرفت کردن.اما من قصد دارم حالا بیام ی توضیح کوتاه و مختصر راجب این ویژگی ها بهتون بدم که بدونیم که باید توی سال ۲۰۲۲ چه انتظاری از مرورگر ها داشته باشیمحالا با این اوصاف تا کجا پیشرفتن این مرورگرا؟همینطور که توی این تصویر دارین میبینید، مرورگر های عزیز تا الان تونستن ۶۰% رو پیاده سازی کنن و شاید تا زمانی که شما دارین این مقاله رو میخونید عددش بیشتر شده باشه ولی فعلا که من دارم واستون مینویسم ۶۰% و میبینید که دارن روی ۱۰ تا ویژگی کار میکنن که در ادامه میریم سراغ یَک یَکشون? و ی توضیح کوچولو میدم بتون. بزن بریم?تو عکس بالا دیدیم که دارن روی ۱۰ تا ویژگی کار میکنن و میخوام حالا از ب بسم الله شروع کنیم و بریم تا اخر پس با من همراه باش که بریم تو کارش?Cascade Layersخب توی این ویژگی جدید قراره ی چیزی به اسم @layer به css اضافه بهش. حالا این چیکار میکنه؟اول بذارید ی تعریف از cascade داشته باشیم:Cascade ی لیست نامرتب از مقادیر ی ویژگیه که قراره روی ی عنصر اعمال بشن اونم بر اساس اولویتی که براشون تعریف کردیم که در آخر یک مقدار cascade برگشت داده میشه اونم به صورت آبشاری. یکم سخت شد؟ خودمم قبول دارم?خب بذارید یکم خودمونی تر توضیح بدم که بفهمیم?Cascade الگوریتمیه که مرورگر با استفاده از آن تصمیم می‌گیره چه CSSای را به یک عنصر اعمال کنه.حالا فرض کنید که cascade ما همون انتخابگر ها و ویژگی های css که ما نوشتیم. مرورگز میاد و با استفاده از این الگوریتم به هرکدومشون ی وزنی میده و به صورت آبشاری میاد پایین مثلا شما ی سری استایل به body دادین بعد میاد پایین تر میاد سراغ مثلا تگ section بعد میاد پایین تر میره سراغ تگ div و بعد میره سراغ تگ p داخلش. این الگوریتم انقد به صورت آبشاری میاد پایین تا برسه به خود اون المان و استایل هارو اعمال کنه (البته اون وسطا ی سری اولویت ها هم هست که یکیش مثلا میشه همون مقدار important که میذاریم واسه ی سری ویژگی ها)خب cascade رو فهمیدیم حالا این layer چیه؟این اومده برای اینکه شما فک کن میخوای وسط اون آبشاری که داره میاد پایین چندتا انشعاب درست کنید. مثلا وسط راه دو تیکش کنید و دوباره پایین تر دوباره یکی بشه.توی عکس بالا مشخصه که شما میتونید توی چ سطحی این لایه هارو اضافه کنید.Containmentهدف از استفاده از containment بهبود عملکرد صفحات وب که به توسعه دهنده ها این اجازه بده که فرزندان یک المنت رو از پدرش یا از بقیه صفحه جدا کنند. این به مرورگر ها کمک میکنه که اگه بخشی از صفحه مستقله، بتونه بهتر رندر کنه و عملکرد خودشو بهبود بده. این ویژگی مقادیر متفاوتی میگیره که برای مطالعه بهتر و بیشتر میتونید از لینک https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Containmentاستفاده کنید.Scrollingوب‌سایت‌ها و برنامه‌های وب امروزی بیشتر از همیشه به نحوه عملکرد اسکرول اهمیت می‌دهن. اسکرول اسنپ ابزارهایی رو در اختیار طراحان و توسعه دهندگان قرار میده تا نحوه اسکرول رابط ها و نحوه نمایش محتوا را کنترل کنند. ویژگی scroll-behavior در CSS رفتار یک جعبه پیمایش را زمانی که پیمایش توسط APIهای پیمایش ناوبری یا CSSOM فعال می شود، تنظیم می کند. ویژگی overscroll-behavior CSS تعیین می‌کند که مرورگر هنگام رسیدن به مرز یک منطقه پیمایش چه کاری انجام بده.SubgridCSS Grid پنج سال پیش در مارس ۲۰۱۷ ارسال شد و اون چیزیه که میتونه وب رو متحول کنه.Subgrid در CSS Grid level 2 تعریف شده و یک راه آسون برای قرار دادن نوه های یک المان grid در آن شبکه رو در اختیار ما قرار میده. این امکان را فراهم می کنه تا موارد را در طرح بندی های پیچیده بدون توجه به ساختار DOM ردیف کنید. چشم انداز یک سیستم چیدمان کاری در وب با Grid و Subgrid با هم به طور کامل تر تحقق خواهد یافت.خب برای اینجا کافیه☺️اخه من این پست رو منتشر کردم تا بفهمین ی همچین پست خوبی رو توی سایت آقای مبتدی هست و میتونید اونجا بیاین و این مطلب رو کامل بخونید. (شاید از این حرکت من ناراحت شده باشید ولی اگه دنبال یادگرفتن باشید حتما به سایت میاین و ادامش رو میخونید و اگر هم ناراحت شدین از این حرکت که معذرت میخوام☺️)لینک مطلب توی سایت آقای مبتدیhttps://mrjunior.ir/interop-2022/ امید مقدسی امید مقدسی Mon, 04 Jul 2022 11:13:08 +0430 https://virgool.io/MrJunior/%D9%86%D8%AA%D8%A7%DB%8C%D8%AC-%D9%86%D8%B8%D8%B1%D8%B3%D9%86%D8%AC%DB%8C-%D8%A7%D8%B2-%D8%AF%D9%88%D9%84%D9%88%D9%BE%D8%B1%D9%87%D8%A7%DB%8C-stackoverflow-2022-%D9%85%D9%86%D8%AA%D8%B4%D8%B1-%D8%B4%D8%AF-tt6kelhcrk8i سلام? امروز متوجه شدم که سایت محبوب stackoverflow نتایج نظرسنجی سال ۲۰۲۲ خودش رو منتشر کرده?این نظرسنجی هرساله برگذار میشه و دولوپر های عزیزی که در سایت فعالیت دارن میتونن توی اون شرکت کنن و نظراتشون رو اعلام کنن التبه ی سری سوالات شخصی هم ازشون پرسیده میشه مثل میزان حقوقی که دریافت میکنن یا اینکه توی موقعیت شغلیشون تغییری ایجاد شده یا اینکه شرکتشون رو عوض کردن یا نه.خلاصه این اطلاعات رو میگیره و بعد هم ی بررسی روی سوالات پرسیده شده توی سال و جواب های داده شده به سوالات میکنه و ی آمار کلی درمیاره از این اطلاعات و اون آمار رو منتشر میکنه تا همه بفهمن که توی این یک سال گذشته چه اتفاقی توی جامعه برنامه نویسی افتاده و ملت چیکار کردن?❤️خلاصه طبق گفته خودش، توی این نظر سنجی ۷۰ هزار نفر شرکت کردن و این اطلاعات از این ۷۰ هزار نفر دراومده.stackoverflow این آمار رو توی ۶ دسته بندی مختلف منتشر کرده که اون دسته ها عبارت اند از:Developer ProfileTechnologyWorkCommunityProfessional DevelopersMethodologyDeveloper Profilestackoverflow توی این بخش گفته که اونچه که ما از این ۷۰ هزار نفر میدونیم این چیزاس و چیزایی مثل اینکه از چه منابعی برای آموزش استفاده کردن و سنشون چقدره چند ساله دارن کد نویسی حرفه ای انجام میدن و توی چ ضمینه هایی فعالیت دارن و این حرفا رو عنوان کردهTechnologyتوی این بخش که دیگه خدایی خیلی واضحه و بخش مورد علاقه منه. توی این بخش گفته که آقا کلا این ۷۰ هزار نفر از چی استفاده کردن، چیا خوب بودن چیا بد بودن چیا پر درآمد بودن و چیا پراستفاده بودن و این حرفا دیگه. خودتون برین ببین بابا??Workتوی این بخش به این پرداخته که حقوق دریافتیشون چقدر بوده، اطلاعاتی راجب شرکت هایی که کار میکنن، وضعیت استخدام و اینجور حرفا که واقعا آمار های عجیب و جذابی هم داره این بخش که به درد خیلی از برنامه نویس ها میخوره و میفهمن وضعیت کار توی این حوزه چطوریاس و اینکه آیا به صورت جهانی داره حقوق ها و استخدام ها توی چ حوزه هایی افزایش پیدا میکنه و اینجور چیزا?خب برای اینجا کافیه☺️اخه من این پست رو منتشر کردم تا بفهمین ی همچین پست خوبی رو توی سایت آقای مبتدی هست و میتونید اونجا بیاین و این مطلب رو کامل بخونید. (شاید از این حرکت من ناراحت شده باشید ولی اگه دنبال یادگرفتن باشید حتما به سایت میاین و ادامش رو میخونید و اگر هم ناراحت شدین از این حرکت که معذرت میخوام☺️)لینک مطلب توی سایت آقای مبتدیhttps://mrjunior.ir/survey-stackoverflow-2022/ امید مقدسی امید مقدسی Sat, 25 Jun 2022 10:12:23 +0430 https://virgool.io/MrJunior/%DB%B1%DB%B2-%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF-%D9%85%D9%87%D9%85-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%DA%A9%D9%87-%D9%87%D8%B1-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D8%AF%D9%87%D9%86%D8%AF%D9%87-%D9%88%D8%A8-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%A8%D8%AF%D8%A7%D9%86%D8%AF-aflcwwcfmqn0 سلام دوستان? من امید مقدسی، امروز با ی مقاله خیلی باحال اومدم به خونه هاتون☺️ امیدوارم که از این مقاله نهایت لذت رو ببرین و داخلش نکاتی رو یادبگیرین که باعث بشه هربار ازش استفاده کردین پیش خودتون بگین امد دمت گرم عجب چیزایی یادمون دادی.خب بریم سراغ اینکه میخوام توی این مقاله چه چیزی رو یادتون بدم.توی این مقاله قراره ۱۲ عملکرد مهم جاوا اسکریپت برای صرفه جویی در زمان و بهینه سازی کد رو بهتون یاد بردم که هر توسعه دهنده وب باید اون هارو بدونه و ازشون استفاده کنه. هر چیزی که در ادامه میخونید میتونه باعث پیشرفت شما و سرعت بخشیدن به کد نویسیتون بشه که همونطور که میدونید نه برای ما برنامه نویسا بلکه برای تمام انسان های روی زمین، وقت طلاس.۱. console.log را کوتاه کنید.خب بریم سراغ اولین نکته. تاحالا شده از نوشتن مدام console.log خسته شده باشین؟ خب اصلا نگران نباشید. با متد bind در جاوااسکریپت شما میتونید هر متد تعریف شده جاوااسکریپت رو به هر متد دیگه ای که میخواین تبدیل کنید.const log=console.log.bind(document);log('آقای مبتدی');log('mrjunior.ir');از این روش برای هر متدی در جاوااسکریپت میتونید استفاده کنید.۲. دو آرایه را در یک آرایه ادغام کنیدخب اولیش که عالی بود.مگه نه؟? خب پس بریم سراغ بعدی.تاحالا شده توی کد هات بخوای که دوتا آرایه رو باهم دیگه ترکیب کنی و یک آرایه بسازی؟ بفرما اینم کدش. هلو برو تو گلو?const array1=['One','Two'];const array2=['Omid','Moghadasi','mrjunior.ir'];const mergerd=array1.concat(array2);console.log(mergerd)//['One','Two','Omid','Moghadasi','mrjunior.ir']خب بذاربن یکم این هلو رو بیشتر توضیح بدم. ما یک متد توی جاوااسکریپت داریم به اسم concat که میاد یک آرایه رو با ی آرایه تیگه ادغام یا merge میکنه به همین راحتی.۳. دو شی را در یکی ادغام کنیدتوی نکته قبلی اومدم گفتم چطور دوتا لیست رو با هم ترکیب کنیم و گفتم که بهتره آبجکت هارو هم بگم شاید لازمتون شد.const user={name:'omid',family:'moghadasi'};const website={title:'omoghadasi',url:'mrjunior.ir'};const mergerd={...user,...website};console.log(mergerd)/*{name:'omid',family:'moghadasi',title:'omoghadasi',url:'mrjunior.ir'}*/خب برای اینجا کافیه☺️اخه من این پست رو منتشر کردم تا بفهمین ی همچین پست خوبی رو توی سایت آقای مبتدی هست و میتونید اونجا بیاین و این مطلب رو کامل بخونید. (شاید از این حرکت من ناراحت شده باشید ولی اگه دنبال یادگرفتن باشید حتما به سایت میاین و ادامش رو میخونید و اگر هم ناراحت شدین از این حرکت که معذرت میخوام☺️)لینک مطلب توی سایت آقای مبتدیhttps://mrjunior.ir/12-important-javascript-functions-every-web-developer-should-know/ امید مقدسی امید مقدسی Thu, 23 Jun 2022 21:02:30 +0430 https://virgool.io/MrJunior/%D8%B4%D8%B1%D9%88%D8%B9-%DB%8C%DA%A9-%DA%86%D8%A7%D9%84%D8%B4-%D8%A8%D8%B2%D8%B1%DA%AF-%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%88%D9%85-wt6bppgmznle قسمت دوم چالش بزرگ منسلام مجدد ?خب اول از همه بگم که اگر کاملا یهویی اومدین توی این مطلب، بهتره که اول مطلب شروع یک چالش بزرگ – قسمت اول رو بخونین بعد بیاین این مطلب رو بخونین اما اگر که اول رفتین و قسمت اول رو خوندین و حالا تازه اومدین به این قسمت پس بهتره که بریم سراغ ادامه داستان. ?سربازی?‍♂️خب توی قسمت قبل رسیدیم به اینکه مجبور به اعزام به سربازی شدم. ۰۱ دی ۱۳۹۸ بود که اعزام شدم و اولین بار بود کع قرار بود ۶۰ روز از تکنولوژی دور باشم.خلاصه با هر سختی که بود گذروندیم ۶۰ روز رو و از دوره آموزشی برگشتیم و تقسیم شدیم و افتادم اصفهان. خیلی خوشحال بودم که افتاده بودم شهر خودم و پیش خودم داشتم فکر میکردم که هرروز بعد از ظهر میایم خونه و کار میکنم. (زهی خیال باطل)?خلاصه گذشت و اوایلش خیلی سخت بود ولی کم کم به خودم اومدم و ی جورایی افتاده بودم روی روال و ی نظمی پیدا کرده بود کارام داخل پادگان و ۹۰% مواقع شنبه تا چهارشنبه ساعت ۱۴:۰۰ پادگان بودم و آخر هفته رو میومدم خونه تا شنبه صبح.خلاصه پیش خودم گفتم باید ی حرکتی بزنم.پیش خودم برنامه ریزی کردم که چهارشنبه بعدازظهرا برا تفریح و وقت گذروندن، پنج شنبه کار میکردم و جمعه ها هم وقتمو میذاشتم با خانواده. خیلی سخت بود ولی باید به خودم سختی میدادم.?پنجشنبه های سربازی?خب همونطور که گفتم با خودم قرارگذاشتم که پنج شنبه ها فقط کار.خب یعنی اینکه من توی ۳۰ روز ماه فقط ۴ روز وقت داشتم که کار کنم و این میتونست منو خیلی عقب بندازه و سرعت پیشرفتم رو کند کنه ولی باز اگه مینشستم و همه غر میزدم که وقت ندارم چیزی درست نمیشد پس تصمیم گرفتم حرکت کنم حتی با همین وقت کم.پس شروع کردم…html , css , js رو که قبل خدمت یادگرفته بودم پس یک ماه اول یعنی ۴ روز اول رو گذاشتم واسه مرور چیزایی که قبلا یاد گرفته بودم و با کمال تعجب همش یادم بود. خلاصه از ماه دوم گفتم بذار یکم back-end کار کنم. حالا back-end چیه؟ بریم پایین تا بتون بگم.Back-End چیست؟خب اگه بخوام خیلی ساده و توی یک جمله بهتون بگم، باید بگم زبان هایی که در دنیای وب، سمت سرور کامپایل میشن یا اجرا میشن رو میگم زبان های back-end. مثل: php – python -asp.خب اینا به چه کار من میومدم که اصلا برم یاد بگیرم؟ خب در پاسخ به این سوال باید بگم که برای اینکه بتونم با سایت خودم اطلاعاتی رو توی دیتابیس ذخیره کنم یا بخوام اطلاعاتی رو پردازش کنم و خلاصه خیلی کارای دیگه (اینجا جاش نیس بیشتر از این توضیح بدم) مجبور بودم که یک دانش جزئی راجبش داشته باشم برا همین شروع کردم به یادگیری. با php و وردپرس شروع کردم و یادگرفتم که گلیم خودمو از آب بیرون بکشم که توش گیر نکنم. خلاصه بعد از ۳ ماه (یعنی ۱۴ تا پنج شنبه ?) دیگه یادگرفتم و تصمیم گرفتم برم سراغ ی چیز دیگه که رفتم سراغ react.jsReact.JS چیست؟خب میرسیم به اصل مطلب. بعد از اینکه پایم قوی شد و تونستم ی خودی نشون بدم در بین جونیور دولوپرا?، رفتم سراغ ری اکت.حالا reactjs چیه؟ react یک کتابخونه جاوااسکریپته که بهتون کمک میکنه سایت های تک صفحه ای رو راحت اینجا کنید که خارجیا بش SPA یا single page application میگن.خیلی چیزه خوبیه?من که ازش خیلی راضیم.خلاصه که سرتون رو درد نیارم دیگه شروع کردم به یادگیری و همینطور تمرین و تمرین و تمرین تا اخر خدمت.آخرای خدمتدیگه آخرای خدمتم بود. خانواده هم خیلی حمایتم کردن و پشتم بودم و اصلا ابراز ناراحتی نمیکردن که من پنجشنبه ها صبح میرفتم توی اتاق و شب میومدم بیرون و خیلی به خودم سختی میدادم و الان که آخرای خدمت بود، وقت دیدن نتیجه کار شده بود.نتیجه تلاش های شبانه روزی من شده بود یادگیری html , css , js , sass , webpack , git , react , vue و کلی کتابخونه جانبی دیگه که ثمرش شد اینکه بعد از پایان خدمتم ۳ روز بعد استخدام شدم و پس از مدتی تصمیم گرفتم که یک سایت راه اندازی کنم تا اطلاعات و دانش خودم رو باهاتون به اشتراک بذارم و این چالش بزرگی هست که من باهاش رو به رو هستم و امیدوارم که در کنار هم بتونیم مطالب خوبی رو یادبگیریم.کلام آخراگر وارد این حوزه شدین و میخواین که یک برنامه نویس بشین، بهتره که صبر زیادی داشته باشین و علاقه به یادگیری، چون این دو تا اصل چیزایی هستن که اگر نداشته باشین نمیتونین توی این دنیا قدم بردارین. این مطلب رو هم من ایجاد کردم که اصل پیش خودتون نگین وقت ندارم نمیرسم و هزارتا بهونه دیگه. من فقط ی پنج شنبه هارو وقت داشتم و الان به اینجا رسیدم پس شک نکنین اگه شما بجای یک روز در هفته، دو روز در هفته بتونین وقت بذارین دوبرابر من پیشرفت میکنین. پس اصلا امیدتون رو از دست ندین و فقط انجامش بدین. پایان?? امید مقدسی امید مقدسی Sat, 18 Jun 2022 15:47:07 +0430 https://virgool.io/MrJunior/starting-a-challenge-part-one-zd6qn7nwcwkh شروع چالش آقای مبتدیسلام?امروز ۲۱ آذر ۱۴۰۰ ساعت ۲۲:۱۷ و من، امید مقدسی تصمیم گرفتم که این چالش بزرگ رو شروع کنم.خب بریم که یکم بیشتر توضیح بدم راجبش.من کی هستم؟من، امید مقدسی متولد ۱۳۷۶ ساکن اصفهان با تحصیلات کارشناسی نرم افزار که در سال ۱۳۹۸ به خدمت مقدس سربازی اعزام شدم و در مهر ۱۴۰۰ ترخیص شدم. اما توی این مدت با تمام فشار ها تسلیم نشدم و هدفم رو ول نکردم و هرروز و هرشب به فردایی که قرار بود بسازم داشتم فکر میکردم و هرروز تمرین و تمرین و تمرین و…شاید باورتون نشه ولی تمام فکر و ذکرم شده بود کد زدن و هرروز با خودم مرور میکردم چون اصلا دلم نمیخواست که بعد از ترخیص شدن از خدمتم بیکار باشم و ول ول بچرخم و وقتم رو هدر بدم.تا اینکه ترخیص شدم و حس پرنده ای رو داشتم که بعد از ۲ سال از قفس آزاد شده و مجال پرواز پیدا کرده. کلی توی سایت های کاریابی گشتم و بلاخره ی جا رو پیدا کردم و سریع هم مشغول به کار شدم(خداروشکر) و اون موقع بود که داشتم طعم شیرین اون همه عذابی که به خودم میدادم توی دوران خدمت و همش خودمو مجبور به یادگیری میکردم رو حس میکردم. دوست دارین بونین چیا تمرین میکردم؟پس تا آخر همراه من باشین.البته همش مربوط به دوران خدمت نیستا، من از ۳ سال قبل از خدمت شروع کردم ولی در کل میگم که در جریان باشین که چه عذاب هایی کشیدم.بزن بریم?آموزش مقدمات اینترنتاول با این عنوان شروع کردم، اوایل دوران کاردانیم بود. حدود سال ۹۴ که تازه به حوزه وب علاقه مند شده بودم و داشتم راجبش اطلاعات جمع آوری میکردم. شروع کردم به اینکه یادبگیریم اصلا اینترنت چطوری کار میکنه؟ دامنه چیه؟ هاست چیه؟ سرور چیه؟ پروتکل چیه؟ و اینجور چیزا. که سعی میکنم بعدا توی همین سایت بیشتر راجبشون صحبت کنه.آموزش HTMLآموزش HTMLبعد از اینکه ی سری اطلاعات پایه راجب اینترنت گرفتم، فهمیدم که صفحات وب از یک زبانی به نام html استفاده میکنن برای نمایش محتواشون. اونجا بود که بسم الله رو گفتم و شروع کردم. ی سرچ ساده توی گوگل زدم با عنوان آموزش HTML که ی سری مطالب آورد که کم کم ی چیزایی دستگیرم شد و یادگرفتم ی چیزایی. حدود یک ماهی داشتم فقط HTML یاد میگرفتم که دیدم قطعا ی جای کار میلنگه و اونم این بود که html خام خیلی زشته و پیش خودم گفتم حتما ی چیزی براش هست که اونم با ی سرچ ساده به کلمه ای خوردم به اسم CSS.آموزش CSSبعد از اینکه html رو تا جایی یاد گرفته بودم که گلیم خودمو از آب بکشم بیرون، رفتم سراغ css. اونم عین html، ی سرچ زدم آموزش css دیدم به به، دولوپر های همیشه در صحنه آموزش گذاشتن هلو. خلاصه نگم براتون از ذوقی که داشتم وقتی اولین استایل هام رو روی تگ های html اعمال میکردم (حس میکردم ناسا رو هک کردم ?). خلاصه بعد یکی دو ماه دیگه دستم اومده بود. دیگه خراکم شده بودا. بعدش پیش خودم گفتم چقد خوب میشد که روی فلان دکمه یا المان میزنم فلان اتفاق بیوفته و یکم حس میکردم کد هام روح ندارن اصن. این موضوعو با یکی از هم دانشگاهیام مطرح کردم که اون در پاسخ بهم یک کلمه گفت: جاوااسکریپت گفتم چی هس؟ گفت: سرچ کن.JS mimeآموزش جاوااسکریپتبعد از اینکه دوستم کلمه جاوااسکریپت رو انداخت توی مخم، زندگی رو از من گرفت? رفتم و سرچ پشت سرچ. لعنتی خیلی خوب بود. عاشقش شده بودم. مدام داشتم باشد کد میزدم و مثال های جدید باهاش حل میکردم. فوق العاده بود. خیلی ازش راضی بودم چون خیلی از نیاز هامو برطرف میکرد. دیگه دستم بازه باز بود و راحت میتونسم متد بنویسم تابع اجرا کنم و هر بلایی که دلم میخواست میتونستم سر کد های html و css بیارم. تا اومدم به این مرحله برسم که برم سراغ ی تکنولوژی دیگه قسمت شد که بریم خدمت.حالا فعلا تا همینجاشو داشته باشین تا توی ی قسمت دیگه بقیشم براتون تعریف میکنم. تا قسمت بعد ?? امید مقدسی امید مقدسی Sat, 18 Jun 2022 15:38:13 +0430