تا %60 تخفیف خرید برای 4 نفر با صدور مدرک فقط تا
00 00 00

جزیره سئو ، طراحی و توسعه وب | مقاله | توسینسو

نحوه اسکرین شات گرفتن در کامپیوتر  : اول صفحه مورد نظر که می خواهید از ان عکس بگیرید را اماده کنید. گزینه Print screen SRq را از کیبورد خود بزنید.  وارد برنامه Paint شوید کلید کنترل و حرف V رو بگیرید. ( Ctrl + V ) همانطور که می بیند صفحه مورد نظر در اینجا کپی میشود.من در تصویر زیر از عکس و...

اموزش پاور پینت به صورت تصویری : شاید تا حالا پیش اومده باشه در پاور پینت تعداد زیادی اسلاید داشته باشید و نتونید اونها رو کنترل کنید. خب گزینه Section برای کنترل اسلاید ها استفاده می کنیم . خب در تصویر زیر بیش از 30 اسلاید داریم. گزینه سکشن را در تصویر زیر در محیط پاور پینت 2016 مشاهده می کنید. ب...

معرفی بازی کلنیست The Colonists قسمت اول : خب شاید شما هم تا به حال بازی های زیادی رو تجربه کرده باشید اما این بازی زیبا و جدید در گروه بازی های مدیریتی قرار داره. داستان از این ماجراست که شما در یک مکان فرود میاین و باید ماموریت های بازی رو انجام بدید. هر مرحله ماموریتی جداگانه داره . شما زمان ورود...

تنظیم صفحه در بازی the colonits و بازی های مشابه : خیلی ها به دلیل اندازه نبودن صفحه فکر می کنند بازی خراب هست و حتی نمی تونن مرحله اول بازی رو اجرا کنن. خب در این مقاله به صورت تصویری به شما میگیم که چطوری اندازه صفحه رو تنظیم کنید. 1-بر روی گزینه اپشن می زنید. 2-بر روی تنظیمات اسکرین یا همان صفحه...

در ادامه مجموعه مقالات بررسی نمونه های واقعی اثربخشی SEO، در این قسمت هم به یک نمونه دیگر از تلاشهایی که در این زمینه با موفقیت همراه شده است، اشاره می کنیم. بهینه سازی یک وب سایت با ترافیک بالا شاید در نگاه اول تصور شود که یک وب سایت با ترافیک بالا و محتوای با کیفیت دیگر احتیاجی به بهینه سازی بیشتر...

چگونه ترافیک وب سایت را افزایش بدهیم؟ همانگونه که در اولین قسمت از سلسله مقالات داستان های واقعی اثربخشی SEO به آن اشاره شد، روش آسمان خراش (یا همان Skyscraper) به عنوان یکی از موثرترین روش­های افزایش ترافیک و لینک سازی شناخته می ­شود. در این مقاله، مراحل و جزئیات این روش را بررسی می کنیم. ا...

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

با یاد گیری مفاهیم Webpack و چگونگی استفاده از آن، وقتش رسیده که در مورد Development Server صحبت کنیم. تا اینجا ما با هر بار تغییر فایل ها دستور npm run build برای ایجاد فایل های خروجی اجرا میکردیم که با پیچیده شدن پروژه و افزایش تعداد فایل ها و ماژول هایی که استفاده میکنیم، مدت زمان build به شدت اف...

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

در این بخش مورد نحوه مدیریت Cache در Webpack صحبت می کنیم. زمانی که درخواستی از سمت مرورگر به سمت سرور ارسال می شود، فایل های استاتیک مانند تصاویر، فایل های JavaScript و فایل های CSS یکبار دانلود شده و در Cache مرورگر ذخیره می شود تا برای دفعات بعد، درخواستی به سمت سرور ارسال نشود و سرعت بارگذاری صف...

