۱. چه اصولی برای ساخت وب سایت با به کارگیری از اصول پیاده سازی گرافیکی می بایست رعایت خواهد شد؟
در پیاده سازی سایت با به کار گیری از اصول پیاده سازی گرافیکی، می بایست اصول پیاده سازی معمولی و مینیمال، استعمال از رنگ های مطلوب، به کار گیری از فونت مطلوب، به کارگیری از عکس ها و تصاویر کیفیت خوب، و پیاده سازی Responsive را رعایت کرد.

۲. چرا پیاده سازی معمولی در تارنما ها اصلی میباشد؟
پیاده سازی بی آلایش در تارنما ها به مخاطبین یاری می نماید تا با سرعت بیشتری به داده ها دسترسی پیدا نمایند و سبب ساخت شم ادب در آنها میگردد. طراحی سایت همینطور، پیاده سازی معمولی به محتوای وب سایت دقت بیشتری جلب می نماید.

۳. چرا استعمال از رنگ های مطلوب در طراحی سایت اصلی میباشد؟
رنگ های مطلوب به مخاطبین یاری می نمایند تا به راحتی از سایت استعمال نمایند و به احساسات و انگیزش آن ها تأثیر بگذارند.

4. چرا به کار گیری از پیاده سازی Responsive در وب سایت اساسی میباشد؟
پیاده سازی Responsive به مخاطبین یاری می نماید تا به راحتی از سایت در دستگاه های متفاوت به کار گیری نمایند و تجربیات کاربری بهتری را تجربیات نمایند.

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

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

پرهیز از درج لحاظ از سوی اسپم‌های مخرب: طراحی سایت به کار گیری از کپچا موجب ارتقاء تعداد نظرها حقیقی و واقعی یوزرها حقیقی وواقعی گردیده و در فیض تارنما شما به طور ارگانیک ارتقاء پیدا خواهد کرد
خودداری از کلیک هیبت‌های جعلی: این فرمان در مواقعی اثر گذار میباشد که یک سری ربات، هیبت‌های آنلاین را ربوده و جزئیات جعلی یا این که اسپم را در آن ها درج و ارائه می‌دهند. درین حالت به کارگیری از کپچا بسیار موثر میباشد و این خلل را برطرف خواهد کرد.
تلاش CAPTCHA بر پایه ی امتحان تورینگ (Turing): این آزمایش مبنی بر تشخیص فهم، منطق و توان پاسخگویی مخاطب کار کشته به تشخیص ربات‌ها از آدم‌ها میباشد. معمولا آدم‌ها در آزمایش‌های CAPTCHA درصد قبولی بالاتری دارا هستند، البته با پرورش استراتژی‌های مقاومت ربات‌ها، بعضی وقتها آزمایش‌های کپچا به وسیله ربات‌ها نیز ایفا میگردند. با این حالا، صنعت نرم‌افزار در درحال حاضر عملکرد برای رفع همین خلل میباشد.

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

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

مزاياي ديجيتال مارکتينگ
گروهي از مشتريان بالقوه که به طور آن‌لاين يافت مي‌شوند، بسيار بيشتر از افرادي می‌باشند که احتمالاً کار کشته به جذب محلي هستيد. با به کارگیری از بازاريابي ديجيتال، مي‌توانيد مخاطبان زيادي را به نحوي که مقرون به صرفه و قابل اندازه‌گيري باشد، جلب کنيد. طراحی سایت ساير مزاياي بازاريابي آنلاين عبارتند از: توانايي تعامل با مشتريان احتمالي و يادگيري دقيق آن‌چه که آن ها به‌دنبال آن میباشند
توانايي دستيابي به بازار جهاني
مي‌توانيد در هزينهي خویش صرفه‌جويي کرده و با پول معدود‌تري نسبت به طرز‌هاي بازاريابي سنتي، به مشتريان بيشتري دسترسي پيدا کنيد
مخاطبان خویش را مي‌شناسيد و به آن ها اذن مي‌دهيد شخصا شمارا بشناسند که مي‌تواند به ايجاد وفاداري به مارک یاری دهد.
مي‌توانيد فورا جواب عملکرد‌هاي بازاريابي خویش را پيگيري کنيد.
آيا ديجيتال مارکتينگ را به تعويق مي‌اندازيد؟
چرا ترجيح مي‌دهيد فرصت و کارایی براي بازاريابي ديجيتال را به تعويق بيندازيد؟ صاحبان مشاغل خرد متفاوت ممکن میباشد دلايل متفاوتي براي اجتناب از اين نوع بازاريابي ارائه دهند، البته در نهايت، به تعويق پرتاب کردن شغل هم‌چنان طفره میباشد. مشاغل خرد گاهي اعتقاددارند که فرصت و پول مورد نیاز براي رقابت آن‌لاين را ندارند. آنان تفکر مي‌نمایند تنها مي‌توانند به صورت به طور همزمان با بسياري از بحران‌ها روبه‌رو شوند و به‌طور کلي هنوز در حالا يادگيري نکات و مزاياي کسب و کار می‌باشند. بسياري از آنها ممکن میباشد ترجيح دهند کارها را به آرامي پيش ببرند و به يک يا دو صورت اصلي تبليغات پايبند باشند، با اين فرض که عمل و استخراج آنان با سپری شد فرصت پيشرفت خواهد کرد.

