VIP همه چیز درباره برنامه نویسی

[☾♔TALAYEH_A♔☽]

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

 

[☾♔TALAYEH_A♔☽]

تمرین کردن
اگر می خواهید تبدیل به یک برنامه نویس حرفه ای شوید، دائماً برای خودتان پروژه تعریف کنید. نیازی نیست که حتماً پروژه ها از جانب دیگران به سمت شما سرازیر شوند. زمان هایی که وقت آزاد دارید را به تمرین و نوشتن برنامه های مختلف اختصاصی دهید. فکر می کنید می توانید یک بانک اطلاعاتی بنویسید، پروژه ای برای همین موضوع برای خودتان تعریف کنید و شروع به کار کنید. نیازی نیست که حتماً پروژه ای که تعریف می کنید به عنوان محصول ارائه شود، به چشم تمرین و یادگیری به آن نگاه کنید. خود من بارها همچین پروژه هایی رو برای خودم تعریف می کنم و برای خودم کدنویسی می کنم، موضوعات مختلف هستند، برای مثال چند وقت پیش تصمیم به نوشتن یک ORM گرفتم، ORM های زیادی وجود دارند، مانند Entity Framework و NHibernate که بسیار هم قدرتمند هستند، اما پروژه رو تعریف و شروع به کد نویسی کردم. مهمترین مزیت این کار برای من یادگیری مسائلی بود که قبلاً با آن ها آشنایی نداشتم و تو چندین پروژه همین مسائل به کمک من آمدند. ایده پردازی کنید و بر روی ایده هاتون کار کنید، جمله ای هست که میگه چرخ رو نباید دوباره اختراع کرد، اما خیلی از افرادی که می خوان وارد یک حرفه بشن، برای حرفه ای شدن تو اون حرفه شاید از ابتدا شروع به خلق کردن یک ارزش بکنند. شاید شما چیز بهتری ایجاد کردید. به خودتون اطمینان داشته باشید و شروع کنید، بعد از مدتی تغییر رو احساس خواهید کرد.

 

[☾♔TALAYEH_A♔☽]

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

در انتها مروری میکنم بر مواردی که در این مطلب به آن ها اشاره کردم:

1. در صورتی وارد کار برنامه نویسی شوید که به آن علاقه دارید
2. راه خود را بر اساس علاقه مندی های خود انتخاب کنید
3. هر روز، زمانی را به مطالعه و تحقیق اختصاص دهید
4. زبان برنامه نویسی خود را بر اساس کاری که می خواهید انجام دهید انتخاب کنید
5. ذهن خود را برای الگوریتم ها شرطی کنید
6. اگر تصمیم دارید برای خودتان کار کنید، در ابتدا حتماً به عنوان کارآموز یا نیرو در شرکتی استخدام شوید.
7. از تجربیات دیگران استفاده کنید
8. تمرین کردن زیاد از شما یک انسان حرفه ای می سازد
9. با تکنیک ها و ابزارهای مختلف در برنامه نویسی آشنا شوید

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

نویسنده: حسین احمدی
منبع : جزیره برنامه نویسی وب سایت توسینسو

 

[☾♔TALAYEH_A♔☽]

Bootstrap – فریم ورک بوت استرپ
توسط سمیه رضایی | bootstrap, framework, بوت استرپ, فریم ورک بوت استرپ | فریم ورک, مقالات آموزشی | ۱ comment

