طراحی وب رادکام

اخبار، مطالب، رویدادهای خدمات و توسعه طراحی وب رادکام


 
مسیریابی چگونگی حرکت در صفحات وب سایت را تعیین می‌نماید، ابتدای مسیر صفحات را بسته به پروژه‌ی در حال انجام، می‌توان صفحه Index  و یا در طراحی بخش مدیریت سایت صفحه Dashboard  قرار داد. در زیر چند مثال از نحوه نمایش مسیر صفحات می‌آوریم:
  • نمایش لیست: به عنوان مثال می‌خواهیم لیست کتاب‌های وب سایت را نمایش دهیم مسیر صفحات را به شکل زیر می آوریم:

Domainname.com/books

  • نمایش جزئیات: به عنوان مثال می‌خواهیم جزئیات یک کتاب را نمایش دهیم:

Domainname.com/books/{id}

  • ساخت یا تغییر: به عنوان مثال در بخش مدیریت می‌خواهیم یک کتاب اضافه یا ویرایش نماییم:

Domainname.com/books/create

 Domainname.com/books/edit/{id}

 
مثال‌های بالا از نمونه‌های پر کاربرد در مسیریابی می‌باشند که در پروژه‌های بزرگ هم امتحان خود را پس داده اند.
 

چرا Routing  از در React  استفاده می‌کنیم ؟

ایده اصلیSPA  ( اپلیکیشن‌های تک صفحه ای) این است که شما می توانید فقط در یک صفحه و فقط با یک تماس به سرور ، بدون تغییر آدرس، یا حداقل بدون استفاده از یک صفحه جدید، یک برنامه کاربردی کامل داشته باشید. در این میان شما باید یک Component جادویی داشته باشید که تصمیم بگیرد. کدام یک از بی نهایت Component شما اجرا شود.

این Component  جادویی Router  نام دارد.

React Routing

 

به عنوان مثال وقتی در صفحه لیست کتاب‌ها هستید، برای دیدن جزئیات یک کتاب لازم نیست کل صفحه دوباره بارگزاری شود،تنها کافیست Component مربوط به جزئیات کتاب با Component لیست کتاب جایگزین شود، Router  این کار را برای شما انجام می‌دهد.

Router  چه ویژگی‌هایی دارد:

  • تغییر یک Component  به جای بارگزاری مجدد صفحه
  • جابه جایی بین صفحات
  • مرتب سازی URL  
  • ذخیره State  صفحه قبلی جهت بازگشت به آن صفحه

چگونه از Router  در React  استفاده کنیم؟

همانطور که می‌دانید مسیریابی یکی از مهمترین بخشهای توسعه پروژه است. پیمایش در سایت هویت سایت را نمایش می‌دهد، به همین دلیل مسیریابی باید طبیعی، شهودی و مطابق با بیزینس مدل باشد.
برای استفاده از Router  در React  چندین راه وجود دارد در صورتی که از نسخه‌های ابتدایی React  استفاده می‌کنید، تقریبا تنها یک راه دارید، آن هم استفاده از Router  موجود در کتابخانه React  می‌باشد. اما در صورتی که از نسخه های جدیدتر استفاده می‌نمایید، می‌توانید از کتابخانه‌های دیگر استفاده نمایید، همچنین در صورتی که پروژه شما شکل خاصی از مسیریابی را دارد، میتوانید یک Router  توسعه دهید.
در وب سایت React  لیستی از کتابخانه‌هایی که از آنها می‌توان استفاده نمود با توضیحی کوچک آمده است.
اما در بیشتر آموزش‌های آنلاین و مقالات به استفاده از کتابخانه React Router  توصیه شده است.
چرا توصیه می‌شود از React Router  استفاده شود:
  • قدیمی بودن و رسیدن به نسخه Stable ( در حال حاضر نسخه 5.1.2)
  • به روز رسانی جدید همراه با بروز رسانی‌های React
  • داشتن بیشترین star  در Github
  • داشتن Document  خوب و جامع
  • وجود آموزشها و مقالات زیاد
  • هماهنگی با کتابخانه Redux
در میان کتابخانههای Routing  جدید نیز کتاب خانه Reach Router بسیار قابل توجه قرار گرفته است.
لیست پیشنهادی React: 

https://reactjs.org/community/routing.html

سایت React Router: 

https://reacttraining.com/react-router/web/guides/quick-start

 

 



برای انجام برخی از کارها مانند ادغام دیتای حاصل از axios request با یک redux action creator در پروژه های react اختلالاتی وجود دارد. به زبان ساده تر گاها در درخواست های دریافت دیتا می بایست منتظر پاسخ و دریافت اطلاعات باشیم و این امر مدت زمانی به طول می انجامد. این دریافت اطلاعات و اجرای کد نامتقارن (asynchronous)منجر می گردد تا نیاز به یک middleware (میان افزار) داشته باشیم. در واقع این میان افزار ها به ما اجازه می دهد تا یک تابع میانجی ایجاد کنیم که پروسه دریافت اطلاعات و اجرای کد ما را کنترل نماید.



