AJAX

درک مفهوم  AJAX به عنوان یک توسعه دهنده وب مبتدی

Ajax چیست؟

AJAX مخفف جاوا اسکریپت و XML است. XML خیلی کم مرتبط است، اما هنگام ایجاد برنامه های کاربردی وب، ما از AJ برای انجام کارهای ناهمزمان مانند به روز رسانی صفحه، انجام اقدامات و غیره استفاده می کنیم.

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

هدف این مقاله چیست؟

در واقع اجرای AJAX سخت نیست، اما عجیب است. که متکی به تعامل چند تکنولوژی متفاوت است و نیاز به دانش کمی از هر یک دارد. هدف مقاله این است که شما بتوانید AJAX doohickies را بنویسید، اما به جای اینکه به نقطه ای برسید که در آن شما به اندازه کافی درک از ایجکس دارید که می توانید با آن ارتباط برقرار کنید، ببینید که از کدام یک از آنها استفاده می شود و می توانید مهارت های فنی را که نیاز به اجرای ایجکس دارید را ایجاد کنید.

یک خلاصه ای از پیش زمینه

AJAX به یک دسته از فن آوری ها متکی است. شما لازم نیست در همه آنها متخصص باشید، اما یک دانش پس زمینه کمی مفید خواهد بود. اگر می دانید که چگونه از XML و JSON استفاده می کنید و می دانید پیام HTTP چیست، پس این بخش را بگذرید. توجه داشته باشید که این یک توضیح ساده برای تعامل تکنولوژی های ذکر شده در زیر است.  این به شما فقط پس زمینه در مورد ایجکس خواهد داد.

بیشتر بخوانید»»» نرم افزارهای ذخیره سازی ابر برای سیستم عامل آندروید

زبان نشانه گذاری ابرمتن (HTML)

Ajax
Ajax

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

اجرای کد با جاوا اسکریپت در مرورگر

Ajax
Ajax

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

مبانی HTTP

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

هر درخواست با یک URL مرتبط است. اگر یک درخواست HTTP نامه ای بود، نشانی اینترنتی آدرس در خارج از پاکت نامه نوشته می شد. درخواست ها می توانند داده ها را در فرمی از پارمترهای مقادیر اضافه کنند، این مقادیر را می توان با چند روش مختلف ترکیب کرد. پیام اصلی را در اینجا می بینید: یک درخواست HTTP همیشه دارای یک URL است و گاهی نیز داده ها به آن متصل می شوند.

برخی از فرمت های داده ای مورد استفاده: JSON و XML

HTTP می تواند برای انتقال انواع داده ها، به عنوان مثال، HTML، جاوا اسکریپت و تصاویر استفاده شود. گاهی اوقات بهتر است از فرمت های مانند XML و JSON نیز استفاده کنید. HTML در واقع یک فرم از XML است. و JSON یک توازن مشابه با XML را دارد، اما کمی عمیق تر و کمی انعطاف پذیر تر است و معمولا زمانی که آژاکس مربوط می شود، ترجیح داده می شود. شما لازم نیست که در مورد این فن آوری ها که چگونه ایجکس کار می کند، بدانید. دلیل آن نیز این است که اگر شما می خواهید با استفاده از ایجکس کارهای مهمی انجام دهید، احتمالا در این شرایط قرار دارید.

بیشتر بخوانید»»» مهم ترین تفاوتهای بین Front-End و Back-End

چرخه صفحه وب استاتیک

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

مرحله 1: ویرایشگر متن مورد علاقه خود را باز کنید.

مرحله 2: کد زیر را در یک سند جدید کپی کنید

<!DOCTYPE html>

<html><head> 

 <title>Completely useless web page</title>

</head>

<body>Code Mentor is delicious!</body>

</html/>

مرحله 3: با نام hi_world.html ذخیره کنید.

مرحله 4: با مرورگر آن را باز کنید.

 به شما نگفتم آسان خواهد بود؟ چه اتفاقی افتاد؟ مرورگر چه کاری انجام داد؟

هنگامی که صفحه وب خود را با مرورگر خود باز کردید، مرورگر باز شد و از مسیر hi_world.html به عنوان آدرس استفاده کرد. سپس از آن آدرس برای محاسبه محتویات hi_world.html استفاده کرد. سپس محتویات را رندر کرد. و این یک صفحه وب استاتیک است.

جاوا اسکریپت هم می تواند درخواست را انجام دهد!

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

چگونه ما این کار را انجام خواهیم داد:

مرحله ی بعدی:

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