Bootstrap چیست؟
Bootstrap – بوت‌استرپ یک چهارچوب (فریم ورک – Framework) رایگان و محبوب، برای طراحی ظاهر صفحات است که از Sass ،Less ،css ،html و js تشکیل‌شده است.
بوت‌استرپ از یک سری ماژول‌های مختلف تشکیل‌شده است که توسعه سریع‌تر و آسان‌تر ظاهر وب‌سایت را ممکن می‌سازد.
یکی از مهم‌ترین ویژگی‌های آن امکان طراحی واکنشگرا (رسپانسیو) است که به‌آسانی وب‌سایت شمارا در همه دستگاه‌ها از موبایل، تبلت تا صفحات دسکتاپ به‌درستی نمایش می‌دهد.
این فریم ورک از به‌روز ترین زبان‌ها مانند Html۵ و Css۳ پشتیبانی می‌کند.
کدهای Bootstrap، از دو پیش پردازنده مهم css یعنی LESS و SASS استفاده می‌کند.
تاریخچه
Mark Otto و Jacob Thornton در توییتر این فریم ورک را توسعه می‌دادند که سرانجام ۱۹ آگوست ۱۳۹۰ (۲۰۱۱ میلادی) آن را در GitHub منتشر کردند.
بوت‌استرپ از دل یکی از پروژه‌های توییتر بیرون آمد و کاربرد آن کم کردن زحمت برای توسعه و تغییر پروژه بود.
این پروژه در خرداد سال ۱۳۹۳ (ژوئن ۲۰۱۴ میلادی)، پروژه شماره یک گیت هاب بود.
ساختار و عملکرد
ساختار کلی بوت استرپ از یک سری فایل‌های استایل و اسکریپت تشکیل‌شده است.
در Bootstrap برای هر امکان کلاسی مشخص وجود دارد؛ مثلاً برای طراحی صفحه واکنشگرا و بخش‌بندی صفحه (Grid System) ۴ کلاس lg-md-sm-xs تعریف‌شده است. این چهار کلاس مشخص‌کننده سایز باکس‌ها در دستگاه‌های مختلف است.
بوت‌استرپ ماژولار بوده و توسعه‌دهندگان می‌توانند فایل بوت‌استرپ را به انتخاب خودشان بسازند و حتی به‌وسیله دستورهای LESS تغییرات عمده‌تری انجام دهند.

گریدبندی یا ستون بندی بوت استرپ

مزایا
• کاربردی و ساده
• طراحی صفحات واکنشگرا
• سازگاری با عموم مرورگرها (cross platform)
• ایجاد ظاهر مناسب برای تگ‌ها/دستورهای html
• قابل تنظیم و سفارشی‌سازی
• جامعه بزرگ پشتیبانی
• سازگار با دیگر فریم ورک ها و پلتفرم‌ها
• انعطاف‌پذیر
• به‌روزرسانی مناسب
• تاپیوگرافی استاندارد
• دارای بیش از ۲۵۰ آیکن فونت کاربردی

آیکن های بوت استرپ

دکمه های بوت استرپ

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

مرورگرهای موبایل

مرورگرهای دسکتاپ

بخشی از امکانات

باکس های پیغام بوت استرپ

باکس مدال بوت استرپ

برچسب (لیبل) بوت استرپ

نمایش تصاویر در بوت استرپ

تولتیپ در بوت استرپ

اینپوت در بوت استرپ

لینک های مفید
سایت مرجع رسمی
سایت رسمی آموزشی

برای راحتی و سرعت بخشیدن به کارتون در طراحی صفحه وب، بوت‌استرپ یکی از بهترین گزینه‌هاست مخصوصاً باوجود ویژگی رسپانسیو که داره.
Bootstrap چیست؟
Bootstrap – بوت‌استرپ یک چهارچوب (فریم ورک – Framework) رایگان و محبوب، برای طراحی ظاهر صفحات است که از Sass ،Less ،css ،html و js تشکیل‌شده است.
بوت‌استرپ از یک سری ماژول‌های مختلف تشکیل‌شده است که توسعه سریع‌تر و آسان‌تر ظاهر وب‌سایت را ممکن می‌سازد.
یکی از مهم‌ترین ویژگی‌های آن امکان طراحی واکنشگرا (رسپانسیو) است که به‌آسانی وب‌سایت شمارا در همه دستگاه‌ها از موبایل، تبلت تا صفحات دسکتاپ به‌درستی نمایش می‌دهد.
این فریم ورک از به‌روز ترین زبان‌ها مانند Html۵ و Css۳ پشتیبانی می‌کند.
کدهای Bootstrap، از دو پیش پردازنده مهم css یعنی LESS و SASS استفاده می‌کند.
تاریخچه
Mark Otto و Jacob Thornton در توییتر این فریم ورک را توسعه می‌دادند که سرانجام ۱۹ آگوست ۱۳۹۰ (۲۰۱۱ میلادی) آن را در GitHub منتشر کردند.
بوت‌استرپ از دل یکی از پروژه‌های توییتر بیرون آمد و کاربرد آن کم کردن زحمت برای توسعه و تغییر پروژه بود.
این پروژه در خرداد سال ۱۳۹۳ (ژوئن ۲۰۱۴ میلادی)، پروژه شماره یک گیت هاب بود.
ساختار و عملکرد
ساختار کلی بوت استرپ از یک سری فایل‌های استایل و اسکریپت تشکیل‌شده است.
در Bootstrap برای هر امکان کلاسی مشخص وجود دارد؛ مثلاً برای طراحی صفحه واکنشگرا و بخش‌بندی صفحه (Grid System) ۴ کلاس lg-md-sm-xs تعریف‌شده است. این چهار کلاس مشخص‌کننده سایز باکس‌ها در دستگاه‌های مختلف است.
بوت‌استرپ ماژولار بوده و توسعه‌دهندگان می‌توانند فایل بوت‌استرپ را به انتخاب خودشان بسازند و حتی به‌وسیله دستورهای LESS تغییرات عمده‌تری انجام دهند.