یکی دیگر از قابلیت های بسیار جالب و کاربری Webpack کار با تصاویر هست. اینکه شما می توانید تصاویر مورد نظر رو داخل فایل های css استفاده کنید و این فایل ها بوسیله Webpack مدیریت شوند. اما همونطور که قابل حدس زدن هست، Webpack به صورت پیش فرض امکان شناسایی فایل های تصویر و مدیریت اون ها رو نداره و باید ...

یکی از مزیت های جالب و البته کاربردی Webpack، امکان استفاده و کار با CSS هست. در این بخش با نحوه نوشتن استایل ها CSS، پردازش اون ها توسط Webpack، قرار دادن استایل ها در صفحات html، پردازش فایل های SASS و در نهایت ایجاد فایل CSS نهایی جداگانه توسط Webpack توضیح میدیم. اما شاید این سوال براتون پیش بیا...

در ادامه مباحث مربوط به آموزش Webpack با نحوه Debug کردن فایل های JavaScript آشنا میشیم. همونطور که قبلاً دیدیم، زمان build کردن پروژه ها توسط Webpack، یکسری کد به صورت خودکار توسط Webpack به کدهای نوشته شده ما اضافه میشه. وقتی که عملیات build در حالت production انجام میشه، فایل js به صورت bundle شد...

یکی از مهمترین یا بهتره بگیم دو مورد از مهمترین ویژگی های Webpack که خیلی مورد استفاده قرار میگیرن Loader ها و Plugin ها هستن. به طور خلاصه میشه گفت Webpack بدون Loader ها و Plugin ها هیچ کاربردی نداره و این دو مورد نقش قلب Webpack رو بازی می کنن. در حقیقت Loader ها و Plugin ها این قدرت رو به Webpac...

تا اینجا متوجه شدیم که webpack بدون نیاز به فایل configuration کار میکنه که اصطلاحاً بهش Zero Config میگن. مثل اینکه فایل پیش فرض برای پردازش index.js هست یا پوشه ای که فایل های خروجی تولید میشن dist نام داره و فایل خروجی هم main.js هست. بوسیله فایل config میشه تمامی این موارد رو تغییر داد و البته ک...

تا این قسمت از آموزش Webpack، ما با مفاهیم اولیه Webpack و نحوه استفاده از اون آشنا شدیم. در ادامه با نحوه نوشتن کدهای Modular آشنا خواهیم شد. در قسمت های قبلی ما یک فایل با نام index.js ایجاد کردیم و یک خط کد ساده داخل آن نوشتیم. اما اگر کدهایی که می نویسیم زیاد باشه، باید این کدها رو توی چندین فای...

در قسمت قبلی آموزش Webpack با نحوه نصب و استفاده از Webpack آشنا شدیم و دیدیم که چجوری میشه بوسیله دستور Webpack فایل های Javascript رو پردازش و Minify کرد. در این قسمت با دستورات Build آشنا میشیم. دستوری که در قسمت قبلی می نوشتیم به صورت زیر بود: node_modules\.bin\webpack --mode=production اما میشه...

در طول یکسری مطب قصد داریم آموزش Webpack رو شروع کنیم. اما Webpack چیست؟ سوال اصلی که خیلی از دوستان در ابتدا از خودشون می پرسن و اینکه اصلاً چرا باید کار با Webpack رو یاد بگیریم؟ دنیای کامپیوتر و مخصوصاً دنیای برنامه نویسی دائم در حال به روز شدن هست و هر روز ابزارهای زیادی معرفی میشن. اگر کار شما ...

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

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

چگونه در ASP.NET Core یک فایل را در مرورگر باز کنیم؟ در ASP.NET Core برای اینکه نتیجه یک درخواست در قالب فایل به سمت مرورگر ارسال شود، از متد File استفاده می کنیم. این متد Overload های مختلفی دارد که هر کدام کاربرد خاص خود را دارد. در حالت عادی، فایل درخواستی ما توسط مرورگر دانلود می شود، اما می توا...

