ویژگی های nodejs

مقدمه

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

 یعنی به کمک جاوا اسکریپت بتوانند ظاهر و منطق سرویس تحت وب خود را در کنار هم ایجاد کنند و دیگر برای برنامه نویسی سمت سرور سراغ زبان هایی مثل PHP یا ASP نروند.

 یکی از محیط‌های هایی که به برنامه نویسان اجازه می‌دهد کدهای جاوا اسکریپت خود را سمت سرور اجرا کنند، Node.js می‌باشد.

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

این پلتفرم با زبان های C ، C++ و جاوا اسکریپت نوشته شده است و در تمامی سیستم عامل ها مانند انواع لینوکس ، ویندوز، مکینتاش ، سولاریس و … قابل اجرا و بهره برداری است.

ما در مقاله نود جی اس چیست به طور مفصل به بررسی این پلت فرم پرداختیم.

مقدمه

در این مقاله به بررسی Nodejs چیست مپردازیم.

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

 Node.js  امروزه توانسته با استفاده از تکنولوژی رویداد محوری که درون خود پایه گذاری کرده است، بسیاری از برنامه‌نویسان را جذب خود کند.

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

در حال حاضر  JavaScript قدرت انجام کارهایی را دارد که دیگر زبان‌های اسکریپت‌نویسی مانند  Python  ندارند.

هم JavaScript  مرورگر شما و هم Node.js بر روی موتور runtime  جاوااسکریپت V۸ اجرا می‌شوند. این موتور کد JavaScript  شما را می‌گیرد و آن را به یک کد ماشین (Machine Code) سریع‌تر تبدیل می‌کند. کد ماشین، یک کد سطح پایین است که کامپیوتر می‌تواند بدون نیاز به تفسیر آن، اجرایش کند.

مقدمه

دراین مقاله فصد داریم به نحوه پیاده سازی pwa در انگولار بپردازیم.

اگر با مفهوم pwa آشنا نیستید میتوانید سایر مقاله های ما در مورد  pwa را در لینک های زیر بخوانید.

• pwa چیست ؟
• فناوری های pwa
• آموزش pwa

لازم به ذکر است که برای pwa در انگولار نیازی به برنامه نویسی نیست و تنها با اجرای چند دستور میتوانید به راحتی pwa را در پروژه خود راه اندازی کنید.

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

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

مقدمه

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

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

ایده اصلی این کتابخانه ، اضافه کردن امکاناتی جدید به Html می باشد تا آن را از یک زبان نشانه گذاری ساده خارج کند.

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

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

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

قابلیت های فوق العاده این فریم ورک و معماری منظم باعث شده است بسیاری از شرکت های معروف دنیا از انگولار استفاده کنند. 

اضافه کردن svg به وردپرس

مقدمه

در این مقاله قصد داریم آموزش کامل اضافه کردن svg در وردپرس را به شما عزیزان ارائه کنیم.

این آموزش شامل دو بخش میباشد.

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

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

آموزش svg

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

آموش svg و یادگرفتن اون بسیار سادست و شما براحتی میتونید اونو یاد بگیرید.

نحوه استفاده از svg

استفاده از svg  امروزه که حتی یک بایت هم در سرعت سایت موثر است یکی از ملزومات در طراحی سایت است.

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

svg چیست ؟

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

فرق LESS با SASS

مقدمه

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

Preprocessor ها  ،گسترش یافته ی CSS هستند.Preprocessorها تمامی ویژگی های CSS به همراه ویژگی های اضافه تر مانند متغیر،expression، mixin و... می باشند.یک Preprocessor از نظر کاربر نهایی کار بزرگی را انجام نمی دهد اما می تواند سریعتر و راحت تر توسعه پیدا کند. ازلحاظ عملکرد  از دید کاربر نهایی ، Preprocessor ها می توانند همه ی Style Sheet ها را به یک فایل واحد تبدیل کنند.

بنابراین همه ی Style ها برای یک برنامه در یک شبکه رفت و برگشت (round-trip)  بارگذاری می شود به جای این که برای هر Style Sheet درخواست های جداگانه شود.

Style ها با استفاده از تعدادی Preprocessor ها ایجاد شده اند که به CSS تبدیل می شوند (Convert)  و فایل کامپایل شده CSS در صفحه HTML می باشد، زیرا مرورگر CSS را میفهمد. در این مقاله به یررسی فرق LESS با SASS میپردازیم.

css

اگر شما هم طراح وب باشید و به این مقوله علاقه داشته باشید و فعالیت در این زمینه و یادگیری بیشتر یکی از اهداف شما باشد، از جمله بدیهی ترین اطلاعاتی که لازم است به آن تسلط پیدا کنید؛ مفاهیم مرتبط با اچ تی ام ال (HTML) و سی اس اس (CSS) می باشد. به عبارتی دانش بنیادی ای که هر شخص طراح آموخته و در کار خود به کار گرفته است، همین زبان نشانه گذاری متن می باشد که از طریق آن می توانید کدهایی را ایجاد کنید که هر یک منجر به نمایش یک سری از ویژگی ها در صفحات وب خواهند شد. دنیای طراحی سایت دنیایی است شلوغ و پر رقابت ، بنابراین اگر واقعا قصد دارید به جایی برسید؛ باید تلاش کنید و بیشتر بیاموزید و نمونه کارهای بیشتری را طراحی نمایید. امروزه، با توجه به تغییراتی که در سبک بازاریابی و تبلیغات حاصل شده است ؛ طراحی سایت به عنوان یک مهارت جهانی در نظر گرفته می شود. شما در هر کشوری از دنیا که زندگی کنید با تسلط بر web design می تواند درآمد زایی داشته باشید اما کسی موفق است که اصولی و حرفه ای می آموزد و در نهایت حرفه ای نیز کار می کند. Html و css  از مهمترین استانداردهای تصویب شده وب می باشند و برای ورود به این شغل، لازم است تا با مفاهیم مرتبط با آن ها آشنا شوید که در ادامه ی این مطلب به اختصار به معرفی آنها پرداخته شده است.

HTML (اچ تی ام ال)

اگر کمی با دنیای طراحی سایت یا برنامه نویسی وب آشنایی داشته باشید، حتما واژه‌ی HTML به گوشتان خورده است و این سوال برایتان پیش آمده است که HTML چیست . در این فایل و مقاله آموزشی میخواهیم بصورت کامل به پاسخ به این سوال بپردازیم که HTML چیست ، چه کاربردی در طراحی وب دارد؟ چطور کار میکند؟ رابطه‌ی آن با CSS چیست و… . هر آن چیزی که برای پاسخ به سوال HTML چیست نیاز دارید را در این مقاله و آموزش به آن پاسخ خواهیم داد.

سایت رسپانسیو چیست ؟

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

PWA چیست ؟

در تعریف PWA چیست میتوان گفت وب اپلیکیشن های پیشرونده PWA که به اختصار (Progressive Web Apps) در آمده، به اپلیکیشن هایی گفته میشود که بر خلاف اپلیکیشن های بومی که منحصر به کد نویسی و سیستم عامل های خاص مانند اندروید و آی او اس میباشد از نسخه وب سایت به صورت یک اپلیکیشن در صفحه گوشی همراه شما استفاده میکند و شما را وادار به نصب یک اپلیکیشن بومی و کم کردن فضای سیستم شما نمیکند. یعنی شما با نصب یک اپلیکیشن بومی در صفحه موبایل یا تبلت خود به یک نسخه بهینه شده وب سایت مورد نظر برای استفاده بر روی دستگاه خود دسترسی پیدا میکنید.