حتي ممکن میباشد تامل نمایند بهترين استراتژي اين میباشد که چشم به راه بمانند تا مشتريان ظواهر شوند. از‌آنجا‌که يک کسب و کار خرد می‌باشند، ممکن میباشد تفکر نمایند که صرفا به تعداد کمي مشتري نياز دارا‌هستند. اين روشي مفید نيست. هیچ وقت تضميني نیست که شغل و استحصال شما تنها اکنون مشتري جذب نماید و حتي در شرایطی که اينطور باشد، ممکن میباشد به اندازه‌ي نياز، براي سودآوري خویش مشتري جذب نکنيد.

خصوصیت‌های اساسی هاست به همین شکل بودند. البته برای کامل شدن دعوا، فهرست‌وار به چندین خصوصیت تکمیلی هم اشاره میکنیم:

از دیتاسنترهای پر اسم و رسم باشد: دیتاسنترهای پر اسم و رسم نسبت به مفاد شبیه نو احداث، چگونگی کانال و hardware بالاتری دارا هستند. هنگام خرید هاست درباره ی اسم دیتاسنتر از کمپانی ارائه‌دهنده پرسش نمائید و آنگاه در خصوص چگونگی آن پرس و جو نمائید.
حمایت 24 ساعته داشته باشد: در‌صورتی‌که تمامی خصوصیت‌های هاستتان خوب باشد اما هواخواهی با مسئولیت و پاسخگویی نداشته باشد حسابی توی ذوقتان می خورد. زیرا برای رفع برخی ایرادات خویش قطعا در حین استعمال به یاری حامی نیاز پیدا میکنید. پس پیش از خرید درباره ی ساعت پاسخگوی، تفصیل و حدود وظایف هواخواهی پرسش فرمایید.
امنیت بالایی داشته باشد: سرور میتواند در خطر حمله هکرها و یا این که بقیه مسائل امنیتی باشد.طراحی سایت مطلقا پیش از خرید در امر تمهیدات امنیتی هاست پرسش فرمائید. امنیت سرور می بایست هم از جهت فیزیکی در ساختمان دیتاسنتر امان گردیده باشد، و هم به نظر قابل انعطاف افزاری از شایسته ترین فایروال، در اختیار گرفتن 24 ساعته سرورها به وسیله کارشناسان امنیت اینترنت، حفظ از حمله‌های DOS و DDOS و...بقیه تمهیدات فایده‌مند باشد.
مقایسه هاست ویندوز و هاست لینوکس
در بنا شده در این مقایسه قرار وجود ندارد بگوییم دربین لینوکس و ویندوز کدام بهتر میباشد و کدام به درد نمی خورد! هر مورد از این سیستم ادله‌ها حالت و تجهیزات خاصی دارا‌هستند و گزینش شما بایستی براساس نوع سایتتان باشد. برای اگاهی از قوانینی که گفتم، بگذارید از جنبه‌های مختلف مقایسه‌ای میان لینوکس و ویندوز داشته باشیم.