در چرخه ی توسعه ی نرم افزار ، ابزارهای توسعه نقش زیادی دارن. برای مثال اگر برنامه نویس سی شارپ باشین، قطعا Resharper یکی از اون ابزارهاست که سرعت کارتون رو بالا میبره .اگر توسعه دهنده ی وب هستین یا طراح وب ، یکی از ابزارهایی که خیلی خیلی براتون کارایی داره Chrome DevTools هست ، بلاشک. در این مطلب قص...

اگر بخواهیم با استفاده از زبان جاوا اپلیکیشن تحت وب بسازیم مطمئناً یکی از بهترین انتخابات spring و یا spring boot خواهد بود. در این مطلب می‌خواهیم spring boot را معرفی کنیم. Spring یک فریمورک محبوب برای تولید برنامه‌های تجاری و تحت وب است که با بزرگ شدن این فریمورک یک نسخه از این فریمورک ب...

Modernizer چیست؟ چگونه سازگاری وب سایت در مرورگرها را تست کنیم؟ یکی از نگرانی‌هایی که هنگام طراحی صفحات وب وجود دارد این است که قابلیت‌هایی که ما در صفحه خود طراحی کرده‌ایم را کاربر می‌تواند به راحتی ببیند و یا امکانات مورد نظر را ندارد. به عبارت دیگر صفحه‌ای را که طراحی کرد...

Blazor چیست؟ تیم Asp.net مجموعه ابزاری را به نام Blazor ساخته اند که یک فریمورک سمت کلاینت (client side) برای برنامه های دات نت است. تفاوت این فریمورک با فریمورک های سمت کلاینت دیگر مانند angular, react  این است که anuglar و react هنگامی که برای مرورگرف کامپایل می شوند به کد جاوا اسکریپت که قاب...

Promise چیست؟ آشنایی با پرومیس ، در صفحات وب امروزی کمتر صفحه‌ای را می‌توان پیدا کرد که از Ajax داخل آن استفاده نشده باشد. حال ajax چیست؟ به زبان ساده برای ارتباط صفحه با سرور به صورتی که صفحه رفرش نشود از متدی به نام Ajax استفاده می‌شود که در زبان جاوااسکریپت به روش‌های گوناگون ...

اگر کار شما طراحی و توسعه وب هست، حتماً با نام Angular آشنایی دارید، یک کتابخانه محبوب مبتنی بر JavaScript که توسط Google توسعه داده شده و برای ایجاد برنامه های SPA یا Single Page Application استفاده میشه. برای استفاده از Angular محیط های توسعه زیادی وجود داره که یکی از این محیط ها Visual Studio Cod...

در مطلب قبل گفتیم که کلاس ها در ES6 در زبان جاوااسکریپت معرفی شده اند. در این مطلب به صورت کامل نحوه استفاده از کلاس ها و امکانات آنها را توضیح می دهیم. تعریف کلاس برای تعریف کلاس از کلمه کلیدی class استفاده می شود و همیشه در داخل بدنه کلاس از متد constructor استفاده می شود. متد constructor هر وقت ک...

در ادامه مطلب قبلی به ادامه ویژگی‌های جدید Es6 می پردازیم. در این مطلب در مورد کلاس‌ها و آرایه ها و ویژگی‌های جدید آن‌ها در Es6 صحبت می کنیم. کلاس ها کلاس‌ها در Es6 معرفی شده اند. یک کلاس یک نوع تابع است با این تفاوت که به جای استفاده از کلمه کلیدی function از کلمه کلیدی cla...

جاوا اسکریپت به خاطر استفاده های زیادی که دارد امروزه یکی از محبوب‌ترین زبان‌های دنیا است. اکما اسکریپت نسخه استاندارد شده این زبان توسط Ecma international است. نسخه اول این استاندارد در سال 1997 ارائه شد و در سال 2015 نسخه 6 این استاندارد ارائه شده است و تا به امروز که این مطلب نوشته می&z...

