گوگل فریم ورک iOS Testing را اوپن سورس کرد. گوگل EarlGrey را که یک فریمورک بومی iOS را برای تست اتوماسیون رابط کاربری می باشد و توسط آن شما می توانید به سادگی بنویسید و به صورت مختصر تست کنید؛ به عنوان یک پروژه متن باز بر روی گیت هاب تحت لایسنس Apache منتشر کرد. […] ادامه مطلب ←

هکرهای جهان در این شماره متحد می شن تا انسان ها رو در آخرین سنگر بازی‌های فکریشون شکست بدن. مادر این شماره بین آدم ها پول مجانی پخش می کنیم تا ببینیم چه اتفاقی برای آرمان هامون می افته. گیک‌های تراز نوین از این شماره استقابل خواهند کرد و تنبل‌ها راحت‌تر از همیشه در صندلی‌هاشون […] ادامه مطلب ←

بابلی‌ها و سومری‌هایی است در ۵۵۰۰ سال قبل سیستم سگزادسیمال (شصت شصتی) رو پایه گذاشتن و باعث شدن دقیقه ما شصت ثانیه داشته باشه و معتقد باشیم سر یک جغد صد و هشتاد در جه می‌چرخه. در شماره شصتم رادیو گیک،‌ برای کمتر از یکساعت که بهش می گیم شصت دقیقه، مهمان رادیویی هستیم که […] ادامه مطلب ←

دیروز یکی از بچه‌ها متوجه شد که گوگل داره علاوه بر نمایش مسیر، میزان ترافیک و حتی وجود نقاط در دست تعمیر و این‌ها رو هم نشون میده! نمی‌دونم گوگل از کی شروع کرده به ارائه اطلاعات ترافیکی داخل تهران (و حتی ایران) ولی اینکه چطور این کارو کرده جالبه. البته امکان نمایش و پیشبینی […] ادامه مطلب ←

در شماره پنج و هفت رادیو گیک و در نبود آرش زاد عزیز، مهمون من، هیچکس و سرفه‌هامون هستین تا تکنولوژی و جامعه رو با هم یکی کنیم! با ما باشین چون این شماره بالاخره یک شماره کوتاهه. متاسفانه براوزر شما از اچ تی ام ال ۵ پشتیبانی نمی کند. یا خیلی باحال است یا […] ادامه مطلب ←

در شماره پنج و هفت رادیو گیک و در نبود آرش زاد عزیز، مهمون من، هیچکس و سرفه‌هامون هستین تا تکنولوژی و جامعه رو با هم یکی کنیم! با ما باشین چون این شماره بالاخره یک شماره کوتاهه. متاسفانه براوزر شما از اچ تی ام ال ۵ پشتیبانی نمی کند. یا خیلی باحال است یا […] ادامه مطلب ←

انقلاب: چیزی است که در آن چیزی کنار گذاشته میشود و چیزی بهتر و یا چیزی که پتانسیل بهتر شدن از چیز فعلی را دارد سرکار می‌آید. حرف من از انقلاب های سیاسی نیست.ماجرا این است که به گفته گوگل تبلیغات مبتنی بر فلش از امروز دیگر در گوگل کروم اجرا نخواهند شد،مگر به خواست […] ادامه مطلب ←

مقدمه

در شرکت داتیس پارس پروژه‌ای داریم که مسئولیت بخش Front-end آن به تیم ما سپرده شده است. قبل‌تر بخش Front-end با کتابخانه انگولار (AngularJS) توسعه داده شده بود ولی با ارزیابی‌های صورت گرفته، تشخیص بر آن شد که به جای AngularJS از کتابخانه Polymer استفاده نماییم. من از حامیان اصلی این تغییر بودم و حالا بعد از چندین هفته مطمئن شدم که گزینه درست را انتخاب نموده‌ام. این مطلب به معرفی کتابخانه Polymer می‌پردازد.
با توجه به در دسترس نبودن مستقیم سرویس‌هایی مانند Youtube و پروتکل HTTPS از داخل ایران و نیز تحریم‌های گوگل علیه ایران، ممکن است بخش‌هایی از ادامه مطلب را به صورت صحیح و یا کامل مشاهده نفرمایید.

بروزرسانی (دلیل استفاده از Polymer به جای AngularJS)

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

1. سادگی پلیمر (از نظر آموزش و توسعه)
2. ارائه مدل وب کامپوننتی
3. محدودیت زمانی
4. سازگاری ساده‌تر با کتابخانه‌های مختلف
5. در دسترس بودن Element های آماده برای تمامی نیازهای مد نظر ما
6. تسریع در توسعه نرم‌افزار
7. در حال حاضر ما از فریم ورک MVC در بخش فرانت اند استفاده نمی‌کنیم. مدل پلیمر متفاوت از پیاده‌سازی MVC است.
8. انگولار نسخه ۱ از پلیمر پیشتیبانی نمی‌کند. طبق گفته تیم انگولار، پشتیبانی از وب‌کامپوننت‌ها از نسخه ۲ به آن اضافه خواهد شد.