این استاندارد امروزه از یک کتابخانه جاوا اسکریپت به نام jQuery استفاده می کند. ایجکس چیز پیچیده ای است، زیرا مرورگرهای مختلف کار متفاوت می کنند، بنابراین گاهی اوقات کد هایی که روی یکی کار می کنند بر روی دیگری کار نمی کنند. JQuery قابلیت ایجکس را فراهم می کند که به اندازه کافی قوی است که در تمام مرورگرهای مدرن کار می کند. در اینجا نمونه ای از کد آورده شده است:

}).ajax.$

;"url : 'whatever/fetch_cows_page

}(success : function(response_data

;(populate_cows_table(response_data

{

;({

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

نتیجه گیری:

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

Source

دیگر مقالات مفید سایت:

 

 

آموزش dreamweaver

راهنمای گام به گام برای ایجاد وب سایت با استفاده از Dreamweaver

آموزش Dreamweaver

راهنمای گام به گام برای ایجاد وب سایت با استفاده از Dreamweaver

Dreamweaver یک برنامه کاربردی است که به شما امکان طراحی، کد گذاری و مدیریت وب سایت ها را می دهد. آنچه در مورد Dreamweaver جالب است، این است که هر دو امکان نوشتن کد و ایجاد یک وب سایت با استفاده از رابط بصری را ارائه می دهد.

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

Dreamweaver چیست و چگونه کار می کند؟

Dreamweaver یک IDE (محیط توسعه یکپارچه) است. به این معناست که این یک تکه از نرم افزار است که ابزارهای مختلفی را برای طراحی وب و توسعه آسان تر می کند.

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

ایجاد وب سایت ها از طریق یک رابط طراحی بصری

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

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

از سوی دیگر، اگر شما قادر به برنامه نویسی هستید، Dreamweaver دارای ابزارهای لازم برای آن است.

عمل کردن به عنوان یک ویرایشگر کد Full-fledged

بخش دوم Dreamweaver یک ویرایشگر کد کامل است. که مجهز به تمام توابع استاندارد است، از جمله:

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

تکمیل کد – تکمیل کد به نحوی مشابه به عنوان تکمیل خودکار بر روی گوشی شما کار می کند. شروع به تایپ کنید و ویرایشگر پیشنهاداتی را برای آنچه که میخواهید بنویسید خواهد داد. به این ترتیب، لازم نیست همه چیز را به طور کامل تایپ کنید.

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

Dreamweaver از مهم ترین زبان های طراحی وب (HTML5، CSS، JavaScript، PHP) و بسیاری دیگر پشتیبانی می کند.

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

ویژگی های بسیار بیشتری وجود دارد و شما بسیاری از آنها را در عمل در آموزش Dreamweaver خواهید دید.

بیشتر بخوانید»»» راهنمای گام به گام فریمورک Foundation

راه اندازی Dreamweaver

دانلود و نصب دریم ویور

هنگامی که این برنامه را از وب سایت رسمی دریافت می کنید، فقط فایل نصب را دانلود کنید، آن را اجرا کنید و دستورالعمل ها را دنبال کنید.

اولین راه اندازی

هنگامی که شما Dreamweaver را شروع می کنید، این صفحه را خواهید دید.

dreamweaver-first-startup
dreamweaver-first-startup

اگر قبلا هرگز از این برنامه استفاده نمیکردید، نه، من جدید هستم را انتخاب کنید. دریم ویور شما را از طریق  wizard setup هدایت می کند. اولین گام این است که انتخاب کنید که آیا از فضای کاری برای توسعه دهندگان یا یک فضای کاری استاندارد استفاده خواهید کرد.

آموزش dreamweaver
آموزش dreamweaver

از آنجا که این یک آموزش مبتدی Dreamweaver است، نسخه استاندارد را انتخاب کنید. پس از آن، شما می توانید یک تم رنگی برای فضای کاری خود از چهار گزینه مختلف انتخاب کنید.

آموزش dreamweaver
آموزش dreamweaver

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

آموزش dreamweaver
آموزش dreamweaver

انتخاب کنید تا با یک پوشه جدید یا موجود شروع کنید و فرآیند راه اندازی انجام شود.

حالا شروع کنید به یک پروژه و یاد بگیرید چگونه یک وب سایت با Dreamweaver ایجاد کنید.

بیشتر بخوانید»»» تاریخچه وردپرس از سال 2003 تا 2018

نحوه طراحی وب سایت با استفاده از Dreamweaver

1. یک سایت جدید ایجاد کنید.

اولین قدم این است که یک سایت جدید ایجاد کنید. برای آن، به site -> new site بروید این شما را به این صفحه می برد:

آموزش dreamweaver
آموزش dreamweaver

اولین قدم این است که یک نام برای سایت خود انتخاب کنید. سپس شما باید مکان ذخیره آن را انتخاب کنید. اما معمولا برای سادگی، تمام پروژه ها را در یک مکان ذخیره کنید.

اطلاعات محلی در تنظیمات پیشرفته خیلی مهم است.

آموزش dreamweaver
آموزش dreamweaver

مطمئن شوید که بر روی آیکون پوشه در سمت راست کلیک کنید که در آن پوشه Default Images قرار دارد. سپس به دایرکتوری تازه ایجاد شده خود بروید، آن را باز کنید، یک پوشه جدید به نام تصاویر ایجاد کنید و آن را به عنوان پوشه پیش فرض خود انتخاب کنید. به این ترتیب Dreamweaver تصاویر مرتبط با سایت شما را به طور خودکار در آنجا ذخیره خواهد کرد.

برای این کار، اکنون برای ذخیره کردن مجدد به فضای کاری خود کلیک کنید.

2. ایجاد فایل HomePage

اکنون که شما یک پروژه برای سایت ایجاد کرده اید، ما با صفحه اصلی شروع خواهیم کرد.

اگر Dreamweaver این گزینه را به شما ارائه نمی کند، به File> New بروید. شما می توانید یک فایل کاملا جدید ایجاد کنید یا از یک قالب موجود استفاده کنید.

یک فایل جدید در Dreamweaver ایجاد کنید.

HTML به طور پیش فرض تنظیم شده است و می توانید آن را همانطور که هست مشاهده کنید. برای عنوان سند، ورودی index.html و Create را انتخاب کنید. که به صفحه زیر می روید.

آموزش dreamweaver
آموزش dreamweaver

این همان چیزی است که ما در ابتدا ذکر کردیم: یک نمایش زنده از آنچه سایت شما به نظر می رسد (در حال حاضر خالی است) و کد پشت آن است. شما همچنین متوجه خواهید شد که Dreamweaver به صورت خودکار برخی از آنها را ایجاد کرده است.

Source

دیگر مقالات مفید سایت:

وردپرس

تاریخچه وردپرس از سال 2003 تا 2018  

تاریخچه وردپرس

آیا می خواهید در مورد تاریخ وردپرس بدانید؟ اگر امروز وبلاگ یا وبسایت wordpress را راه اندازی می کنید، وب سایتی با قدرت بیش از 31 درصد از تمام وب سایت ها در اینترنت خواهید داشت. در این مقاله، ما می خواهیم نگاهی به تاریخ وردپرس که چگونه در طول زمان تکامل یافته است، داشته باشیم.

داستان wordpress به ما می گوید که چگونه جوامع متن باز برای ایجاد چیزی بسیار مفید است بدون اینکه به آزادی نرم افزار آسیب برسانند. پروژه مورد نظرتوسط یک جامعه از توسعه دهندگان اختصاص داده شده، کاربران و طرفداران هدایت می شود.

وردپرس
وردپرس

wordpress از آنجا آغاز شد که توسعه نرم افزارهای وبلاگ نویسی موجود b2 / cafelog توسط توسعه دهندگان اصلی آنها متوقف شد. در سال 2003، دو کاربر b2 / cafelog Matt Mullenweg و مایک کوچولو تصمیم به ساخت یک پلت فرم جدید بالاتر از b2 / cafelog گرفتند.

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

بیشتر بخوانید»»» فهرست ضروری SEO برای طراحان وب

اولین نسخه wordpress

در تاریخ 27 می 2003، Matt اعلام کرد که اولین نسخه wordpress در دسترس است. این جامعه به خوبی پذیرفته شد. که براساس b2 Cafelog با پیشرفت های قابل توجه ای بود. نسخه اول wordpress شامل یک رابط کاربری جدید، قالب جدید و قالب سازگار با XHTML 1.1 است. ویرایشگر پست مانند این بود:

وردپرس
وردپرس

در ماه می سال 2004 نسخه 1.2 wordpress با معماری افزونه عرضه شد. که کاربران و توسعه دهندگان را قادر می سازد تا کارکرد wordpress را با نوشتن پلاگین های خود و به اشتراک گذاری آنها با بقیه جامعه، گسترش دهند.

همانطور که wordpress خود را به جامعه باز کرد، در آن زمان در صنعت وبلاگ نویسی چیزی کاملا مخالف بود.

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

وردپرس 1.2، خود را به عنوان یک پروژه بلندپروازانه که به کاربران پیشنهاد پلت فرم پایدار، آسان و قابل انعطاف را داد. نرخ انطباق wordpress با این نسخه افزایش یافت.

با افزایش تعداد کاربران، wordpress با کمک و علاقه جامعه، بهتر شد.

وردپرس
وردپرس

در فوریه 2005، وردپرس 1.5 همراه با صفحات، ابزار نظارت نظر، تم پیش فرض جدید Kubrick و سیستم تم جدید کامل شد. Matt با این کلمات تم ها را معرفی کرد:

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

وردپرس
وردپرس

در دسامبر 2005 وردپرس 2.0 با یک داشبورد جدید مدیریت منتشر شد. ناحیه جدید مدیر یک بازسازی کامل صفحه های مدیریت در وردپرس بود.

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

مدیریت رابط کاربری جدید تنها بهبود قابل توجهی در این نسخه نبود.

اولین انتشاری بود که قبل از نصب افزونه Akismet anti-spam آمد. همچنین با پلاگین پشتیبان پایگاه داده وردپرس، wp-db-backup، که در سال 2007 افت کرد، عرضه شد. یکی دیگر از اولویتهای این نسخه معرفی یک فایل functions.php در سیستم تم بود.

وردپرس
وردپرس

در 1 مارس 2006، Automattic، شرکت مؤسس وردپرس مت مولنوگ، علامت تجاری برای وردپرس و آرم wordpress را ثبت نمود.

در سال 2008، یک شرکت طراحی وب با نام Happy Cog به پروژه وردپرس برای کمک به طراحی wordpress جدید کمک کرد. یک مطالعه کاربردی برای طراحی مدیر رابط کاربری انجام شد.

وردپرس
وردپرس

در طول سال، ویژگی های جدیدی نظیر shortcodes ، به روز رسانی با یک کلیک و نصب افزونه ساخته شده در WordPress با نسخه های مختلف اضافه شده است.

در ماه ژوئن سال 2010، Automattic، شرکت مؤسس wordpress مت مولنوگ، مالکیت علامت تجاری و آرم wordpress را به بنیاد wordpress انتقال داد. این یک لحظه قابل توجه در تاریخ وردپرس بود، زیرا این اطمینان را داد که وردپرس همچنان رشد کند و وابسته به یک شرکت یا گروهی از توسعه دهندگان برای ادامه پروژه نیست.

در 17 ژوئن 2010 WordPress 3.0 منتشر شد. این یک قدم بزرگ به سوی وردپرس به عنوان CMS بود. این نسخه ویژگی های متعددی از قبیل انواع پست سفارشی، طبقه بندی های سفارشی بهتر، زمینه های سفارشی، هدر، منوها، متن ها در صفحه های مدیریت و غیره را معرفی کرد. پروژه WordPress MU به منظور ایجاد شبکه های Multisite به پروژه wordpress متصل شد.

بیشتر بخوانید»»» مهم ترین تفاوتهای بین Front-End و Back-End

در سال 2011، فرمت های نوشته و نوار مدیریت راهی برای ورود به wordpress شد.

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

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

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

وردپرس
وردپرس

در این زمان wordpress قبلا محبوب ترین سیستم مدیریت محتوا در جهان بوده است.

در دسامبر 2013، وردپرس 3.8 با نام  MP6، رابط مدیریت wordpress جدید منتشر شد. این رابط جدید پاسخگو بوده و هدف آن ارائه یک تجربه کاربری بهتر به کاربران، در هر دستگاه یا اندازه صفحه نمایش بوده است.

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

اصلاحات بیشتر در طول سال با هسته wordpress صورت گرفت و نسخه های بعدی 4.0 و 4.1 منتشر شد.

2014 همچنین اولین سالی بود که دریافت های غیر انگلیسی برای wordpress فراتر از دریافت های انگلیسی بود.

در سال 2015، وردپرس 4.2، 4.3 و 4.4 منتشر شد. این نسخه ها بر بهبود محلی سازی، پشتیبانی از Emoji، Customizer تم و تنظیم زیرساخت برای API وردپرس REST متمرکز شده است.

وردپرس
وردپرس

در همان سال، WooCommerce، محبوب ترین افزونه ی تجارت الکترونیک وردپرس توسط Automattic (شرکت تاسیس شده توسط متنی Mullenweg یکی از بنیانگذاران wordpress ) به دست آمد.

در سال 2016 وردپرس 4.5، 4.6 و 4.7 منتشر شد. هر آزمایشی برخی از ویژگی های جدید و پیشرفت را معرفی کرد. تغییرات قابل توجه در طول سال به روز رسانی های ساده برای پلاگین ها و تم ها، بازیابی محتوا با استفاده از ذخیره سازی مرورگر و ویژگی سفارشی CSS برای customizer تم بود. در پایان سال، WordPress.org فعالانه پشتیبانی HTTP ها را اعلام کرد.

در سال 2017 وردپرس 4.8 و 4.9 منتشر شد. این نسخه ها دارای چندین ویدجت پیش فرض جدید برای اضافه کردن صدا، ویدئو، تصاویر، گالری، متن غنی و HTML است. این انتشارات همچنین زمینه را برای پروژه گوتنبرگ، یک تجربه نوین و مدرن برای انتشار wordpress گذاشت.

وردپرس
وردپرس

توسعه Gutenberg در سال 2018 ادامه یافت. این تجربه ویرایش مبتنی بر بلوک به تدریج به کاربران wordpress در نسخه های آینده معرفی خواهد شد.

Source

دیگر مقالات مفید سایت:

HTML-vs-CSS

تفاوت بین HTML و CSS

تفاوت بین HTML و CSS

HTML (زبان نشانه گذاری ابرمتن) و CSS (برگه های پشت سر هم و مشبک) 2 تا از زبان های اسکریپتی وب برای ساخت صفحات وب و برنامه های کاربردی وب هستند. HTML ساختار صفحات وب را فراهم می کند در حالی که CSS عمدتا برای کنترل ظاهر و طرح بندی صفحات وب استفاده می شود. در اینجا، ما یک بحث مفصل و تجزیه و تحلیل تفاوت بین HTML و CSS را خواهیم داشت.

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

<tag attribute1= “value1” attribute2=”value2”>’’content’’</tag>

html
html
  1. عنصر HTML بخش خاصی از یک صفحه وب را تعریف می کند.
  2. شروع برچسب: <tag attribute1 = “value1” attribute2 = “value2”> (برای تعریف آغاز عنصر استفاده می شود)
  3. محتوا: می تواند متون، لینک ها، تصاویر و سایر اطلاعات موجود در صفحه وب باشد.
  4. پایان تگ: </ tag> (برای اعلام بسته بودن عنصر HTML استفاده می شود)

 

CSS یک زبان استایل دهی به صفحات برای توصیف ارائه و طراحی صفحات وب از جمله رنگ ها، فونت ها و طرح بندی است. عمدتا برای قادر بودن به تمایز بین ارائه و محتوا، از جمله رنگ ها، پوسته ها و نماها طراحی شده است. که می توان در انواع مختلف دستگاه ها مانند صفحه نمایش ها و چاپگرهای بزرگ یا کوچک استفاده کرد. مستقل از HTML است و می تواند با هر زبان نشانه گذاری مبتنی بر XML مورد استفاده قرار گیرد. مشخصات CSS عمدتا توسط کنسرسیوم جهانی وب نگهداری می شود. مجموعه قوانین CSS شامل یک انتخابگر و یک بلوک اعلام می باشد. که می توان به صورت زیر شرح داد:

{h1 { color: white;  font-style: italic 

CSS
CSS
  1. انتخابگرها: h1 (نشان دهنده عنصر HTML است که باید استایل دهی شود)
  2. خصوصیت: «رنگ و سبک فونت» (عناصری که نیاز به تغییر دارند)
  3. تعیین بلوک: «رنگ: سفید ; font-style: italic »(یک یا چند اعلان را که توسط semicolons جدا شده است را توصیف می کند)
  4. مقادیر: «سفید و italic» (نشانگر پارامترهای از خواص انتخاب شده است)

بیشتر بخوانید»»» مهم ترین تفاوتهای بین Front-End و Back-End 

هم HTML  و هم CSS دارای معایب و مزایایی هستند.

HTML (مزایا):

  • آسان برای یادگیری و کدنویسی
  • برای استفاده رایگان بوده و نیازی به لایسنس ندارد.
  • به درستی توسط مرورگر تفسیر شده است
  • پشتیبانی از چندین زبان
  • سبک وزن و پشتیبانی از چندین سیستم عامل

HTML (معایب):

  • دارای ویژگی های امنیتی محدود شده
  • پیشرفت فنی کم است
  • چون یک زبان استاتیک است، نمی تواند خروجی پویا را تولید کند

CSS (مزایا):

  • دارای محدوده گسترده ای از صفات نسبت به HTML است.
  • سرعت وب سایت را بهبود می بخشد و صفحات زمان کمتری برای بارگذاری مناسب مصرف می کنند.
  • از مرور آفلاین پشتیبانی می کند.
  • سازگار با دستگاه های مختلف است.
  • نگهداری آسان است.
  • فرمت های استایل وب سایت بسیار بهتری، نسبت به  HTML فراهم می کند.

CSS (معایب):

  • مشکل قطعه قطعه شدن دارد، بنابراین دارای واریانس عملکرد بین دو مرورگر است.
  • چون یک سیستم مبتنی بر متن باز است، هیچ گونه امنیت داخلی ندارد.
  • گاهی اوقات می توان آن را خراب کرد و در کد ها می تواند عوارض ایجاد کند.

 

تفاوت های اصلی بین  HTML و CSS 

HTML و CSS
HTML و CSS

تفاوت کلیدی بین HTML و CSS، در موارد زیر توضیح داده شده است:

  1. HTML اساسا یک زبان نشانه گذاری استاندارد برای توصیف ساختار صفحات وب است در حالی که CSS زبان استایل دهی برای توصیف ارائه و طراحی صفحات وب است.
  2. HTML برای یادگیری آسان است در حالی که CSS گاهی اوقات می تواند عوارضی در کدها ایجاد کنید.
  3. CSS مستقل از HTML است و می تواند با هر زبان نشانه گذاری مبتنی بر XML مورد استفاده قرار گیرد در حالیکه برای HTML اینگونه نیست.
  4. فایل HTML می تواند شامل کدهای CSS باشد، اما از سوی دیگر، CSS هرگز نمی تواند شامل کدهای HTML باشد.
  5. HTML تگ هایی را که محتوای هر عنصر صفحه وب را در بر می گیرد، فراهم می کند، در حالی که CSS شامل انتخابگرهایی است که توسط یک بلوک اعلام احاطه شده اند.
  6. CSS از کد بسیار کمتر استفاده می کند و در نتیجه زمان بارگذاری صفحه وب، بسیار کمتر از HTML است.

بیشتر بخوانید»»» همه چیز درباره سیستم های مدیریت محتوا

نتیجه گیری:

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

Source 

دیگر مقالات مفید سایت:

SEO

فهرست ضروری SEO برای طراحان وب

فهرست ضروری SEO برای طراحان وب

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

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

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

ما برخی از شیوه های ضروری SEO را برای کمک به شروع کار، پوشش خواهیم داد.

 

تحقیق کلید واژه

SEO
SEO

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

لیستی از موضوعات مربوطه و عبارات کلیدی که شما دنبال آن هستید، ایجاد کنید. استفاده از ابزارهای زیر کمک می کند تا بیشتر کلمات کلیدی پنهان را، از جمله کلمات کلیدی کوتاه و طولانی را پیدا کنید.

بیشتر بخوانید»»» معایب و مزایای فریمورک بوت استرپ 

بهینه سازی داخل سایت

SEO
SEO

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

  • اطمینان حاصل کنید که کلمات کلیدی شما به URL ها، برچسب های عنوان، متا توضیحات، برچسب های عنوان و متن تصویر آلبوم اضافه می شوند.
  • URL های خوانا ایجاد کنید. مثلا: این www.yourwebsite.com/?p1223 خوانایی بهتری ندارد، بهتر است اینگونه استفاده کنیم: www.yourwebsite.com/human-readable-url
  • اطمینان حاصل کنید که وب سایت شما سریعا بارگیری می شود. برای تست عملکرد وبسایت خود از Google PageSpeed Insights استفاده کنید.
  • گوگل وب سایت هایی را که برای موبایل ها مناسب نیستند، مجازات می کند. بهترین روش، استفاده از طراحی وب ریسپانسیو است. از Google Mobile-Friendly Tool استفاده کنید تا مطمئن شوید که وبسایت شما Mobile Friendly است.

 

متا تگ ها:

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

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

 

<meta name=”description” content=”Daily inspiration for creative people. Fresh thinking, expert tips and tutorials to supercharge your creative muscles.”>

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

 

<meta name=”robots” content=”NOINDEX,NOFOLLOW” />

 

نوشتن محتوای با کیفیت:

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

چگونه محتوای با کیفیت ایجاد کنیم؟

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

 

ساخت لینک های با کیفیت:

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

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

 

تجارت محلی

SEO
SEO

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

در وب سایت خود اطمینان حاصل کنید که شهر شما در برچسب عنوان، توضیحات متا، تگ های عنوان، URL، محتوا، متن جایگزین و Google maps که به فهرست Google Local شما اشاره دارد.

 

رسانه های اجتماعی

SEO
SEO

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

رسانه های اجتماعی در بدست آوردن follower ها، ایجاد روابط و گسترش برند، اهمیت بیشتری پیدا می کنند. اطمینان حاصل کنید که از دکمه های به اشتراک گذاری در وب سایت خود مانند فیس بوک، Twitter و Google+، LinkedIn Share و Pinterest Pin استفاده می کنید. فراموش نکنید که از شبکه های اجتماعی استفاده کنید تا به طور صحیح محتوای شما را همرا با تصویر، عنوان، توضیحات و لینک در کانال های رسانه های اجتماعی نمایش دهد.

بیشتر بخوانید»»» بهترین فریمورک های پی اچ پی (PHP) سال 2018

کنسول جستجوی Google Webmaster

SEO
SEO

به تازگی Google Webmaster Tools به Search Console تغییر نام یافته است. کنسول جستجو یک ابزار رایگان ارائه شده توسط Google است تا به شما در درک اینکه چگونه Google وب سایت شما را می بیند، ارائه شده است. هر گونه خطاهای شناخته شده، کلمات کلیدی و پیشنهاد بهبود وب سایت، نظارت و شناسایی می شوند.

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

Source

دیگر مقالات مفید سایت:

فریمورک node js

محبوب ترین فریمورک های NODE JS

محبوب ترین فریمورک های NODE JS

فریمورک Node.js پلتفرمی است که در زمان اجرا جاوا اسکریپت کروم، برای ایجاد سریع برنامه های کاربردی شبکه ای مقیاس پذیر ایجاد شده است. از مدل IO غیر بلوک شده مبتنی بر رویداد استفاده می کند که سبک و کارآمد است. Node.js مناسب برای برنامه های کاربردی در زمان واقعی داده ها است که در سراسر دستگاه های توزیع شده اجرا می شود. برخی از تجزیه و تحلیل ها را انجام داده ایم و لیستی از فریمورک های node js را برای سال 2018 ذکر کردیم.

 

فریمورک node js چست؟

الگوی معماری کنترلر-نمایشگر-مدل (MVC)، نرم افزار را به سه قسمت اصلی تقسیم می کند: مدل، نمایشگر، کنترلر. بهترین فریمورک نود ج اس به ساده سازی توسعه برنامه وب کمک می کند. لیستی از فریمورک های node.js که در حال حاضر موجود است در این مقاله آورده شده است.

 

5 تا از مهم ترین فریمورک های node js

EXPRESS.JS

فریمورک Express Node.Js
فریمورک Express Node.Js
  • Node.js در سال 2010 ظاهر شد و به عنوان پایه، لیست بلندی از فریمورک های محبوب نود ج اس را ارائه داد.
  • (Express)اکسپرس آزادی های زیادی را برای توسعه دهندگان ارائه می دهد، زیرا می توانند برای ایجاد برنامه از ماژول های مختلف استفاده کنند.
  • با توجه به ماهیت انعطاف پذیری آن، برای برنامه هایی در مقیاس بزرگ مناسب است، زیرا برای سفارشی سازی، گسترش آن و نیاز به پشتیبانی طولانی مدت، برنامه ریزی شده است.
  • آخرین نسخه Express 4.16.4 است.

HAPI

فریمورک Hapi Node.Js
فریمورک Hapi Node.Js
  • این فریمورک در سال 2011 ظاهر شد و همچنین بر اساس اکسپرس است.
  • از زمان ایجاد به فریمورک جداگانه ای با رویکرد متفاوت تبدیل شده است: برای ارائه موارد مورد استفاده ممکن.
  • برای تیم های بزرگ و پروژه های بزرگ طراحی شده است و برای یک برنامه ساده بسیار پیچیده خواهد بود.
  • آخرین نسخه Hapi 17.6.0 است.

SAILS.JS

فریمورک Sails Node.Js
فریمورک Sails Node.Js
  • فریمورک اکسپرس را به عنوان پایه استفاده می کند، اما یک محصول کامل است که می تواند به عنوان کاربردی در دسترس باشد.
  • برای راه اندازی سریع مناسب است. Sails مخصوصا برای توسعه و تنظیم برنامه های زمان واقعی نیاز به پاسخ سریع دارد و با هر front-end ای سازگار است.
  • آخرین نسخه بادبان 1.0 است.

SOCKET.io

فریمورک Socket.io Node.Js
فریمورک Socket.io Node.Js
  • برای ساخت برنامه های کاربردی وب در زمان واقعی استفاده می شود.
  • یک کتابخانه جاوا اسکریپت است که اجازه می دهد جریان داده دو طرفه بین سرویس گیرنده وب و سرور برقرار شود.
  • همگام سازی داده های ورودی/خروجی، جریان باینری، پیام های فوری برخی از مهم ترین ویژگی های این فریمورک هستند.
  • آخرین نسخه socket.io 2.0 است.

KOA.js

فریمورک Koa Node.Js
فریمورک Koa Node.Js
  • در سال 2013 معرفی شده است، این فریمورک پیشرو برای ایجاد فرایند نوشتن برنامه های کاربردی وب و reset api ها لذت بخش تر است.
  • اساسا میان افزاری برای نود ج اس است که از ژنراتورها استفاده می کند. استفاده محدودی از callbacks باعث می شود ژنراتورها یک روش موثرتر برای کاهش خطا باشند.

 

دسته بندی فریمورک Node.js:

 

بیشتر بخوانید»»» همه چیز درباره سیستم های مدیریت محتوا

لیست فریمورک Node.js:

فریمورک های MVC

strapi

فریمورک Strapi Node JS
فریمورک Strapi Node JS

Strapi فریمورک نود ج اس متن باز برای ساخت برنامه های کاربردی و سرویس ها است.

 

compoundjs

فریمورک CompoundJS Node JS
فریمورک CompoundJS Node JS

CompoundJS یک فریمورک MVC برای NodeJS است. که اجازه می دهد تا شما در عرض چند دقیقه یک برنامه وب ایجاد کنید.

 

tesla.js

فریمورک Tesla-js Node JS
فریمورک Tesla-js Node JS

تسلا یک فریمورک مدرن MVC است. به خاطر سرعت، ساده و آسان بودن برای پیکربندی، با پیش فرض های صحیح و boilerplates انعطاف پذیر که باعث اجرا سریع می شود، ساخته شده است.

 

locomotive

فریمورک Node JS
فریمورک Node JS

فریمورک قدرتمند MVC برای نود ج اس است. لوکوموتیو از الگوهای MVC، مسیرهای RESTful و قرارداد پیش از پیکربندی را پشتیبانی می کند در حالی که با هر پایگاه داده و موتور قالب یکپارچه می شود.

 

فریمورک های full-stack node.js :

Alcountjs

فریمورک Node JS
فریمورک Node JS

Alcountjs فریمورک full-stack node.js متن باز برای توسعه برنامه های سریع است. AllcountJS برای ساخت برنامه های آماده وب و برنامه های کاربردی تلفن همراه در عرض چند دقیقه طراحی شده است.

 

meteor

فریمورک Node JS
فریمورک Node JS

Meteor پلت فرم کامل متن باز برای ساخت برنامه های وب و تلفن همراه در جاوا اسکریپت است. Meteor یک پایگاه داده فوق العاده ساده، داده ها بر روی سیم، فریمورک وب خالص جاوا اسکریپت است.

 

catberry

فریمورک Node JS
فریمورک Node JS

Catberry یک فریمورک با معماری  Flux، اجزای وب متناظر و رندر پیشرفته است.

 

فریمورک های api

actionhero.js

فریمورک Node JS
فریمورک Node JS

acrionhero.js یک سرور api، node.js انتقال چندگانه با ظرفیت های خوشه یکپارچه و کارهای به تاخیر افتاده است.

 

restberry

فریمورک Node JS
فریمورک Node JS

فریمورک برای تنظیم API های RESTful JSON با نود ج اس است. مدل های خود را تعریف کنید و برنامه های CRUD API را بدون نیاز به نوشتن کد (بدون استفاده از برنامه) تنظیم کنید. تمام تماسهای API مسائل را حل و شناسایی کرده و پاسخهای HTTP لازم را ارائه می دهند و پاسخ های خطایابی را آسان می کنند. Restberry همچنین تصدیق احراز هویت و چک های مجوز را بررسی می کند و خطاهای مناسب را پرتاب می کند.

 

restify

فریمورک Node JS
فریمورک Node JS

Restify یک ماجولار node.js است که به طور خاص ساخته شده است تا شما را قادر به ایجاد درست خدمات وب REST کند.

 

strongloop

فریمورک Node JS
فریمورک Node JS

StrongLoop به شما اجازه می دهد تا به صورت بصری API های REST در Node را ایجاد کرده و آنها را به داده های خود متصل کنید. StrongLoop همچنین ویژگی های ساخته شده در mBaaS مانند فشار و همگام سازی آفلاین، به علاوه ابزار های گرافیکی برای خوشه بندی، پروفایل، و نظارت بر برنامه های Node است.

 

فریمورک های سمت سرور node js

we.js

فریمورک Node JS
فریمورک Node JS

We.js فریمورک جاوا اسکریپت سمت سرور برای ساخت برنامه های کاربردی در زمان واقعی، سایت ها یا وبلاگ ها است!

 

fortune.js

فریمورک Node JS
فریمورک Node JS

Fortune یک کتابخانه I / O سطح بالا برای برنامه های وب، در سرور و مرورگر است.

بیشتر بخوانید»»» مهم ترین تفاوتهای بین Front-End و Back-End 

فریمورک های سمت کاربر  node js

axt.js

فریمورک Node JS
فریمورک Node JS

axt.js یک فریمورک جاوا اسکریپت مبتنی بر رویداد است که برای ایجاد برنامه های کاربردی MVC در node.js و سمت سرویس گیرنده است.

 

experimentsjs

فریمورک Node JS
فریمورک Node JS

یادگیری فریمورک سمت کاربر و node.js.

 

فریمورک های testing

mocha

فریمورک Node JS
فریمورک Node JS

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

 

sixpack

فریمورک Node JS
فریمورک Node JS

sixpack یک فریمورک آزمایش زبان آگنوستیک ab است.

 

فریمورک های micro

express.io

فریمورک Node JS
فریمورک Node JS

فریمورک میکرو زمان واقعی برای node js است.

stapes.js

فریمورک Node JS
فریمورک Node JS

میکرو فریمورک mvc جاوا اسکریپت است.

jqnode

فریمورک Node JS
فریمورک Node JS

یک فریمورک میکرو ساده برای node js  است.

picard

فریمورک Node JS
فریمورک Node JS

میکرو فریمورکی برای node js است.

Source

دیگر مقالات مفید سایت: