ي تازههاي ويژوال استوديو 2012

عرضه ويندوز 8 و تبلت هاي Surface بزرگ ترين خبرهاي مايکروسافت در طول پاييز سال 2012 بودند. 

مايکروسافت تغيير تمرکز به سمت ديتا را تشخيص داده است. بد نيست بدانيد Eric Schmidt از گوگل به تازگي گفته حجم داده هايي که اکنون در طول دو روز توليد مي شوند بسيار بيشتر از چيزي است که بين آغاز زندگي نسل بشر روي کره زمين تا سال 2009 توليد شده بود.

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

استفاده از ارتباطات غيرهم زمان به جاي ارتباطات هم زمان به برنامه ها اجازه مي دهد تا در طول واکشي داده ها در پشت صحنه، همچنان به تعاملات کاربر پاسخ گو باشند. اين در حالي است که روش هاي هم زمان سنتي تر باعث مي شدند برنامه تا زمان تکميل واکشي داده ها متوقف گردد. در اين حالت ممکن است به نظر برسد که برنامه قفل شده، تاثيري که همه ما آن را تجربه کرده ايم. البته روش غيرهم زمان مدتي است که امکان پذير شده است اما عرضه Net Framework 4.5. و ويژوال استوديو 2012 پياده سازي آن را آسان تر مي نمايد.

براي مثال ساده ترين متدي که در حال حاضر براي ناهم زماني مورد استفاده قرار مي گيرد، عبارت است از:

Dim urlContent As String=Await Client.GetstringAsync() n

اين فرمان Await جديد، اجراي روش جاري را تا زمان تکميل وظيفه اي که منتظرش هستيم به تعويق مي اندازد، 

يک نسخه بهبود يافته از Entity Framework وجود دارد که به اين سرويس وب امکان مي دهد به داده هايي دسترسي پيدا کرده و آن ها را مصرف نمايد که برنامه شما سپس قادر به استفاده از آن ها خواهد بود. يکي از ويژگي هاي جديد اين فريم ورک، سهولت به روزرساني آن در هنگام تغيير ساختارهاي داده است، حتي با داده هاي زنده. نسخه هاي قبلي شما را ملزم مي کردند تا آبجکت هاي بانک اطلاعاتي را رها (Drop) نموده و سپس دوباره آن ها را ايجاد کنيد، يک خبر واقعا بد براي يک سايت وب زنده. خوشبختانه مشکل مذکور حالا به همراه چند باگ ديگر برطرف شده است.

بديهي است که اگر در حال برنامه نويسي براي ويندوز هستيد، ويژوال استوديو هميشه ابزار توسعه دسکتاپ انتخابي شما بوده است اما وضعيت در مورد برنامه نويسي وب چگونه است؟ ما در اينجا به دنبال ارايه يک نقد کامل از ويژوال استوديو نيستيم، اما ترجيح مي دهيم حوزه هايي که مورد توجه برنامه نويسان وب خواهند بود مانند روش هاي جديد طراحي اپليکيشن ها را برجسته کنيم.

 

 

 

عرضه ويندوز 8 در عين حال با راه اندازي Windows Store هم زمان بود. اين فروشگاه همانند نمونه مشهور iTunes Store شرکت اپل بازاري براي برنامه نويسان است تا اپليکيشن هاي خود را براي تاييد توسط مايکروسافت ارايه نموده و سپس آن ها را به کاربران عرضه کرده يا بفروشند. در واقع تنها روش براي نصب اپليکيشن هاي ويندوز RT روي بسياري از ابزارها، استفاده از اين فروشگاه خواهد بود. به منظور برنامه نويسي براي Windows Store در ويژوال استوديو، شما ابتدا بايد براي دريافت يک اکانت برنامه نويسي ثبت نام کنيد. رويکرد مذکور مزاياي قابل توجهي براي برنامه نويسان دارد زيرا از اين طريق به آساني مي توانند به ميليون ها کاربر ويندوز دسترسي پيدا کنند، اما يک برنامه نويس چطور مي تواند اطمينان پيدا کند که اپليکيشن او در بالاي ليست ظاهر خواهد شد؟ برنامه نويسان قبلا هم مي توانستند از طريق وب به تمام کاربران دسترسي داشته باشند، پس واقعا چرا به چنين خط مشي گذاري اضافي توسط يک شرکت بزرگ ديگر نياز دارند؟

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