گریدبندی یا ستون بندی بوت استرپ

مزایا
• کاربردی و ساده
• طراحی صفحات واکنشگرا
• سازگاری با عموم مرورگرها (cross platform)
• ایجاد ظاهر مناسب برای تگ‌ها/دستورهای html
• قابل تنظیم و سفارشی‌سازی
• جامعه بزرگ پشتیبانی
• سازگار با دیگر فریم ورک ها و پلتفرم‌ها
• انعطاف‌پذیر
• به‌روزرسانی مناسب
• تاپیوگرافی استاندارد
• دارای بیش از ۲۵۰ آیکن فونت کاربردی

آیکن های بوت استرپ

دکمه های بوت استرپ

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

مرورگرهای موبایل

مرورگرهای دسکتاپ

بخشی از امکانات

باکس های پیغام بوت استرپ

باکس مدال بوت استرپ

برچسب (لیبل) بوت استرپ

نمایش تصاویر در بوت استرپ

تولتیپ در بوت استرپ

اینپوت در بوت استرپ

 

[☾♔TALAYEH_A♔☽]

تکنولوژی Ajax – ای‌جکس
توسط سمیه رضایی | AJAX, ای جکس, ایجکس, تکنولوژی ایجکس, معماری ایجکس | تکنولوژی, مقالات آموزشی | ۰ comments

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

Ajax مخفف کلمات Asynchronous JavaScript And XML می‌باشد.

نمونه کد ایجکس به وسیله جکوئری

تاریخچه
در اواسط زمستان ۱۳۸۴ (فوریه ۲۰۰۵ میلادی) بود که Jesse James Garrett برای اولین بار در قالب مقاله‌ای از این عنوان استفاده کرد.
بااین‌حال که در سال ۱۳۸۴ (۲۰۰۵ میلادی) بود که این عنوان اختراع شد، اما تاریخچه فناوری‌هایی که به این موضوع منتهی شدند، حدوداً یک دهه قبل توسط مهندسین خلاق ماکروسافت ایجاد شدند.
درنهایت با تغییر و تحولاتی که در این مسیر به وجود آمد، تکنولوژی Ajax ایجاد شد.
کلیات و ساختار
این تکنولوژی مرتبط با مرورگرها بوده و مستقل از نرم‌افزار وب سرور کار می‌کند.

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

فناوری‌های تشکیل‌دهنده ای‌جکس عبارتند از:

• نمایش استاندارد با استفاده از XHTML و CSS
• انتخاب و اعمال تغییرات روی دستورات به‌وسیله Document Object Model (DOM)
• تبادل و تغییر اطلاعات با استفاده از XML و تبدیلات XSLT
• بازیابی اطلاعات با استفاده از XMLHttpRequest
• و درنهایت جاوااسکریپت برای سرهمبندی همه‌چیز باهم.
مراحل اجرا
اول از سمت کاربر یک رویداد در صفحه وب اتفاق می‌افتد مثلاً: کلیک شدن یک دکمه
سپس یک شیء XMLHttpRequest به‌وسیله جاوااسکریپت ایجاد می‌شود و یک درخواست را به سرور ارسال می‌کند.
سرور پس از بررسی درخواست، یک پاسخ به صفحه وب ارسال می‌کند.
پاسخ توسط جاوااسکریپت خوانده می‌شود.
اقدام موردنظر مناسب، مثلاً به‌روزرسانی بخشی از صفحه توسط جاوااسکریپت انجام می‌شود.
مزایا
• بهبود تجربه و رابط کاربری
• پاسخ سریع به کاربر
• کاهش چشمگیر ترافیک مصرفی، بین کاربر و سرور
• افزایش سرعت و عملکرد برنامه‌های وب
• کاهش حجم و صفحات و برنامه‌ها
• بارگذاری بخشی از صفحه وب
• مسدود نشدن کل صفحه و منتظر نماندن مخاطب
معایب
• تأخیر در بارگذاری اولیه صفحه که باید با پیغامی به شخص اطلاع داده شود که صفحه در حال بارگذاری است.
• استفاده از جاوااسکرپت که اگر مخاطب جاوااسکریپت مرورگر خود را غیرفعال کرده باشد، ایجکس نیز نمی‌تواند اجرا شود.
• افزایش زمان طراحی و توسعه برنامه
• ساختار پیچیده‌تر نسبت به برنامه‌های ساده‌تر
• موتورهای جستجو برنامه‌های ساخته‌شده با Ajax را ایندکس نمی‌کنند.
• بین دو سرور نمی‌تواند ارتباط برقرار کند و توانایی خواندن اطلاعات از سرور دیگری را ندارد.
وبسایت های استفاده کننده
در بین شرکت‌های مطرح، شرکت گوگل بود که بر روی این معماری تمرکز قابل‌توجهی نمود و باعث جلب‌توجه بقیه نسبت به این تکنولوژی شد.
وب‌سایت‌هایی از قبیل Google Map، Gmail، Youtube و… تنها چند نمونه از محصولات گوگل بودند که باعث جلب‌توجه دیگران به Ajax شد.

 

[☾♔TALAYEH_A♔☽]

PHP – زبان برنامه نویسی پی اچ پی
توسط سمیه رضایی | php, پی اچ پی, زبان برنامه نویسی | زبان برنامه‌نویسی, مقالات آموزشی | ۱ comment

php چیست؟
زبان برنامه‌نویسی پی اچ پی – php یک زبان اسکریپت نویسی سمت سرور است که به‌صورت رایگان و متن‌باز می‌باشد.
این زبان در درجه اول یک زبان ساده و قدرتمند برای طراحی هسته و پایه وب سایت‌های پویا و داینامیک است.
برای طراحی هر نوع سایت، پرتال و یا نرم‌افزار تحت وب دلخواه خود، می‌توانید از آن استفاده کنید.
اصطلاح PHP مخفف Hypertext Preprocessor به معنی پیش پردازنده ابرمتن می‌باشد.
تاریخچه
در سال ۱۳۷۳ (۱۹۹۴ میلادی) بود که راسموس لردورف به کمک زبان C برای نمایش رزومه، بررسی آمار بازدید سایت و ارتباط بین فرم‌ها و پایگاه داده، اولین قدم برای ساخت PHP را برداشت.
نام اولیه آن را PHP/FI گذاشت که در ایجاد نرم‌افزار ساده وب مورداستفاده قرار می‌گرفت.این زبان در سال ۱۳۷۴ (۱۹۹۵ میلادی) بود که به‌صورت عمومی منتشر شد و به فاصله ۲ سال یعنی سال ۱۳۷۶ (۱۹۹۷ میلادی) به کمک تیم برنامه‌نویسی که شکل‌گرفته بود، نسخه دوم آن منتشر شد.در نسخه سوم، اندی گاتسمن و زیو سوراسکی با همراهی لردوف، موتور تجزیه‌کننده آن را بازنویسی کردند و نام زبان را به php تغییر دادند.سرانجام در اواخر سال ۱۳۹۴ (۲۰۱۵ میلادی) پس از تغییرات بسیاری که در نسخه‌های مختلف دادند، نسخه ۷ آن منتشر شد.
کلیات و ساختار
همانطور که به‌صورت خلاصه بیان کردیم، php یک زبان سمت سرور است که تمام دستورها و اسکریپت‌های آن بر روی سرور اجراشده و نتیجه به‌صورت کد html به مرورگر کاربر ارسال می‌شود.