احتمالا شما هم جدیدا با این موضوع برخورد کرده این که نتایج جستجوی تصاویر گوگل بیشتر با پسوند webp نمایش داده می شد. پسوندی که تا همین چند وقت پیش بسیار غریبه بود و البته همچنان هم کمی جدید به نظر می رسد . در واقع WebP را می توان نسل جدید تصاویر اینترنتی عنوان کرد که جایگزین تصاویر سنگین خواهند شد .w...

وقتی در حال وبگردی هستید و سایتی رو باز می کنید، ممکنه با افکت های جالبی روبرو بشید که المان های صفحه به ترتیب و به صورت های مختلف روی صفحه ظاهر می شن، افکت های مثل ظاهر شدن المان ها، چرخیدن المان و ... نمونه این افکت ها رو می تونید در صفحه اصلی سایت توسینسو هم مشاهده کنید. اگر کار شما طراحی وب هست ...

در این قسمت از مطالب مرتبط با مبحث Logging در ASP.NET Core با nlog آشنا خواهیم شد. nlog یک کتابخانه جانبی است که بوسیله Nuget به پروژه اضافه میشه. ابتدا در Package Manager Console دستور زیر رو اجرا می کنیم که nlog به پروژه اضافه بشه: Install-Package NLog.Web.AspNetCore بعد از اضافه شدن nlog به پروژه...

مبحث Logging یکی از موارد بسیار پر کاربرد و مهم برای توسعه دهندگان است. بوسیله فعال کردن قابلیت Logging شما می توانید از اتقاقات و خطاهایی که در داخل برنامه رخ می دهد اطلاع پیدا کرده و مشکلات رو با سرعت بیشتری رفع کنید. در این مطلب قصد داریم تا با نحوه فعال سازی قابلیت Logging در ASP.NET Core آشنا ش...

Web Service چیست؟ API چیست؟ تفاوت وب سرویس و ای پی آی دی چیست؟ فرقی نمی کنه که کار برنامه نویسی کنید یا به طریقی با دنیای وب سرو کار داشته باشید. حتماً این دو اصطلاح رو شنیدید: Web Service و Api. دو واژه ای که خیلی زیاد مورد استفاده قرار میگیرن و خلی وقت ها با هم اشتباه گرفته میشن. در این مقاله قصد ...

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

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

چگونه با دیتاتیبل جدول و لیست اطلاعات بسازیم؟ همانطور که می‌دانید jQuery مهم‌ترین کتابخانه جاوا اسکریپت است که تقریباً همه وب سایت‌های کنونی از آن استفاده می کنند. یکی از پلاگین های قدرتمند کتابخانه jQuery برای ساخت جدول ها و لیست ها DataTables است. این پلاگین به این شکل نیست که فقط ا...

چگونه در PHP تاریخ شمسی بسازیم؟ با چه کدی از تاریخ شمسی PHP استفاده کنیم؟ تاریخ شمسی در طراحی وب یکی از اصلی ترین فاکتورهای طراحی وب برای ایرانی ها است . برای ما ایرانی ها کار کردن با تاریخ خودمان خیلی راحت تر و بهتر از این است که با تاریخ غربی ها کار کنیم و اگر شما بخواهید یک وب سایت طراحی کنید بای...

یکی از معروفترین CMS هایی که امروزه استفاده می‌شود و درصد زیادی از سایت‌های اینترنتی از آن استفاده می‌کنند wordpress  است. برای کار با وردپرس منابع آنلاین زیادی وجود دارد که بسیار مفید و پرکاربرد هستند. کسانی که با وردپرس کار می‌کنند می‌توانند این منابع را bookmark کرده...

یک پروژه برای Web API و Web Application در نسخه های قبلی ASP.NET برای نوشتن Web API شما نیاز به تعریف یک پروژه جداگانه برای Web API داشتید. اما در ASP.NET Core شما یک پروژه ایجاد می کنید و می توانید هم API داخل آن بنویسید و هم کدهای مربوط به Application. برای مثال، فرض کنید داخل پروژه ایجاد شده یک C...