بسياري از برنامه نويسان در اين صنعت، تنوعي از ابزارهاي برنامه نويسي را به کار مي گيرند که هر يک قدرت هاي خاص خودشان را دارند. Dreamweaver براي نگهداري سايت هاي وب ASP و HTML عالي است، در حالي که Expression Web براي طراحي Stylesheet ها با پشتيباني از استايل هاي CSS و قابليت هاي خوب پيش نمايش مفيد خواهد بود. ويژوال استوديو براي کـدنويـسي و توسـعه سايت هاي ASP.NET عالي است و گروه زيادي از Notpad++ 1 و Firebug براي جاوا نيز استفاده مي کنند. در واقع ابزارهاي فراوان ديگري نيز وجود دارند که بر حسب کارهاي مختلف مي توانيد آن ها را در جعبه ابزار هر برنامه نويسي پيدا کنيد.

در حالي که ويژوال استوديو مي تواند براي برنامه نويسي ASP.NET بسيار مفيد باشد، اما هميشه در حوزه طراحي ضعيف بوده است. کدنويسي جاوااسکريپت در اين مجموعه امکان پذير بود، اما هميشه به يک ويژگي اضافه شده براي تسکين نياز برنامه نويسان شباهت داشت که پشتيباني آن چندان فراتر از بررسي ترکيب بندي (Syntax) با IntelliSense نبود. اما اين وضعيت با تبديل شدن جاوااسکريپت، HTML5 و CSS به روش هاي اصلي براي ايجاد اپليکيشن هاي Windows Store، در حال تغيير است. نسخه جديد ويژوال استوديو بايد به طور چشمگيري در اين حوزه بهبود پيدا مي کرد

اگر در Silverlight برنامه نويسي مي کنيد، شايد بهتر باشد براي طراحي و احتمالا حتي براي کدنويسي ابتدايي از ابزار Expression Blend استفاده کنيد. حالا Blend به صورت توکار در ويژوال استوديو 2012 پياده سازي شده است که تنها براي برنامه نويسان Silverlight يک موهبت عالي به شمار نمي آيد، زيرا مي تواند در هنگام ايجاد اپليکيشن هاي Windows Store به عنوان يک ابزار طراحي براي ويندوز RT نيز مورد استفاده قرار گيرد. با اين حال توجه داشته باشيد که قابليت مذکور فعلا تنها روي يک باکس ويندوز 8 امکان پذير خواهد بود.

اگر براي طراحي يک اپليکيشن Windows Store که از HTML و جاوااسکريپت استفاده مي کند به دنبال کمک هستيد، ويژوال استوديو 2012 يک نااميدي واقـعي خواهـد بـود زيرا فاقد يک نماي طراحي (Design View) است. اين فرآيند با نوشتن برنامه هاي وب در ويژوال استوديو که هميشه يک نماي طراحي (گرچه نه چندان دقيق، اما بدون ترديد مفيد) را در اختيار شما قرار مي داد، تفاوت زيادي دارد. مثل گذشته، شايد به اين فکر بيفتيد که توسعه فناوري هاي زيربنايي آن قدر سريع انجام شده که فرصتي براي بالغ سازي آن ها وجود نداشته است. به هر حال ابزارهاي طراحي در يک مسابقه سرعت گير افتاده اند و به طور چشمگير طراحی وب سایت  از فقدان کاربردپذيري و عملکرد رنج مي برند. اين وضعيت شرم آور است زيرا استقرار drag-and-drop عناصر و پيش نمايش صحيح مي توانست ويژوال استوديو را به يک ابزار نهايي در طراحي HTML تبديل نمايد. تا زماني که اين اتفاق بيفتد، ويژوال استوديو هنوز بيشتر يک ابزار برنامه نويسي خواهد بود، در حالي که آزمايش تغييرات Stylesheet بايد با بهره گيري از پيش نمايش در يک مرورگر انجام شود. توسعه دهندگان برنامه هاي وب بايد همچنان منتظر روياي مقدس خود بمانند: ابزاري با يک نماي طراحي که به اندازه ويژوال استوديو 6 براي برنامه هاي دسکتاپ، خوب باشد.

 

 

 