به خاطر داشتن خاصیت Html embedded، می‌توان دستورهای آن را به‌صورت مستقیم درون کدهای html قرارداد.

برنامه Hello World بالا با استفاده از زبان php درون کدهای html قرار گرفته‌است

ساختار کلی جاوااسکریپت و php شبیه به هم است؛ با این تفاوت که جاوااسکریپت سمت کاربر اجرا می‌شود و اطلاعات خود را بر روی مرورگر کاربر ذخیره می‌کند ولی php سمت سرور اجرا می‌شود و اطلاعاتش بر روی سرور ذخیره می‌شوند.

برای تفسیر کدهای php در سرور، باید نرم‌افزار آن بر روی سرور نصب باشد.

کاربرد
از کاربردهای فراوان php می‌توان اشاره کرد به:
• جمع‌آوری اطلاعات فرم‌ها
• تولید صفحات وب پویا
• ارسال و دریافت کوکی
• انجام محاسبات ریاضی
• و ….
اصلی‌ترین هدف php، اسکریپت نویسی سمت سرور است و همچنین نوشتن برنامه‌های کابردی دسکتاپ نیز با این زبان امکان‌پذیر است.
امکان ویرایش و ایجاد تصاویر ساده نیز موجود است که به کمک کتابخانه GD انجام می‌شود.
از امکاناتی که این کتابخانه دارد می‌توان به:
• ویرایش تصاویر
• چرخاندن
• ساخت تصاویر بندانگشتی
• و ….
اشاره کرد.

نمونه برنامه php

پایگاه‌های داده
یکی از مهم‌ترین ویژگی‌های php، پشتیبانی از طیف گسترده پایگاه‌های داده است که جهت ذخیره‌سازی و بازیابی اطلاعات در این زبان استفاده می‌شوند:

• MySql
• Oracle
• Sybase
• و ….

که از معروف‌ترین و پرکاربردترین آن‌ها MySql است.

فریم ورک‌ها
به خاطر محبوبیت زیادی که php دارد، برای آن فریم ورک‌های متعددی ایجادشده که در زیر چند نمونه از محبوبترین آن‌ها هستند.
• Laravel
• Symfony
• Nette
• CodeIgniter
• Yii
• CakePHP
• Lumen
• و … .
IDE ها
IDEها و یا برنامه‌های برنامه‌نویسی مختص php

• NetBeans
• PHPStorm
• Sublime Text
• Eclipse PDT
• Zend Studio
• Atom
• NuSphere
• PHP Designer
• Cloud ۹

مزایا
• بر روی هر سیستم عاملی قابل اجراست (Cross Platform).
• تقریبا با تمام سرورها سازگاری کامل دارد.
• پشتیبانی از طیف گسترده‌ای از پایگاه‌های داده
• یادگیری آسان به همراه دوره‌های آموزشی فراوان
• سرعت خوب نسبت به زبان‌های نویسی
• پشتیبانی قوی توسط توسعه دهندگان
• شیءگرا
• سینتکس این زبان شبیه به زبان‌های Perl و C می‌باشد.
• کاملا رایگان

معایب
• به‌صورت پیشفرض راهکارهای امنیتی به برنامه‌نویس گفته نمی‌شود.
• برای برنامه‌های خیلی خیلی بزرگ

کاربردی نیست.

سیستمها و سایتهای طراحی شده
• شبکه اجتماعی فیسبوک
• وب سایت ویکی پدیا
• انجمن ساز vBulletin
• سیستم مدیریت محتوای وردپرس
• سیستم مدیرت محتوای جوملا
• و … .

 

[☾♔TALAYEH_A♔☽]

JavaScript – زبان برنامه نویسی جاوااسکریپت
توسط سمیه رضایی | JavaScript, جاوااسکریپت, زبان برنامه نویسی | زبان برنامه‌نویسی, مقالات آموزشی | ۱ comment

