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 

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

فریمورک 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

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

 

foundation فریمورک

راهنمای گام به گام فریمورک Foundation

راهنمای گام به گام فریمورک Foundation برای توسعه برنامه های وب واکنش گرا

 

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

 

ویژگی های فریمورک Foundation

Foundation برای مرورگرها و ابزارهای مختلف طراحی شده است. اولین فریمورک متن باز برای تلفن همراه است که به توسعه دهندگان بهترین شیوه را برای توسعه سریع می دهد. ویژگی های دیگر Foundation : شامل سیستم گرید 12 ستونه است، که اجزای CSS  و direction RTL (راست به چپ) و سازگاری با چندین مرورگر را پشتیبانی می کند.

 

سیستم گرید 12-ستون

system grid فریمورک foundation
system grid فریمورک foundation

 

سیستم گرید Foundation به 3 قسمت تقسیم شده است: کوچک، متوسط، بزرگ.

Small  هر صفحه نمایش تا 639 پیکسل.

  • فقط برای صفحه نمایش های کوچک.

Medium  هر صفحه نمایشی که از 640 پیکسل شروع می شود.

  • فقط برای صفحه نمایش های متوسط.

Large  هر صفحه نمایشی که از 1024 پیکسل شروع می شود.

  • برای صفحه نمایش های بزرگ و بزرگ تر.
بیشتر بخوانید»»» همه چیز درباره سیستم های مدیریت محتوا 

سازگاری

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

سازگاری فریمورک foundation
سازگاری فریمورک foundation

ویدجت ها

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

  •  Form validation
  • off canvas menus (منوهای off canvas)
  • pricing tables (جدول های قیمت گذاری)
  • responsive media (رسانه های واکنش گرا)
  • right to left support (پشتیبانی rtl)
  • tour) joyride)
ویدجت های فریمورک foundation
ویدجت های فریمورک foundation

برخی از تفاوت های مابین بوت استرپ و Foundation 

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

 

مقایسه

تفاوت بوت استرپ و foundation
تفاوت بوت استرپ و foundation

 

نکته: بوت استرپ از هر 2 پیش پردازنده LESS و SASS پشتیبانی می کند، اما Foundation فقط SASS را پشتیبانی می کند.

 

شروع کار با فریمورک Foundation:

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

اگر شما با CSS شروع به کار می کنید، می توانید Foundation را دانلود کرده و سفارشی کنید و ویژگی هایی که می خواهید در وب سایت خود داشته باشید را انتخاب کنید.

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

پس از دانلود Foundation ، ساختار پوشه شما مانند تصویر زیر خواهد بود.

فریمورک foundation
فریمورک foundation

 

 

app.css: فایل CSS سفارشی است که می توانیم بر روی فایل CSS خودمان اضافه کنیم.

foundation.css: فایل css پیش فرض که توسط foundation اجرا شده است.

foundation.min.css : فایل css فشرده شده.

jquery.js: نیاز است که تابع واکنش گرا را برای وب سایت فراهم کند. شما فقط باید نسخه JQuery  1.10 یا بالاتر را قبل از کتابخانه foundation.js داشته باشید.

what-input.js: برای ردیابی روش ورودی جاری استفاده می شود.

foundation.js: برای استفاده از قابلیت های اصلی استفاده می شود.

app.js: فایل JS سفارشی است که ما می توانیم js خود را اضافه کنیم.

شما باید تمام فایل های فوق را در فایل HTML خود مشخص کنید.

 

شما همچنین می توانید foundation CLI را با استفاده از ترمینال نصب کنید.

  • sudo npm install –global foundation-cli 

پس از نصب CLI، از دستور جدید برای شروع یک پروژه جدید استفاده کنید:

foundation new

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

وب سایت هایی که با foundation ایجاد شده اند:

فریمورک foundation
فریمورک foundation

 

برندهای مشهوری که از فریمورک foundation استفاده کرده اند:

  1. PBS: Public Broadcasting Service
  2. National Geographic
  3. Washington Post
  4. Mozilla
  5. Cambridge University Press
  6. Official HTC Store (UK)
  7. National Geographic Education
  8. Burger Revolution

 

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