پس از آن که کار اپليکيشن دست ساز و به دقت تنظيم شده شما به پايان رسيد، ويژوال استوديو به طور کامل با Windows Store ادغام مي شود تا به شما امکان دهد آن را به ميليون ها کاربر ويندوز در سراسر جهان بفروشيد. براي تيم هاي برنامه نويسي، يک سيستم آزمايش و نسخه گذاري کامل در نسخه هاي گران تر ويژوال استوديو پياده سازي شده است. ويژوال استوديو 2012 مي تواند روي سيستم شما با نسخه هاي قبلي هم زيستي داشته باشد؛ يک نکته مهم که به شما اطمينان مي دهد نسخه هاي قبلي کدتان همچنان قابل ويرايش خواهند بود و با نسخه جديد چارچوبNET. شکسته نخواهند شد.

فرآيند نصب بسيار جالب توجه است زيرا براي اولين بار به شما امکان مي دهد تصميم بگيريد که مي خواهيد آن را روي کدام هاردديسک خود نصب کنيد. نسخه هاي قبلي ويژوال استوديو (همانند بسياري از محصولات هسته مايکروسافت) بخش عمده اي از ساختار خود را روي درايو C نصب مي کردند، بدون آن که گزينه اي براي تغيير اين وضعيت وجود داشته باشد. 

روي سيستم ما اين نسخه تنها 2 مگابايت از فضاي درايو C را اشغال کرد، در حالي که 3 گيگابايت از درايو بزرگ تر D به آن اختصاص يافته است. اگر گزينه Web Install را انتخاب کنيد، فرآيند نصب سريعي خواهيد داشت زيرا تنها فايل هاي مورد نياز براي ماشين خاص شما و گزينه هاي انتخاب شده، دانلود خواهند شد. وقتي ويژوال استوديو 2012 را براي اولين بار اجرا مي کنيد، از شما مي خواهد تا محتواي مورد نظرتان را انتخاب کرده و سپس نصب خود را براي نوع برنامه نويسي که انجام مي دهيد سفارشي سازي نماييد. اگر يک برنامه نويس جاه طلب هستيد و مي خواهيد امکان کدنويسي در حوزه هاي مختلف را در اختيار داشته باشيد، مي توانيد تمام گزينه ها را انتخاب کنيد. توجه داشته باشيد که ادامه فرآيند نصب به اضافه کردن اجزاي مورد نظر شما اختصاص خواهد يافت که مي تواند زمان زيادي طول بکشد. براي مثال، فرآيند نصب ما به 242 ماژول نياز داشت.

پس از اتمام اين مرحله، براي شروع بازي آماده هستيد و اگر مي خواهيد از jQuery استفاده کنيد، بايد پشتيباني از آن را با استفاده از  nget manager اضافه کنيد. nget يک متد اپن سورس براي بازيابي مجموعه هايي از فايل ها (گاهي اوقات از سرورهاي مختلف) است و در عين حال دانلودهاي قطع شده را به صورت يکپارچه اداره مي کند. جامعه اپن سورس مدت ها است که از آن استفاده مي کند اما تنها همين اواخر مايکروسافت آن را در داخل ابزارهاي برنامه نويسي خود جاسازي نموده است. Nget به طور معمول توسط خط فرمان هدايت مي شود اما در حالي که ويژوال استوديو 2012 مي تواند يک کنسول nget را (براي شرايطي که ترجيح مي دهيد يا نياز داريد از اين روش استفاده کنيد) در اختيار شما قرار دهد، يک اينترفيس کاربري خوب براي ماژول هاي مختلف با عملکردهاي اضافي مانند jQuery را نيز ارايه مي کند.

 

 