از دید گویش اپلیکیشن نویسی: هاست ویندوز بوسیله کمپانی مایکروسافت ارائه گردیده‌است. و تنها از لهجه‌های نرم افزار‌نویسی ASP و NET حفاظت می‌نماید (که خب صاحب و مالک امتیاز این دو لهجه خویش کمپانی مایکروسافت میباشد!) البته داده های عددی نماد می دهد که اکثر تارنما‌های دنیا با لهجه PHP اپلیکیشن نویسی شدند. یک امتیاز مثبت برای هاست لینوکس! زیرا لینوکس به طور کامل سازگار با لهجه PHP میباشد.
از لحاظ سیستم‌های رئیس محتوا: اکثر سیستم‌های مدیر محتوا مثل وردپرس، جوملا، دروپال، دیتالایف و مغازه ساز دوستداشتنی پرستاشاپ بر اساس PHP نوشته شدند. و صرفا هاست لینوکس میتواند از این اپلیکیشن‌ها پناه نماید.
از دید در دست گرفتن پنل: به عبارتی‌طور که اشاره کردیم در دست گرفتن پنل Cpanel فعلا از شایسته ترین رابط‌های گرافیکی میباشد (که اتفاقا در صورتی‌که جدید‌فعالیت میباشید یادگرفتن‌های فراوانی در وب برای شغل با این پنل وجود داراست.) در هاست لینوکس میتوانید از در دست گرفتن پنل‌های Cpanel ، Direct admin ، Kloxo و Zpanel استعمال فرمائید. و درهاست ویندوز از Plesk و Website panel.

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

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

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

شاید بهتر باشه حالا اعتراف کنم که وقتی با فریم ورک های css آشنا شدم نفرت زیادی بهشون داشتم.چون فکر میکردم استفاده از فریم ورک ها برای تنبل ها درست شده تا بتونن از شر چالش های css راحت شن. ولی الان که چند سالی گذشته و تجربه زیادی با کارکردن با فریم ورک های مختلف به دست آوردم . تازه متوجه شدم چطور فریم ورک ها من رو از شر کد های سرسام آور css راحت کردن.

Node.JS یک کادر ورک نرم افزار نویسی میباشد که بوسیله رایان دال در سال 2009 و با لهجه جاوا اسکریپت ساخته شد که در گسترش اینترنت و طراحی سایت یک جهشی کوانتومی تشکیل داد، به خصوص بعد از توسعه و گسترش موتور سریع V8 بوسیله گوگل که رایان دال پلتفرم Node.js را بر روی آن تشکیل داد و به جاوا اسکریپت بعدها دیگری بخشید.

جایی که خواهیم توانست مستقیماً از جاوا اسکریپت سوا مرورگرها و فارغ سرورها به کار گیری کنیم، Node.js برای اپلیکیشن‌نویسی اپ‌های کاربردی اینترنت تعاملی، به‌ویژه اپلیکیشن‌های تک ورقه‌ای یا این که Single Page Application به کارگیری می‌گردد طراحی سایت که در طراحی وب سایت و نرم‌افزار های زیر اینترنت، تجربیات کاربری نیکی را رقم میزند.

خصوصیت های Node.JS
Node.JS از خصوصیت async در اپ نوبسی نگهبانی می نماید.
در اجرای کد بسیار سریع میباشد چون مبتنی بر موتور جاوا اسکریپت V8 میباشد.
مقیاس پذیری متعددی داراست.
متن گشوده و مجانی میباشد
هر مجال که یک کلاینت چیزی را از سمت کلاینت نرم افزار درخواست نماید، چه اتفاقی می‌ افتد؟

آغاز درخواست به سرور ارسال میگردد و آنگاه در آن سرور، پردازش یا این که محاسباتی برای اعتبارسنجی درخواست سمت کلاینت جاری ساختن می‌گردد و بعد از اعمال تک تک این اعتبارسنجی، جواب به سمت مشتری ارسال می‌شود. اصولاً برای اعمال آحاد این محاسبات و پردازش ها، از این قاب ورک NodeJs جاوا اسکریپت به کار گیری می گردد.

چرا از Node.JS استعمال می‌کنیم؟
بر روی موتور V8 گوگل کروم تاسیس شده است و به همین ادله مجال اجرای آن بسیار سریع میباشد و بسیار سریع جاری ساختن می گردد.
از آنجایی که NodeJ ها برای بازگرداندن اطلاعات نیازی به طاقت کردن برای API ندارند و به طور غیر وابسته میباشند، براین اساس برای تشکیل داد نرم‌افزار های اینترنت با وسعت حقیقی وواقعی و داده های فشرده، بسیار اثر گذار میباشد.
مجال بار گذاری یک صدا یا این که ویدئو بوسیله NodeJs کاهش می‌یابد چون برای داشتن مبنا کد یکسان، کد در میان کلاینت و سرور همگام سازی بهتری وجود داراست.
از آنجایی که NodeJs منبع گشوده میباشد و چیزی جز یک چارچوب جاوا اسکریپت وجود ندارد، به این ترتیب برای پیشرفت دهندگانی که پیش از اینً به جاوا اسکریپت عادت کرده اند، استارت توسعه و گسترش پروژه های خویش با NodeJs برای آنان بسیار سهل و آسان میباشد.