فریمورک  foundation در کاهش کدهای css و js کمک می کند، بنابراین توصیه می کنیم از این فریمورک در پروژه های خود استفاده کنید.

Source

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

تفاوت بین front-end و back-end

مهم ترین تفاوتهای بین Front-End و Back-End

تفاوت بین Front-End و Back-End

همیشه یکسری همهمه های مخصوصا بین افراد تازه کار در زمینه برنامه نویسی درباره دو عبارت front-end و  back-end  وجود دارد. اگرچه این دو مهم ترین اصطلاح اساسی و پایه در دنیای طراحی و توسعه هستند، مردم اغلب نتوانستند تفاوت بین این دو را درک کنند.

اگر شما نیز در این زمینه مبتدی یا مایل به درک تفاوت بین front-end و back-end به یک روش بسیار ساده تر از قبل هستید، در این مقاله ما سعی خواهیم داشت تفاوت بین این 2 را به طور واضح و دقیق بررسی کنیم.

Front-end به معنای سمت کاربر و حساب کاربری برای طراحی وب نیز نامیده شده است. در حالی که Back-end به عنوان سمت سرور در نظر گرفته شده است. مهم نیست چقدر ما این دو اصطلاح را متمایز و گسسته می دانیم، هر دو به همان اندازه اهمیت دارند و مسئول ارائه بهترین تجربه و قابلیت به کاربران وب می باشند.

شما می توانید آنها را به عنوان دو طرف یک سکه ببینید، یکی همیشه بدون دیگری ناقص است. اگر front-end ظاهر بیرونی بدن انسان باشد، پس در حقیقت، back-end قسمت داخلی است که قابل مشاهده نیست. اکنون ما با توضیح این اصطلاحات برای درک بهتر شما شروع می کنیم و سپس یک مطالعه مقایسه ای بین این دو اصطلاح خواهیم داشت.

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

Front-end چیست؟

تفاوت بین front-end و back-end
تفاوت بین front-end و back-end

Front-end هر چیزی که کاربر وب در هنگام بازدید از هر وب سایت از فونت ها، دکمه ها به dropdown ها، فرم ها، تصاویر و منوها است. همچنین به عنوان سمت سرویس گیرنده شناخته می شود و شامل همه چیزهایی است که کاربر هنگام بازدید از یک وبسایت مشاهده می کند و تجربه می کند. همه چیزهایی که در یک وب سایت می بینید از متون و تصاویر به dropdown و انیمیشن ها شامل HTML، CSS و جاوا اسکریپت است که توسط مرورگرها کنترل و نمایش داده می شوند.

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

سه تکنولوژی پایه اصلی HTML، CSS و جاوا اسکریپت که همه مسئولیت یک رابط کاربر پسند وب سایت را دارند، برای اهداف زیر ساخته شده اند:

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

Css : این همراه با HTML برای ظاهر وب سایت لازم است تا سایت به کاربران آن بسیار زیبا نشان داده شود. چیزهایی مانند فونت، رنگ، گرافیک و غیره با اسکریپت های CSS انجام می شود.

جاوا اسکریپت: این به زیبایی هر وب سایت اضافه می کند و به خوبی برای ارائه windows ها، فرم های کشویی و فرم های تماس شناخته شده است.

بوت استرپ: این فریمورک از هر سه تکنولوژی فوق استفاده می کند تا وب سایت شما را واکنش گرا کند.

 

فرانت اند و طراحی وب

نکته مهم این است که front-end و طراحی سایت یکی نیستند. مردم اغلب این 2 را با هم اشتباه می گیرند، اما اینگونه نیست.

Front-end برای مدیریت جنبه های بصری هر وب سایت که به کاربران نشان داده می شود، شناخته شده است اما همان طراحی وب نیست. فکر می کنید اگر این دو یکی باشند، چرا بازار توسعه دهندگان front-end و طراحان وب را به عنوان دو تخصص جدا نیاز دارد؟

طراح وب کسی است که طرح بندی و ظاهر یک وب سایت را طراحی می کند و تصمیم می گیرد که کاربران آن را تصور کنند. در حالی که توسعه دهنده ی front-end، کسی است که به یک وب سایت تعاملی با کمک تکنولوژی های که در بالا بحث شد، جان می دهد.

 