معرفی Polymer (پلیمر)

پلیمر کتابخانه‌ی جاوا اسکریپت برای توسعه سایت‌ها و نرم‌افزارهای تحت وب است. به زبان ساده‌تر پلیمر مجموعه‌ای از وب‌کامپوننت‌ها (Web Component‌) آماده استفاده را در اختیار توسعه‌دهندگان قرار می‌دهند. مشابه راه‌کارهایی که کتابخانه‌‌های X-Tag و Bosonic فراهم می‌کنند.

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

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

1. کامپوننت‌ها مستقل از یکدیگر خواهند بود. در صورت طراحی صحیح معماری، تغییر در یک کامپوننت، منجر به ایجاد مشکل در سایر کامپوننت‌ها نمی‌شود.
2. از نوشتن کدهای تکراری جلوگیری می‌شود. شما می‌توانید یک کامپوننت مشترک را در چندین کامپوننت دیگر براحتی استفاده نمایید.
3. پلیمر (و به صورت کلی‌تر وب کامپوننت) سرعت توسعه نرم‌افزار را شتاب می‌بخشد.
4. نگهداری (Maintenance) نرم‌افزار در بلندمدت کم هزینه‌تر خواهد بود.

پیش‌نیازها

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

• HTML + CSS + JavaScript!
• Web Components
• Custom Elements
• HTML Imports
• Template Element
• Shadow DOM

نمونه کاربردی Polymer و Web Component

اگر از ابزارهای گوگل و یا سیستم‌عامل اندروید استفاده کرده باشید، مطمناً چشمتان به کامپوننت‌های پلیمر خورده است. به عنوان مثال بخش ظاهری (Front-end) نرم‌افزارهای Google Translate و اپلیکیشن Youtube بر روی گوشی تلفن همراه با استفاده از کتابخانه پلیمر پیاده‌سازی شده است.

در زیر با استفاده از کامپوننت paper-button دو دکمه و با استفاده از کامپوننت paper-toast دو نوتیفیکیشن ایجاد کرده ایم. با کلیک کردن بر روی هر دکمه نوتیفیکیشن مربوط به آن را مشاهده خواهد نمود:
See the Pen <a href=’http://codepen.io/saeidzebardast/pen/xGoEoe/’>Polymer 1.0 Paper Toast</a> by Saeid Zebardast (<a href=’http://codepen.io/saeidzebardast’>@saeidzebardast</a>) on <a href=’http://codepen.io’>CodePen</a>.

از کجا یاد بگیریم؟

بهترین منبع برای یادگیری پلیمر وب‌سایت پلیمر به آدرس polymer-project.org است. این وب‌سایت و بخش عناصر (elements.polymer-project.org) به سرعت در حال تغییر و توسعه هستند. برای شروع پیشنهاد می‌کنم ویدئو معرفی Polymer 1.0 در همایش Google I/O 2015 را در ادامه مشاهده فرمایید:

منابع و اطلاعات بیشتر

• Polymer Project
• WebComponents.org

پی‌نوشت: فرصت‌های شغلی

برنامه‌نویس جاوا اسکریپت

در صورتیکه به پلیمر علاقمند هستید و تجربه کافی در زمینه JavaScript و کتابخانه‌های آن مانند AngularJS، ‌BackBoneJS و… دارید، خوشحال می‌شویم که عضو جدید تیم ما باشید.

طراح رابط کاربری (UX/UI)

اگر تجربه لازم در طراحی رابط کاربری و آشنایی کافی با HTML و CSS دارید، خوشحال می‌شویم که عضو جدید تیم ما باشید.

برنامه‌نویس جاوا

در صورتیکه علاقمند به کار در بخش Back-end پروژه هستید، شرکت ما در حال جذب نیرو برای این بخش نیز است. آشنایی کافی با جاوا و داشتن تجربه کار تیمی مهم‌ترین معیار‌های جذب نیرو در شرکت ما است.

روزمه خود را ارسال کنید!

لطفا رزومه خود را به آدرس [email protected] یا [email protected] ارسال نمایید. از ارسال رزومه برای کار پاره‌وقت و یا پروژه‌ای پرهیز کنید. در حال حاضر فقط نیروی تمام‌وقت جذب می‌کنیم.

ادامه مطلب ←

آخرین روز اسفند ۱۳۹۳ با رادیو گیکی با شما هستیم که به شکل عجیبی به پرایوسی پرداخته! اتفاق می افته و ما از هر اتهامی مبرا هستیم چون مطالب رادیو گیک در طول یک ماه گذشته جمع شدن. در این دم عیدی می خوایم سری به خونه خانم کلینتون بزنیم و از ایده قشنگشون برای […] ادامه مطلب ←

فرستاده شده توسط امین حشمتی. مرتبط: – جستجوی گیبریش در گوگل – گوگل حالا متن آهنگ ها رو مستقیما در نتیجه جستجو نشون می ده – ابتکار گوگل برای جستجوی گی و لزبین ادامه مطلب ←