با اینکه ممکن میباشد برخی‌ها به شما بگویند برای یادگیری طراحی وب سایت دیر میباشد، اداره داده های عددی آمریکا تقریب زده تا سال 2030 این عمل حدود 13 درصد پرورش داشته باشد! ولی این داده های عددی مرتبط با یک میهن بسط‌یافته میباشد و به طبعً در کشور ایران که هنوز بخش اعظمی از این مرزوبوم‌ عقب‌خیس میباشد، داده های عددی پرورش بیشتر خواهد بود. با دقت بدین قضیه، در‌این نوشته‌ی‌علمی به شما توضیح می ‌دهم که چطور طراح وب سایت شویم؟ اعتنا نمائید، این نوشته ی علمی را اینجانب با حدود 4 الی 5 سال تجارب طراحی وب سایت می‌نویسم. براین اساس همگی نکاتی که در آن می خوانید از کالا تجربیات میباشد.

چه‌گونه طراح وبسایت شویم؟
ملاحظه کنید، تبدیل شدن به یک طراح تارنما می تواند در سطح ها گوناگون صورت پذیرد. برای مثالً یک نفر دوست داراست طراح سایتی گردد که به نرم افزار‌نویسی مسلط میباشد و نفر دیگر می خواهد طراحی سایت طراحی وب با وردپرس را خاطر بگیرد. بدین ترتیب آغاز بایستی تفاوت‌ این چیزها را حافظه بگیرید.

تصمیم‌تان را بگیرید
خب نخستین از تمامی می بایست تعیین نمایید که دقیقاً مقصود‌تان از تبدیل شدن به یک طراح تارنما چیست؟ به عنوان مثالً الان شما می توانید در معدود‌خیس از 2 ماه به امداد سیستم رئیس محتوای وردپرس (پیرو با آن آشنا میشوید.) به یک ساخت سایت تبدیل گردید. در عین حالا می توانید حدود 2 الی 3 موازی مجال بیشتری نهاده و با یادگیری اپ‌نویسی به یک کارشناس اپ نویسی اینترنت تبدیل گردید! ولی تفاوت در چیست؟ تفاوت در‌این میباشد که در صورتیکه نرم‌افزار نویسی بلد باشید، میتوانید شغل های بسیار تخصصی‌تری ایفا داده و درآمد بیشتری داشته باشید. به عنوان مثال در شرایطی که کارفرمایی بخواهد یک قابلیت و امکان متعدد به سایتش بیفزاید، می توانید با چندین موازی دستمزدی که یک طراح برای طراحی سایت وردپرسی میگیرد، این امکان را برایش اپلیکیشن نویسی نمایید.

ولی کدام‌یک کدام از تعیین بهتری میباشد؟ حیث اینجانب این میباشد که آغاز به سراغ یادگیری وردپرس بروید و هنگامی که توانستید در حین کوتاهی طریق طراحی وب سایت با این سیستم را فرا بگیرید، در عین درآمدزایی به گذر زمان مهارت‌های‌تان در دنیای نرم افزار‌نویسی را هم ارتقاء بدهید. براین اساس هم، فرصت یه خرده صرف کرده‌اید، هم در مسیر به درآمدزایی رسیده و هم می توانید با خاطر شل مهارت‌های مورد نیاز برای حرفه ای‌خیس شدن و ارتقا درآمد را بیاموزید. پس اینجانب هم به دنبال دقیقاً این مسیر را به شما یادگرفتن میدهم.

فضای سپید در طراحی وب تحت عنوان یکی‌از مهمترین موادسازنده طراحی وب شناخته می‌گردد که اکثر وقت ها آیتم بی توجهی قرار میگیرد. ولی خواسته از فضای سپید در ساخت وب سایت چیست و به چه مفهومی اشاره دارااست؟ فضای سپید در ساخت وب سایت به خلأ و به کار گیری نشده فی مابین ارکان متعدد تارنما اشاره داراست که نقش حائز اهمیتی را در بهبود تجربیات یوزرها اجرا می‌نماید. طراحان اینترنت در طی ساخت وب سایت بدین عنصر اساسی اعتنا ویژه‌ای دارا هستند البته صاحبان تارنما اکثر اوقات آن را فضای هدر رفته تصور کرده و گرایش دارا‌هستند از حداکثر گنجایش صفحه های سایت خویش به کارگیری نمایند.

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