Back-end چیست؟

تفاوت بین front-end و back-end
تفاوت بین front-end و back-end

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

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

Back-end به عنوان “سمت سرور” نامیده می شود، بخشی از یک سایت تعاملی که برای کاربران یا سمت کاربر قابل مشاهده نیست. بک اند همانطور که در بالا توضیح داده شد، مسئول ذخیره و بازیابی داده ها است و front-end یا سمت سرویس گیرنده را برای عملکرد صحیح پشتیبانی می کند. در یک سایت تعاملی، هنگامی که یک کاربر اطلاعات را ذخیره می کند یا یک فرم را پر می کند، مرورگر درخواستی را برای درخواست اطلاعات مورد نیاز ارسال می کند، در پاسخ اطلاعاتی که از سرور دریافت می شود توسط مرورگر تفسیر شده و به کاربر با کمک فرانت اند نمایش داده می شود. یک وب سایت که در سراسر آن باقی می ماند و فقط برای نشان دادن بعضی از اطلاعات استفاده می شود، به دخالت بک اند نیازی ندارد، از سوی دیگر سایت هایی که تعاملی هستند و محتوا را مطابق با پایگاه داده تغییر می دهند، نیاز به بک اند دارند.

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

در جدول زیر یک مقایسه مختصر از تفاوت های back-end و front-end آورده شده است.

تفاوت بین front-end و back-end
تفاوت بین front-end و back-end

Back-end در مقابل  Front-end

Back-End Front-End
به عنوان سمت سرور شناخته شده است. به عنوان سمت کاربر شناخته شده است.
این همه چیزهایی است که در پشت صحنه اتفاق می افتد. این چیزی است که برای کاربران قابل مشاهده است.
بخش داخلی یا مغز وب سایت است. کاربران می توانند محتوا را تجربه و لمس کنند.
برای ذخیره و بازیابی اطلاعات مورد نیاز، مورد استفاده قرار می گیرد. نمی توان برای ذخیره و بازیابی استفاده کرد.
درخواست ها پردازش شده و به مرورگر برای تفسیر توسط پایگاه داده منتقل می شوند توسط مرورگر به تصویر کشیده می شود.
توسعه دهنده Backend برای این کار کافی است. توسعه دهنده ها با طراحان وب برای فراهم کردن نتایج بهتر، کار می کنند.
شامل توسعه و ساخت است. شامل طراحی و آزمایش می شود.
زبان های برنامه نویسی مانند Ruby، Python، Java، .Net، و غیره برای توسعه back-end استفاده می شود. HTML، CSS و جاوا اسکریپت پایه توسعه دهنده front-end است.

 

در این مقاله، هدف بررسی تفاوت بین front-end و back-end بوده است.

Source

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

 

 

ذخیره ساز ابر آندروید

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

5 تا از نرم افزارهای ذخیره ساز ابر آندروید

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

Hype در اطراف ذخیره سازی ابر به چه معناست؟

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

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

 

ذخیره سازی ابر برای آندروید- چقدر خوب است؟

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

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

 

مزایای استفاده از Cloud Storage پشتیبانی شده توسط آندروید

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

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

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

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

5 تا از فضای ذخیره ابر سازگار با آندروید

خوشبختانه برای استفاده از ابر امکانات فراوانی فراهم شده و به راحتی قابل استفاده است. در زیر، 5 تا از سرویس های ذخیره سازی ابر برای کاربران تلفن های اندرویدی مناسب، آمده است.

دراپ باکس:

ذخیره ساز ابر آندروید- دراپ باکس
ذخیره ساز ابر آندروید- دراپ باکس

اولین برنامه ذخیره ابر DropBox بود که مورد استفاده کاربران قرار گرفت. یک ارائه‌کنندهٔ خدمات میزبانی پرونده در وب است که توسط شرکتی به همین نام اداره می‌شود.

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

Box:

ذخیره ساز ابر آندروید- باکس
ذخیره ساز ابر آندروید- باکس