ASP.NET Core چیست؟ مایکروسافت مدتی هست که اقدام به انتشار نسخه جدید از ASP.NET مبتنی بر DotNet Core کرده که به همین خاطر به اون ASP.NET Core گفته میشه. ASP.NET Core از ابتدا باز نویسی شده تا امکانات بیشتری (علی الخصوص Cross Platform) بودن رو برای توسعه دهنده ها فراهم کنه. در این مطلب قصد داریم تا کم...

در ادامه مطالب مربوط به package manager ها به زبان PHP و package manager اون یعنی Composer می رسیم. Composer به شما اجازه می‌دهد که کتابخانه‌هایی را که برنامه شما به آن‌ها وابسته است را نصب و مدیریت کنید. در این مطلب نحوه استفاده و کار با Composer را توضیح می‌دهیم. نحوه کار با Co...

چگونه از سمنتیک یو آی ( Semantic UI ) استفاده کنیم؟ در مقاله قبلی در مورد ویژگی ها و امکانات Semantic UI صحبت کردیم و دیدیم که از نظر امکانات یک کتابخانه بسیار قدرتمند و کاربردی هست. اما برای استفاده از این کتابخانه باید ابتدا با استفاده از ابزاری به نام gulp عملیات build رو بر روی اون انجام بدیم و ...

به جای Bootstrap از چه چیزی استفاده کنیم؟ اگر شما کار طراحی وب انجام میدید، حتماً با Bootstrap آشنایی دارید، کتابخانه ای مبتنی بر CSS و Javascript که امکانات زیادی برای طراحی صفحات وب در اختیار شما قرار میده. اما آیا تا به حال به جایگزینی برای Bootstrap فکر کردید؟ جایگزینی که نه تنها امکانات Bootstr...

Rider چیست؟ یکی از تکنولوژی های برنامه نویسی وب که در کشور ما هم طرفدار زیادی دارد تکنولوژی دات نت یا به طور دقیق‌تر ASP.Net MVC می‌باشد که از چند سال پیش از طرف شرکت مایکروسافت عرضه شده است و بسیاری از آن استفاده می کنند. بعد از ASP.Net MVC اخیراً(چند سال پیش) مایکروسافت برای اینکه از محی...

چه چیزهایی در تنظیمات IntoDNS باید وارد کنیم؟ دوستانیکه سرورهای خودشون رو با سرویس intoDNS  تست میگیرن ، احتمالا مشکلاتی بهشون گزارش میشه در خصوص مقادییری که برای بحث TTL و رکورد SOA وجود داره . بصورت پیشفرض پیشنهاد میشه که برای Pass کردن تست های این وب سایت مقادیر زیر رو برای سرور DNS خودتون و...

TTFB یک مفهوم موثر در بحث سئو وب سایت ها محسوب می شود. اگر بخواهیم ترجمه آن را بگوییم به شکل مدت زمان خواندن اولین بایت یک وب سایت ترجمه می شود . اما هدف ما توضیح دادن ماهین TTFB است . بصورت خلاصه TTFB مجموع مدت زمانی است که از زمان ارسال درخواست یک کاربر به سمت سرور و دریافت اولین پاسخ به کاربر سپر...

آمشما با خواندن این مطلب قطعا می توانید یک محتوای متنی را به شکلی سئو کنید که در صفحات اول گوگل دیده شود . فرض کنید که به شما یک محتوای متنی را به عنوان یک کارشناس سئو داده اند که تغییراتی در آن انجام دهید که در موتورهای جستجو بهتر دیده شود . طبیعتا باید بدانید که مراحل انجام و نکات مهم سئوی محتوای ...

سلام. در مطلب قبلی در مورد قابلیت های جدیدی که در PHP نسخه 7 ارائه شده بود صحبت کردیم. این مطلب هم به ادامه مطلب قبلی در مورد این قابلیت ها می پردازد. در ادامه بخش هایی را که در PHP 7 ارائه شده است می پردازیم. قابلیت Closure::call() قابلیت Closure::call() برای bind کردن فراخوانی یک تابع به یک کلاس ی...