JavaScript چیست؟
JavaScript – جاوااسکریپت یک زبان برنامه‌نویسی اسکریپتی است؛ به‌وسیله زبان‌های اسکریپتی طراحی و کنترل فعالیت‌های خودکار و یا عملی طولانی در برنامه‌ها امکان‌پذیر است.
این زبان در صفحات وب، برای ایجاد پویایی، ساخت برنامه‌های کاربردی و کنترل و هدایت المان‌ها است.
به شما این توانایی را می‌دهد که محتوا را پویا کنید، محتوای چندرسانه‌ای را کنترل کنید، تصاویر را حرکت بدهید و هرچیزی را زیباتر کنید.
جاوااسکریپت یک زبان برنامه‌نویسی شیء گرا و پویا است. اشیا می‌توانند به‌صورت مستقیم، ویژگی‌ها را از یکدیگر به ارث ببرند و زنجیره‌ای از اشیاء را ایجاد کنند که وقتی به صفحات html اضافه می‌شوند، صفحات وب تعاملی و پویا ایجاد می‌کنند.

نمونه کد JS


تاریخچه
ازآنجایی‌که صفحات وب، برای کارایی بیشتر باید به‌صورت دینامیک و متحرک باشند، استفاده از دستورات HTML به‌تنهایی نیاز صاحبان سایت‌ها را برطرف نمی‌کرد، به همین دلیل شرکت Netscape برای ایجاد و کنترل ارتباط بین صاحبان سایت و بینندگان آن در صفحات وب، JavaScript را ایجاد کرد.
در آغاز این زبان را شخصی به نام برندان ایچ در شرکت نت‌اسکیپ بانام Mocha طراحی نمود. این نام بعداً به LiveScript و درنهایت به Javascript تغییر یافت و اولین نسخهٔ آن در آذر ۱۳۷۴ (دسامبر ۱۹۹۵ میلادی) معرفی و عرضه شد.
کلیات
این زبان سمت کاربر بوده و براساس مدل DOM (Document Object Model) عمل می‌کند. در این مدل ابتدا باید html و css لود شوند و سپس جاوااسکریپت اجرا شود و گرنه عمل نمی‌کند.
این زبان در تمام مرورگرها قابل‌اجرا است و توسط موتور جاوااسکریپت مرورگر اجرا می‌شود.
تا به امروز توسعه‌دهندگان زیادی ابزار و کتابخانه‌های کمکی فروانی برای این زبان نوشته‌اند.
یک تکنولوژی معروف که باعث شد جاوااسکریپت در معرض توجه بیشتری قرار گیرد، Ajax می‌باشد. به‌وسیله ایجکس ارتباط با سرور بدون نیاز به بارگذاری کل صفحه امکان‌پذیر است.
کتابخانه ها
برای راحت تر کردن کدهای جاوااسکریپت و ساده تر کار کردن با آن، تعداد زیادی فریم ورک و کتابخانه برای آن نوشته اند. این کتابخانه ها درواقع مجموعه ای از توابع و کلاس های آماده هستند که برای استفاده از آن‌ها باید به صفحه افزوده شوند.
برخی کتابخانه های JavaScript عبارتنداز:

• jQuery
• Prototype
• MooTools
• و … .

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

 

[☾♔TALAYEH_A♔☽]

CSS – زبان نشانه گذاری سی اس اس
توسط سمیه رضایی | css, زبان برنامه نویسی, سی اس اس | زبان برنامه‌نویسی, مقالات آموزشی | ۰ comments

CSS چیست؟
css – سی اس اس یک زبان تحت وب است که به‌وسیله کدهای آن می‌توانید به عناصر HTML استایل و ساختار بدهید تا ظاهر دلخواه خود را ایجاد کنید.

CSS همانند HTML یک زبان نشانه‌گذاری است و استایل صفحات html را مشخص می‌کند؛ درواقع این دو زبان مکمل یکدیگر نیز هستند.

css مخفف کلمات Cascading Style Sheets می‌باشد. در این اصطلاح، علت استفاده از کلمه Cascading (آبشاری) این است که دستورات به‌صورت خطی و به ترتیب خوانده می‌شوند (خطی یعنی: کدهای پایین‌تر ارجح‌تر از کدهای بالاتر هستند).