درست مانند Dropbox، «جعبه» به کاربران کنترل کاملی از “چیزهایی” که آنها می توانند از طریق تلفن های آندروید خود دسترسی داشته باشند فراهم می کند. با استفاده از «جعبه» توانایی به اشتراک گذاشتن اطلاعات خود را با مخاطبین خود دارند. این برنامه داده ها را به صورت اتوماتیک با دیگر دستگاه ها همگام سازی نمی کند.

Google Drive :

ذخیره ساز ابر آندروید- Google-Drive

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

SkyDrive:

ذخیره ساز ابر آندروید- Sky-Drive
ذخیره ساز ابر آندروید- Sky-Drive

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

Verizon:

ذخیره ساز ابر آندروید- verizon
ذخیره ساز ابر آندروید- verizon

Verizon به تازگی برنامه آندروید خود را ارائه کرده است و از آن زمان به بعد موجهایی از محبوبیت تولید شده است. مشتریان Verizon Cloud می توانند همه چیز را که احتمالا با Dropbox انجام می دهند، انجام دهند. شما می توانید اطلاعات خود را در ابر ورایزون به صورت امن نگهداری کنید.

بیشتر بخوانید»»» تکنیک های سئو On-Page

Source

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

سیستم های مدیریت محتوا

همه چیز درباره سیستم های مدیریت محتوا

سیستم مدیریت محتوا چیست؟ همه چیزهای که باید درباره سیستم های مدیریت محتوا بدانید

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

 

سیستم مدیریت محتوا چیست؟

سیستم های مدیریت محتوا
سیستم های مدیریت محتوا

CMS (سیستم مدیریت محتوا) یک برنامه کامپیوتری یا مجموعه ای از برنامه های مشابه است که  برای ایجاد و یا مدیریت محتوای دیجیتال استفاده می شود. این کار با افزودن، ویرایش یا حذف محتویاتی است که در وب سایت منتشر می شود.

 

CMS اجازه انجام چه چیزهای را به شما می دهد؟

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

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

مزایا و معایب استفاده از CMS:

وقتی تصمیم می گیرید که CMS برای سایت شما مناسب است یا نه،  مزایا و معایب زیر را در نظر بگیرید:

مزایا:

ویرایش محتوا از طراحی جدا شده است:

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

مجوز دسترسی انتخابی:

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

به روز رسانی سریع:

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

آسان بودن SEO:

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

بیشتر گزینه های محبوب رایگان هستند:

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

 

معایب:

از آنجایی که ما مزایای CMS ها را پوشش دادیم، منصفانه نیست که به معایب آن ها نگاهی نیاندازیم.

خطرات امنیتی:

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

مشکلات طراحی:

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

مشکلات عقب نشینی:

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

محدودیت های عملکرد:

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

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

3 تا از مهمترین سیستم های مدیریت محتوا (CMS) برای کسب و کار

در اینجا لیستی از 3 تا بهترین برنامه های CMS و نحوه نگهداری آنها در برابر یکدیگر را ارایه خواهیم داد.

1. وردپرس

سیستم های مدیریت محتوا
سیستم های مدیریت محتوا

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

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

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

از معایبش ، نصب استانداردش دارای برخی مسائل امنیتی است و بدون اقدامات امنیتی اضافی می تواند مورد حمله قرار گیرد.

 

2.جوملا

سیستم های مدیریت محتوا
سیستم های مدیریت محتوا

بهترین CMS بعدی جوملا است. شرکت های برجسته مانند MTV، دانشگاه هاروارد و IHOP از جوملا برای وب سایت های خود استفاده می کنند. همچنین برای شبکه های back -end هم مناسب است. این CMS برای هر نوع وب سایتی مناسب است.

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

 

3.دروپال

سیستم های مدیریت محتوا
سیستم های مدیریت محتوا

دروپال یکی دیگر از CMS های بسیار محبوب است که توسط تعدادی از شرکت های سود بالا از جمله New York Observer، Popular Science، MIT، Sony Music و بسیاری دیگر استفاده می شود. دروپال دارای امکانات فراوانی برای ایجاد سایت های داخلی و خارجی و همچنین یک ابزار برای کمک به سازماندهی محتوای شماست.

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

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

 

Source

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