یکی از مواردی که ممکن است در کار با Visual Studio Code لازمتان بشود این است که برخی شاخه های جانبی در کنار نرم افزار شما وجود دارند و شما نخواهید که آنها را در حین کار کردن ببینید و در نتیجه ی جستجوی شما بیایند.

برنامه نویسی



در این مقاله یک استاندارد کوچک برای نوشتن توضیحات git ارائه می شود. طبیعتاً این استاندارد جهانی نیست و برداشت نویسنده مقاله می باشد.

یکی از مسایل مهم هنگامی که از git استفاده می نماید این است که در داخل تیم یک استاندارد کلی وجود داشته باشد که وقتی سایرین به تاریخچه ی تغییرات نگاه می کنند بتوانند تغییرات را ردگیری کنند و متوجه اتفاقات کلی پروژه بشوند.

در همین راستا یک استاندارد کلی برای توضیحات commit در git ارائه می شود. صد البته که هر تیمی استاندارد های خودش را دارد و موارد ارائه شده در ایم مقاله وحی مُنزَل نیست.


استانداردها | برنامه نویسی



در این مقاله مختصری در مورد NewsML و NewsML-G2 صحبت خواهیم کرد.

این مطلب ترجمه ی مطلبی با همین موضوع از سایتIPTC می باشد. 


برنامه نویسی



یکی از مسایل مهمی که قبل از اینکه اپلیکیشن خود را Deploy کنید باید به آنها حتما فکر کنید، این است که حداقل ورژن اندرویدی که پشتیبانی خواهید کرد، کدام نسخه و ورژن است.

یکی از مسایلی که ارتباط بسیار مستقیمی با این مساله دارد، فراوانی نسخه هایی است که در حال حاضر در اختیار کاربران موبایل می باشد.




الگوهای طراحی گاهی جذاب و گاهی دست و پاگیر هستند. در بسیاری از موارد، طراحان خیلی علاقه ای به استفاده از الگوها ندارند، زیرا اغلب محدود کننده هستند. در بسیاری از موارد هم فقط از آنها استفاده می کنند، بدون آنکه علت دقیق و درست آن را بدانند. شاید به این خاطر باشد که یافتن راه حل های جدید در بسیاری از موارد وقت گیر است مضاف بر اینکه نمی دانیم ممکن است چه تأثیری روی مخاطب داشته باشد و طبیعتا انجام بررسی ها و تست های جدید، وقت گیر و پرهزینه است.

UX Accordion Panel Design



Blazor امکان ایجاد رابط کاربری (UI) صفحات وب توسط کد #C بجای JavaScript را فراهم می کند. 

برنامه نویسی

فریم ورک Blazor، مقاله WebAssembly ،Blazor



زمانی که اقدام به طراحی سایت  در مقیاس کوچک و در واقع به صورت فریلنسر می نمایید سرعت به نسبت سایر ویژگی ها از اهمیت چندانی برخوردار نیست . چرا که شما صفی از کارها ندارید و مسلما پس از اتمام یک پروژه که خودتان با فراغ بال برای آن زمانبندی کرده اید پروژه بعدی را آغاز خواهید نمودید اما زمانی که انجام پروژه های نرم افزاری را به شکل تجاری انجام می دهید همواره صفی از کارها در انتظار شما بوده و شما پیش از پایان یک کار task کار بعدی را دریافت خواهید کرد این امر باعث می شود که زمانبندی فشرده تری داشته باشید و شاید حداکثر زمانی که بتوانید برای طراحی سایت صرف کنید سه روز کاری با همه وقفه های میانی باشد.

در شرایطی که مطرح شد استفاده از ابزارهایی که موجب افزایش سرعت عملکرد شود از اهمیت زیادی برخوردار است. ابزار ها می تواند از IDE مناسب تا کنترلر ها گسترده باشد.در زمینه انجام پروژه های وب با ورود Grunt انقلابی ایجاد شد، به طوری که شما می توانستید کارهایی را به سیستم بسپارید تا به صورت خودکار آن ها را به بهترین و مطمئن ترین شکل انجام دهد.تا کنون پلاگین های زیادی توسط افراد مختلف برای Grunt نوشته شده است و همینطور نیز ادامه دارد.



برنامه نویسی

Gulp,Grunt,npm,NodeJS



طراحی انسان محور، برای توصیف یک نوع فرایند طراحی سیستم ها، که مبتنی بر رفتار انسان ها می باشد، استفاده می شود. در این دیدگاه، در تمام مراحل فرایند حل مسأله، راه حل هایی مطرح می شود، که در آنها دیدگاه انسانی در نظر گرفته شده باشد و سیستم با توجه به همین دیدگاه توسعه پیدا خواهد کرد.

مقالات طراحی سایت | عمومی

صفحه ۱ از ۳ ۲ ۳