نمونه کد css

تاریخچه
در آغاز، html تنها ۱۸ تگ داشت که به‌وسیله آن امکان طراحی و ساخت صفحات ساده وب امکان‌پذیر بود.
در سال ۱۳۷۲ (۱۹۹۴ میلادی) بود که کنسرسیوم جهانی وب برای شناسایی و حل کاستی‌های آن، نهادی را تشکیل داد که سرانجام Css ایجاد شد.
در سال ۱۳۷۲ (۱۹۹۴ میلادی) بود که Hakon Wium Lie اولین پیش‌نویس css را منتشر کرد.
درنهایت نسخه ۱ آن در سال ۱۳۷۴ (۱۹۹۶ میلادی) منتشر شد.
اولین مرورگری که به‌صورت کامل با آن سازگار بود و از آن پشتیبانی می‌کرد، Microsoft Internet Explorer بود.
در نسخه‌های بعد، این زبان دست‌خوش تغییرات زیادی قرار گرفت.
در سال ۱۳۷۷ (۱۹۹۸ میلادی) که نسخه ۲ آن منتشر شد، ۳۴ دستور جدید و در نسخه نهایی آن (نسخه ۳)، ۱۳۴ دستور به آن افزوده شد.
در نسخه سوم، قابلیت‌های آن در قالب ماژولار درآمد، یعنی ویژگی‌های مرتبط هر دستور در یک بخش و در کنار هم قرار گرفتند تا نوشتن آن ساده‌تر، حجم کمتر و سازگاری با مرورگرهای مختلف افزایش یابد.
از اصلی‌ترین زبان‌های وب می‌باشد که توسط کنسرسیوم جهانی وب W۳C نوشته و پشتیبانی می‌شود.
کاربرد
به‌وسیله این زبان می‌توانید نمایش چیدمان و جلوه‌های تصویری مانند نوع قلم، رنگ، اندازه‌ها و جایگاه آن‌ها را در صفحات وب مشخص نمایید.
بدون استفاده از css نمی‌توانید وب سایت با ظاهر خوب و معقول داشته باشید که برای موتورهای جستجو و مخاطب شما جذاب و مفهومی و کاربردی باشد.

یادگیری این زبان برای طراحان وب الزامی است تا بتوانند سایت خود را به سبک و ظاهر مناسب طراحی کنند.

تفاوت css با html

مزایا
• یادگیری ساده و آسان
• امکان طراحی سایت رسپانسیو، مناسب برای دستگاه‌های مختلف
• ایجاد انیمیشن ساده
• تغییر یک مشخصه، از یک آیتم و اعمال همزمان آن روی چند بخش
• دارای انتخاب‌گرهای مختلف و زیاد
• پس از باز کردن صفحه سایت فایل css در حافظه پنهان مرورگر ذخیره می‌شود و در بازدیدهای بعدی دیگر دانلود نمی‌شود؛ این موضوع باعث کاهش هزینه و پنهای باند برای کاربر و مدیران سایت می‌شود.
• می‌توان یک فایل سی اس اس را به چندین و چند صفحه اختصاص داد و به‌صورت مشترک از آن استفاده کرد.

معایب
• با تمام مرورگرها به‌صورت کامل و مشابه سازگار نیست.
• کد‌های آن به‌راحتی قابل رؤیت هستند.
• به‌تنهایی کاربردی ندارد و باید به همراه html باشد.

 

[☾♔TALAYEH_A♔☽]

HTML – زبان نشانه گذاری اچ تی ام ال
توسط سمیه رضایی | html, اچ تی ام ال, زبان برنامه نویسی | زبان برنامه‌نویسی, مقالات آموزشی | ۱ comment

HTML چیست؟
HTML یکی از زبان‌های نشانه‌گذاری سمت کاربر صفحات وب است که در اصل تمام زبان‌های برنامه‌نویسی تحت وب به آن وابسته هستند.
این زبان پایه اصلی صفحات وب را شکل می‌دهد که به همراه زبان‌های دیگر مانند css و javascript می‌توان صفحات را به‌صورت دلخواه و زیبا و هوشمندتر طراحی و پیاده‌سازی کرد.
این واژه مخفف کلمات “Hyper Text Markup Language” است که به “زبان نشانه‌گذاری ابرمتن” ترجمه می‌شود.