هنگام برنامه نويسي در جاوااسکريپت يا يکي از چندين کتابخانه آن مانند jQuery، فرآيند ديباگ مي تواند به يک مساله تبديل شود. بسياري از ما ضميمه عالي Firebug براي فايرفاکس استفاده مي کنيم اما مدتي است که توانايي ديباگ کامل جاوااسکريپت در داخل ويژوال استوديو تعبيه شده (هر چند که بر اساس قضاوت انجمن ها، به کار انداختن آن مي تواند بسياري از افراد را سردرگم نمايد)

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

يکي از ويژگي هاي مفيد که ما آن را متد «Double Tabbing» نوشتن کد برنامه در ويژوال استوديو مي ناميم نيز با ادغام کد HTML5 ارتقا پيدا کرده است. براي ارايه مثالي از ماهيت و ارزش ويژگي مذکور، تصور کنيد مي خواهيد از برچسب جديد video در HTML5 استفاده نماييد. همان طور که احتمالا از قبل کشف کرده ايد، برچسب مذکور هنوز يک نمونه آشفته به شمار مي آيد. شما بايد سه نسخه متفاوت از ويديوي خود را براي مرورگرهاي مهم ارايه کرده و کدتان نيز بايد اين موضوع را با ترکيب طاقت فرسايي منعکس کند. در ويژوال استوديو 2012 شما تنها بايد <vid را تايپ کنيد تا يک منوي dropdown ظاهر شود که گزينه video در آن انتخاب شده است. حالا اگر روي کليد Tab کليک کنيد، کد زير در صفحه وب شما درج خواهيد شد:

 

<video Controls=»controls»>

</source src=»file.mp4» type=»video/mp4» >

</source src=»file.webm» type=»video/webm» >

</source src=»file.gov» type=»video/ogg» >

<video/>

 

{}media only screen and (max-width:1024px) and (max-height: 768px@

اين ارتقا براي موتور IntelliSense تقريبا براي تمام کد کار مي کند اما اضافه شدن آن به خصوص در HTML  يک کمک عالي است. با مطالعه مستندات What›s new مربوط به ويژوال استوديو 2012، متوجه مي شويد که به پشتيباني بيشتر در ويرايشگر CSS براي بعضي از استانداردهاي استايل جديد اما کاملا تاييد شده مانند border-radius (که امکان ايجاد گوشه هاي منحني که ايجاد آن ها در گذشته مشکل ساز بوده است را فراهم مي کند)، اشاره شده است. متاسفانه همانند بسياري از وعده هاي ديگر، اين موضوع نيز آنقدرها که اميدوار هستيد واقعيت ندارد. ترديدي نيست که موتور IntelliSense حالا عبارتي که تايپ مي کنيد را تشخيص مي دهد، اما اگر modify style را براي تغيير يا ايجاد يک استايل انتخاب کنيد، حاشيه در زبانه box ظاهر نمي شود. اشاره به اين نکته جالب خواهد بود که Expression Web مايکروسافت بيش از يک سال است که چنين پشتيباني را فراهم مي کند.

 در حالي که عنـاصر کـاذب CSSحـالا تـوسط  Intellisense پشتيباني مي شوند (که باز هم يک کمک عالي براي کدنويسان HTMLبه شمار مي آيد)، توانايي ويژوال استوديو براي تغيير خودکار برچسب منطبق با آن ها نيز يک ويژگي مفيدتر است. تاکنون چند بار يک برچسب <h2>را مثلا به <h3>تغيير داده ايد و سپس فراموش کرده ايد که برچسب <h2/>متناظر با آن را تغيير دهيد؟ حالا اين کار به طور خودکار انجام مي شود که قابليت هوشمندانه اي است.

يک ضميمه ديگر که در هنگام کار روي يک طرح به شما کمک مي کند، گزينه جديد انتخاب رنگ (Color Picker) است