فضای سپید در طراحی وب چیست؟
فضای سپید (Whitespace) یا این که فضای منفی (Negative Space) در طراحی وب سایت به هرگونه خلأ و استعمال نشده فی مابین ارکان متعدد وب سایت به عنوان مثال متن، تصاویر، کناره‌ صفحه ها، هدر و فوتر اشاره دارااست که بکارگیری درست آن موجب بهبود تجارب یوزرها گردد. در طول پیاده سازی صفحه های سایت الزاما نباید از همه گنجایش یک شیت به کار گیری کرده و هیچگونه خلأ در آن باقی نگذارید. به کار گیری از فضای سپید در طراحی وب سایت به شما قابلیت میدهد تا در بین عنصرها متعدد یک ورقه تعادل تولید کرده و آن‌ها‌را از یکدیگر متمایز سازید.

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

چند وقت پیش، داشتم روی یه اپ که با React.JS نوشته شده بود کار می‌کردم و برای تست یک ویژگی، احتیاج داشتم که اپ رو (که روی لوکال هاست بود) روی موبایل امتحان کنم و ببینم که آیا همه چیز درست کار میکنه یا نه؟!

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

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

استفاده از این راه حل خیلی ساده‌ست و از یه ویژگی در مرورگر کروم به اسم port forwarding استفاده می‌کنیم.

توی این روش، راه حل قدم به قدم تست اپ React روی موبایل به این شکله:

۱. اول باید Developer Options رو توی موبایل اندرویدی‌تون فعال کنین.

معمولا این کار به این شکله که باید وارد بخش About Phone بشید و از اونجا، Build Number رو پیدا کنین و چند باری روش کلیک کنین تا Developer Options فعال بشه.

دسترسی به لوکال هاست روی اندروید

البته ممکنه توی گوشی های مختلف،‌ فعال کردن این ویژگی یه مقدار متفاوت باشه. مثلا برای موبایل من (برند شیائومی) باید روی MIUI Version کلیک میشد.

در هر صورت، راحت ترین راه اینه که مدل گوشی‌تون رو با عبارت Developer Options گوگل کنید تا خیلی سریع به جواب برسین.

۲. بعد از اینکه Developer Options فعال شد، باید داخلش دنبال USB Debugging بگردین و فعالش کنین.

به طور خیلی خلاصه (و البته غیر دقیق!)، USB Debugging امکان رد و بدل کردن دیتا و ایجاد تغییرات مهم توی موبایل از طریق کامپیوتر رو در اختیارمون میذاره.

درموردش اینجا بیشتر می‌تونید بخونید.

دسترسی به لوکال هاست روی اندروید

۳. بعد از انجام دادن قدم های ۱ و ۲، وقتشه که توی کامپیوترتون، مرورگر کروم رو باز کنین و وارد این آدرس بشین: chrome://inspect#devices

۴. وقتی که اون آدرس رو باز کردین،‌ با یه صفحه نسبتا عجیب روبرو میشین که بهتون امکان Port Forwarding رو میده. خود کروم این ویژگی رو به این شکل تعریف می‌کنه:

Port forwarding works by creating a listening TCP port on your Android device that maps to a TCP port on your development machine. Traffic between the ports travel through the USB connection between your Android device and development machine, so the connection doesn’t depend on your network configuration.

ترجمه این متن به شکل کاملا درست و دقیق کار سختیه اما به طور خلاصه، منظورشون اینه که یه پورت TCP روی اندروید باز میشه که به یک پورت TCP دیگه روی کامپیوتر وصل میشه و دیتایی که روی لوکال هاست وجود دارد از طریق این دوتا پورت (و البته کابل USB) بین دستگاه ها منتقل میشه.

دسترسی به لوکال هاست روی اندروید

۵. توی این صفحه،‌ روی دکمه …Port forwarding کلیک کنین و آدرس IP و پورتی که وب اپ شما از طریق اون قابل دسترسیه رو وارد کنین.

مثلا اگه اپ روی localhost:3000 باز میشه، توی فیلد IP address and port، دقیقا همین آدرس رو تایپ کنین (localhost:3000) و توی فیلد مربوط به Port، عدد ۳۰۰۰ باید تایپ بشه.