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

  • بوسیله: محسن شفیعی
  • در 1391/11/06 - 23:46
  • نظرات (18)
بهترین زبان برنامه نویسی برای یادگیری در سال جدید

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

یک مقاله چشم من رو در سایت کاریابی مخصوص برنامه نویسان به نام jobstractor.com گرفت. این شرکت بیش از 60,000 فرصت شغلی را در سال 2012 بررسی کرده و بر اساس آن بهترین فرصت های شغلی از آن زبان های زیر است:

 

در ادامه با ما همراه باشید…

(بیشتر…)

طراحی ریسپانسیو یک سایت دیگر

  • بوسیله: محسن شفیعی
  • در 1391/11/05 - 17:35
  • نظرات (5)
آموزش طراجی رسپانسیو

آموزش طراجی رسپانسیو

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

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

البته این را نیز یادآور میشوم که بهترین کار برای یادگیری عمل کردن است.

دوباره بعضی نکات باید یادآوری شود.

برای اینکه مدیا کوئری ها و عناصر جدید HTML5 در مرورگرهای قدیمی مانند IE8 و IE7 به درستی عمل کنند ما دو کتابخانه css3-mediaqueries.js و html5shim را برای این دو مرورگر فراخوانی میکنیم.

  (بیشتر…)

آموزش Drag and Drop در HTML5

  • بوسیله: محسن شفیعی
  • در 1391/11/04 - 10:54
  • نظرات (6)
آموزش Drag and Drop در HTML5

آموزش Drag and Drop در HTML5(عکس را زیاد جدی نگیرید)

قبل به وجود آمدن HTML5 ما برای استفاده از ویژگی Drag and Drop حتما لازم بود از کتابخانه هایی مثل jQuery یا MooTools استفاده کنیم. حالا با استفاده از HTML5 ما میتوانیم ویژگی های Drag and Drop را پیاده سازی کنیم.

برای اینکه به یک عنصر این قابلیت را اضافه کنیم باید ویژگی draggable=true را به آن بدهیم. این ویژگی API های دیگری هم دارد که عبارتند از dragstart, drag, dragend, dragenter, dragleave, dragover و drop که از اینها هم میتوانیم استفاده کنیم.

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

(بیشتر…)

طراحی ریسپانسیو در ایران

  • بوسیله: محسن شفیعی
  • در 1391/11/03 - 22:28
  • نظرات (6)
طراحی ریسپانسیو در ایران

طراحی ریسپانسیو در ایران

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

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

در ادامه با ما همراه باشید…

(بیشتر…)

نسخه جدید جی کوئری 1.9

  • بوسیله: محسن شفیعی
  • در 1391/11/02 - 18:31
  • نظرات (2)
نسخه جدید جی کوئری 1.9

نسخه جدید جی کوئری 1.9

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

جی کوئری 1.9 در شش روز پیش منتشر شد. این نسخه یکی از نسخه هایی است که در تکامل جی کوئری نقش مهمی دارد.بعضی از ویژگی های حذف شده قرار است به صورت خلاصه تر و بهتر در نسخه 2 ارائه گردند و پایانی بر پشتیبانی از مرورگرهای IE6, 7و 8 است.

متد های حذف شده:

jQuery.browser() — removed
.live() events — use .on() instead
.die() — use .off() instead
.andSelf() — use .addBack() instead
.add() — nodes are now returned in document order with disconnected nodes (those not in the document) at the end. All sets which contain disconnected nodes follow this behavior
.after(), .before(), .replaceWith() — now return an unmodified jQuery set
.appendTo, .insertBefore, .insertAfter, .replaceAll — if no elements can be selected by the target selector, e.g. $(elements).appendTo("#not_found"), the resulting set is now empty
Ajax events must be attached to the document — not a DOM node, i.e. $(document).ajaxStart(...); rather than $("#node").ajaxStart(...);
radio/checkbox click events — now returns the checked state rather than the state it would have been in if .preventDefault() were not called
Order of focus events — blur events on the previous element are now fired prior to focus events on the new element
jQuery(htmlString) — htmlString is only considered to be HTML (rather than a selector) if it starts with a tag character
.attr() — you should normally use .prop()
“hover” pseudo-event — “hover” is no longer supported as a synonym for “mouseenter mouseleave”
jQuery.ajax returning an empty JSON result — this is now considered to be malformed JSON and throws an error

(بیشتر…)

آموزش کار با ajax

  • بوسیله: محسن شفیعی
  • در 1391/11/02 - 15:44
  • نظرات (3)
آموزش کار با ajax

آموزش کار با ajax

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

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

اینکار باعث کارایی صفحه شما میشود که دیگر نیازی نیست برای نمایش یک پیغام دوباره صفحه را بارگذاری کنید.

برای استفاده از ajax ما از jquery کمک میگیریم. خوب ابتدا کد صفحه اصلی را با نام page1.html را مینویسیم(کد زیر را در صفحه page1.html قرار بدهید).

(بیشتر…)

آموزش کار با Canvas

  • بوسیله: محسن شفیعی
  • در 1391/10/30 - 16:00
  • نظرات (7)
آموزش کار با Canvas

آموزش کار با Canvas

 

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

 


عنصر Canvas

عصنر Canvas دارای خاصیت های id و height و width میباشد. خب اولین Canvas خود را میتوانید به صورت زیر بنویسید.

<canvas id="myCanvas" width="400" height="300" >
    Your web browser deos not support canvas!
</canvas>

(بیشتر…)

آموزش طراحی ریسپانسیو – فونت ها

  • بوسیله: محسن شفیعی
  • در 1391/10/28 - 23:08
  • نظرات (6)
آموزش طراحی ریسپانسیو – قدم اول

آموزش طراحی ریسپانسیو – قدم اول

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

برای درک طراحی ریسپانسیو ابتدا مطالب طراحی ریسپانسیو (Responsive) چیست؟ و آموزش طراحی ریسپانسیو را بخوانید.

در قدم اول ما در طراحی ریسپانسیو باید اندازه تمام فونت هایمان را از واحد px به واحد em تبدیل کنیم.

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

(بیشتر…)

نمایش قدرت HTML5

  • بوسیله: محسن شفیعی
  • در 1391/10/27 - 23:43
  • یک نظر
نمایش قدرت HTML5

نمایش قدرت HTML5

سایت Form Follows Function مجموعه ای از آزمایش های تعاملی HTML5 است که با استفاده از Canvas و CSS3 مانند انیمیشن های 3بعدی و 2 بعدی ساخته شده است.

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

این سایت را به هیچ وجه از دست ندهید.

سایت Form Follows Function