نمونه کد HTML

تاریخچه
این زبان در سال ۱۳۶۹ (۱۹۹۰ میلادی) توسط تیم برنزلی و به‌وسیله زبان کد نویسی SGML ابداع شد. HTML در آغاز بسیار ساده بود، فقط ۱۸ عنصر اولیه برای طراحی ابتدایی صفحات وب داشت. پس از آن و با کمک css امکان خلق صفحاتی با ظاهر بهتر ممکن شد.
این زبان به مرور توسعه داده شد و اکنون آخرین نسخه آن، html ۵.۱ می‌باشد.

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

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

 

[☾♔TALAYEH_A♔☽]

وردپرس سیستم مدیریت محتوا – WordPress CMS
توسط حمیدرضا قویدل | CMS, wordpress, سیستم مدیریت محتوا, وردپرس, وردپرس چیست؟ | سیستم مدیریت محتوا, مقالات آموزشی | ۰ comments

وردپرس چیست؟
وردپرس یک سیستم تولید محتوای رایگان تحت وب می‌باشد که برای طراحی وبسایت و یا وبلاگ، گزینه بسیار مناسبی است.
به‌وسیله گسترده‌گی افزونه‌ها، پوسته‌ها، مستندات و پشتیبانی مستمر وردپرس، با سادگی و کیفیت بالا امکان طراحی هر نوع وبسایتی را دارید.
توسعه‌دهندگان آن به سادگی، زیبایی، کارایی و پیروی از استانداردهای وب اهمیت بسیاری داده‌اند.
توسعه و پشتیبانی وردپرس به قدری قوی بوده که تاکنون بیش از ۶۸% سایت‌های جهان با آن راه‌اندازی شده است.

تاریخچه
مت مولنوگ، توسعه‌دهنده اصلی وردپرس، در سال ۱۳۸۲ (۲۰۰۳ میلادی) به کمک مایک لیتل با استفاده از سیستم b۲ شروع به نوشتن وردپرس نمودند. در ادامه کار توسعه‌دهندگان زیادی مثل Michel Valdrighi که بنیانگذار b۲ بود، به آن‌ها پیوستند.
وردپرس در آغاز یک سرویس وبلاگ دهی بود که بعدا به‌صورت آزاد برای توسعه همگانی منتشر شد.
این سیستم تا به امروز با سرعت و پیشرفت قابل‌ توجهی تبدیل به معروف‌ترین و پرکاربردترین ابزار ساخت وبلاگ و وب‌سایت بر روی‌ هاست شده است.



تکنولوژی
وردپرس با سرعت بالایی به‌روزرسانی می‌شود و به همین دلیل از به‌روز ترین تکنولوژی ها و زبان های موجود مثل PHP ۷ و بالاتر و mysql ۵,۶ استفاده می‌کند.

مزایا
• رابط کاربری بسیار ساده و زیبا
• سئوی بسیار قوی
• پشتیبانی قوی در سطح جهان
• موجود به ۱۶۴ زبان بین‌المللی
• سبک و قدرتمند
• دارای حدود ۵۰ هزار پلاگین رایگان
• دارای بیش از ۵ هزار قالب رایگان

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

ویژگی ها و امکانات
• دارای اپلیکیشن موبایل برای مدیریت سایت
• پشتیبانی از ساعت‌های محلی
• فشرده‌سازی محتوا به‌وسیله gzip
• مشخص کردن سطح دسترسی
• ثبت و ذخیره مشخصات کاربران
• پویا بودن و انعطاف‌پذیری بالا
• امکان راه‌اندازی سیستم وبلاگ دهی
• ساخت و مدیریت آسان فهرست
• شخصی‌سازی قالب‌ها و ابزارک‌ها از پنل مدیریت
• ارسال و مدیریت دیدگاه کاربران
• راه‌اندازی تالار گفتگو
• راه‌اندازی فروشگاه اینترنتی
• و….

پنل مدیریت وردپرس