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

جزیره سئو ، طراحی و توسعه وب | آموزش | جدیدترین تغییرات | توسینسو

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

اکثر دوستان با این مسئله آشنایی دارند که بنده Unity برنامه نویس خوبی نیستم ، هر چند به برنامه نویسی خیلی علاقه مند هستم ، چند وقت پیش یکی از دوستان در خصوص انتخاب زبان برنامه نویسی وب از بنده سئوالاتی پرسید که بنده هم با جستجویی که انجام دادم این مطلب را نوشتم و در اختیار دوستان قرار می دهم ، امیدوا...

در ادامه مباحث آموزش 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 رو یاد بگیریم؟ دنیای کامپیوتر و مخصوصاً دنیای برنامه نویسی دائم در حال به روز شدن هست و هر روز ابزارهای زیادی معرفی میشن. اگر کار شما ...

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

یکی از مهمترین فاکتورهایی که باعث می شود صفحات وب ما با سرعت بهتری Load شوند ، مدیریت و پیکربندی درست و البته بهینه سازی وب سرور مربوط به آن وب سایت است. این مورد در خصوص وب سرور IIS شرکت مایکروسافت نیز صادق است. شما با استفاده از وب سرور IIS و از نسخه 7 به بالای این وب سرور می توانید تنظیماتی را ا...

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

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

شاید این سئوال از نظر خیلی از دوستانی که در حوزه شبکه و وب فعالیت می کنند خیلی ساده باشد اما مخاطبین این نکته کاربران عادی و تازه کاران حوزه وب هستند. همیشه زمانیکه صحبت از طراحی یک وب سایت می شود صحبت از دو واژه به میان می آید ، واژه Host یا هاست و واژه Domain یا دامین ، واژه Domain یا دامین در واق...

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

برای نوشتن کدهای اچ تی ام ال شما مجبور به استفاده از برنامه های پیچیده و سنگین نیستید هر چند که اگر از آنها استفاده کنید سهولت و آسانی در نوشتن به همراه دارد اما در همین اوایل کار که با پروژههای سنگینی طرف نیستیم می توانیم از خود نوت پد در ویندوز استفاده کنیم. اکثر برنامه های ویرایشگر متن این امکا...

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

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

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

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

تیم 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...

به نام خدا با عرض سلام خدمت همه ی دوستان عزیز بدون هیچ مقدمه ای بریم سر اصل مطلب ، در انتهای قسمت قبلی گفتیم که در قسمت سوم آموزش وب سوکت یه سیستم گفتگو (chat) مبتنی بر وب سوکت رو توسعه خواهیم داد. ابتدا قالب قسمت کاربر(client) رو با استفاده از html , css , js طراحی می کنیم که من یه قالب آماده...

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

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

به نام خدا با سلام خدمت همه ی دوستان عزیز اغلب هر زبان برنامه نویسی علاوه بر از افزونه هایی که به صورت پیش فرض در خودش داره ، یک سری افزونه های دیگری هم داره که میشه اون ها رو به دلخواه به برنامه اضافه کرد. در واقع افزونه هایی که به خاطر open source بودن زبان برنامه نویسی ، توسط اشخاص دیگری نوشت...

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

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

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

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

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

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

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

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

احتمالا تا حالا گفتاورد یا نقل قول را شنیده اید، برای نقل قول کردن در یک فایل اچ تی ام ال می توانید از دو تگ <q> و <blackquote> استفاده کرد. تفاوت کلیدی این دو تگ در زیر بیان شده است: <q>: در این صورت در ابتدا و انتهای متن علامت "" (کتیشن) قرار می گیرد. <blackquote...

سلام/ HTML چیست؟ HTML مخفف کلمات Hyper Text markup Language می باشد. با اچ تی ام ال شما می توانید صفحات وب خود را بسازید. اچ تی ام ال یکی از پایه ترین زبان های مورد نیاز برای طراحی وب می باشد. در این مجموعه آموزش سعی می کنم اچ تی ام ال را به صورت تخصصی به شما یاد دهم. منبع آموزش ها سایت W3Schools م...

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

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

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

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

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

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