AngularJs یک framework متن باز جاوا اسکریپتی است که برای توسعه هر چه مناسب تر پروژه های مبتنی بر وب تک صفحه ای با الگوی طراحی MVC است. این framework توسط یکی از محققان گوگل در سال ۲۰۰۹میلادی منتشر شد. در سال ۲۰۰۹میلادی گروهی از گوگل بر روی پروژه ای با نام Google Feedback مشغول کار بودند.
آنها می خواستند طی چند ماه کدهای خوب و قابل اجرا بنویسند که در نهایت منجر به ۱۷۰۰۰ خط کد شد. یکی از اعضای این تیم به نام(Misko Hevery)، مدعی است که می تواند این پروژه را در دو هفته و با تعداد خط کد کمتر بنویسد. پس از سه هفته توانست با ۱۵۰۰ خط کد پروژه را بازنویسی کند.
wpf مخفف Windows Presentation Fundastion تکنولوژی که در net.framwork منتشرشده و بر روی win vista,win sever20008,win xp service packe 2 اجرا می شود مهمترین مساله که برنامه نویسان #C تحت App با آن سر و کار دارند طراحی واسط های کاربری در مدل های برنامه نویسی است قبل از انتشارwpf همیشه بخش کد و منطق برنامه درگیر بود و این باعث معضلی در گروه های برنامه نویسی شده است به این دلیل که همیشه طراح با کدنویس درگیر است و این مشکل زمانی بیشتر می شود که طراح برنامه از کد نویسی اطلاعاتی نداشته باشد و حال این مسئله با آمدن تکنولوژی WPF و همراه آن زبان نشانه گذاری XAML حل شده است در در win app ما توانایی زیادی جهت طراحی برای فرم خود نداشتیم حال با آمدن wpf توانایی ما جهت انجام اینکار افزوده شده است .
یکی از کاربرد های XAML هنگام برنامه نویسی WPF می باشد که امکانات بسیاری را برای شما فراهم می کند.هر سند XAML در WPF می تواند نگهدارنده آبجکت های WPF باشد
این شی ها می توانند در بالاترین سطح، پنجره های باشند و یا تنها یک شی خط و یا یک مستطیل طراحی شده توسط شما باشد.
نسخهء دیگر از WPF وجود دارد به نام WPF/E که به نام SilverLight نیز معروف است و نام آن را بار ها شنیده اید. در واقع توسط WPF/E یا همان SilverLight می تواند بسیاری از کارهایی را که با WPF قادر به انجام آن ها در برنامه های ویندوزی هستید، مانند اشکال دو بعدی، صدا، تصویر، انیمیشن و … را در برنامه های تحت وب به کار ببرید.
oracle یک پایگاه داده با ساختاربسیار قدرتمند و مفید می باشد. بعضی از این ساختار از پیوستن سطح های SQL است که یک سیستم مدیریت ارتباطی پایگاه داده یا RDBMS میگویند.
oracle مثل بعضی از شرکتها ،استاندارد های صنعت بین المللی آمریکا (ANSI) اس کیو ال را که شامل اضافه کردن توابع می باشد را قبول دارد.
SQL یک زبان غیر procedure می باشد و نمی تواند ساختار برنامه ایی از جمله: ساختار حلقه های LOOP داشته باشد.
PL/SQL اوراکل ها ،procedure گسترده در اس کیو ال و SQLJ پذیرفته عملگرهای کدهای جاوا.
عبارت SQL SELECT استفاده از پرسش و پاسخ ذخیره شده در پایگاه، از جمله: Tables & Views
ساختار اولیه ذخیره داده در پایگاه اوراکل بر روی یک جدول قرار دارد، که این جدول شامل ستونها و مشخصه ها می باشد.
ویژوال استودیوازچندین برنامه تشکیل شده است که ارتباطات بسیار نزدیکی با یکدیگر دارند و مایکروسافت آن را به برنامه نویسان و توسعه دهندگان برنامه‌های کاربردی روی سیستم عامل های ویندوز و پلت فرم دات نت ارائه نموده است. ویژوال استودیو برای نوشتن برنامه‌های کنسول ، تحت ویندوز ، سرویس های ویندوزی ، برنامه‌های اپلیکشن موبایل ، برنامه‌های کاربردی ASP.NET و سرویسهای وب ASP.NET و بنا به انتخاب شما همراه با زبان هایی مثل C++, C#, VB.NET, J استفاده می شود .
کاربردهای ویژوال استودیو شامل:
۱- Console applications : این کاربرد خطوط دستور را در محیطی غیر گرافیکی اجرا می کند . این کاربرد برای برخی از ابزارهای کوچک یا برای اجرا شدن کدها توسط دیگر کاربردها استفاده می‌شود . Windows forms applications-2 : برای برنامه‌های کاربردی ویندوزی که با استفاده ازframework.NET نوشته می‌شوند .
Windows services-3 : سرویس ها برنامه‌های کاربردی هستند که در پس زمینه ویندوز اجرا می‌شوند .
۴- ASP.NET applications : ASP.NET یک تکنولوژی قدرتمند برای طراحی و ساخت صفحات وب پویا است.
۵- ASP.NET web services : ASP.NET مدل سرویسهای وب را بطور کامل فراهم نموده تا شما براحتی و با سرعت سرویسهای وب را تولید نمایید.
۶- Windows Mobile applications : می تواند بر روی ابزارهایی که شامل framework هستند مانند Pocket PC ها و همچنین cell phones هایی که پلت فرم Microsoft Smartphone بر روی آنها اجرا می‌شود ، اجرا گردد.
۷- MFC/ATL/Win32 applications : شما همچنان می توانید برنامه‌های سنتی MFC ،ATL یا برنامه‌های Win32را با استفاده از C++ ایجاد نمایید . این برنامه‌ها برای اجرا به .NET Frameworkنیاز ندارند اما نمی توانند از مزایای .Net framework نیز بهره‌ای ببرند .
۸- Visual Studio add-ins : شما می‌توانید از خود ویژوال استودیو برای ساخت توابعی جدید و قابل اضافه شدن به خود ویژوال استودیو استفاده نمایید . Visual Studio کاربردهای دیگری نیز برای توسعه برنامه‌های کاربردی ، کار با databases ، ساخت گزارشها و … دارد.
Visual Studio مجموعه ای از برنامه های مرتبط با یکدیگر است که ماکروسافت آن ها را یکجا برای برنامه نویسان کنسولی، ویندوزی، تحت وب، موبال و… ارائه داده و همراه با زبان هایی مانند C++, C#, VB.NET, J استفاده می‌شود.
معماری MVC در سال ۱۹۷۰ معرفی گردید اما در آن زمان پیاده سازی برنامه های Stand Alone با استفاده از این معماری چندان مورد استقبال برنامه نویسان قرار نداشت. اما با آمدن اینترنت و برنامه های مبتنی بر وب این معماری شانس دوباره ای پیدا کرد. ASP.NET MVC فریم ورک مبتنی بر معماری MVC مایکروسافت است .از دلایل محبوبیت معماری MVC نظم بخشیدن به پروژه هامی باشد. معمولا به علت همکاری چندین تکنولوژی مختلف با هم در برنامه های مبتنی بر وب ساختار پروژه های بزرگ پیچیده می شوند و اعمال تغییرات و همچنین رفع خطا های پروژه مشکل و زمانبر می شوند که معماری MVC با جداسازی لایه های مختلف برنامه نویسی تا حد زیادی این مشکل را رفع کرده اند. از دیگر مزایای این فریم ورک می توان به کنترل کامل بر روی کدهای HTML ، پشتیبانی از فریم ورک های مختلف برای Unit Testing ، کنترل بر روی آدرسهای URL و تعامل راحت تر با فریم ورکهای javascript اشاره کرد.
MVC چیست؟
نام MVC از Model View Controller برگرفته شده و هدف اصلی آن جدا سازی اجزای تشکیل دهنده برنامه است.بخصوص برنامه هایی که دارای واسط کاربری گرافیکی هستند (GUI-Graphical User Interface) این الگوی طراحی در سایر فریم ورک ها مثل Ruby on Rails و Django و Zend هم بکار برده شده است.
Mدر MVC معادل Model است و حاوی اطلاعاتی است که در اختیار کاربر قرار خواهد گرفت.
V در MVC معادل View است. و حاوی اطلاعاتی است که کاربر نهایتا در مرورگرخواهد دید. view در واقع userinterface برنامه است.
C در MVC معادل Controller است. کنترلر رابط بین model وview است. کنترلر ۳ مسئولیت اصلی دارد:
پردازش درخواست های ورودی
انجام عملیات بر روی مدل(Domain Model)
انتخاب view ای که باید در پاسخ به درخواست رندر شود
هر کنترلر شامل چندین متد public است که هر متد یک action ارائه میدهد که قرار است کنترلر بر روی مدل اجرا کند. هر action method در کنترلر با یک URL مرتبط است. وقتی کنترلر درخواستی برای آن URL خاص دریافت میکند، Action متناسب با آن را اجرا کرده و view انتخابی را رندر کرده و به بروزر برمیگرداند.
فریم‌ورک متن باز CSS که با استفاده از آن می‌توان قالب سایت را با سرعت طراحی نمود. Bootstrap در واقع از چند فایل CSS و Java Script تشکیل شده است که موجب می‌شود تا دیگر نیازی به نوشتن کدهای سی اس اس یا جاوا اسکریپت نباشد و از کلاس‌های آماده بوت استرپ استفاده نمود. به عبارت دیگر Bootstrap مجموعهای از ابزارهای رایگان است برای ایجاد صفحات وب و نرم افزارهای تحت وب جهت تولید و نمایش فرم‌ها، دکمه‌ها، تب‌ها، ستونها و سایر المان‌های مورد نیاز.
یکی از موارد زمانبر در طراحی سایت اختصاص ویژگی‌های مختلف به عناصر صفحه مانند لینک‌ها، هدرها، دکمه‌ها و … است که بوت استرپ به طور پیش فرض این کار را انجام داده است. در واقع به کمک فریم‌ورک Bootstrap طراحان صفحات وب قادر خواهند بود تا صفحاتی با پویایی بالا ایجاد کنند. بوت‌استرپ شامل قالب‌های آماده طراحی با محوریت HTML و CSS برای تایپوگرافی، فرم‌ها، دکمه‌ها، نمودارها، منوهای راهبری و دیگر اجزاء رابط کاربری است. بوت‌استرپ یکی از محبوب‌ترین پروژه‌ها در سایت GitHub است که توسط سایتهای مطرحی چون istockphoto و who.is و godaddy از آن استفاده میکنند.
از دیگر موارد مهم در طراحی وبسایت، نمایش صحیح سایت در دستگاه‌های مختلف نظیر تبلت و موبایل است. طراحی واکنش گرا قابلیتی است که Bootstrap برای این مساله تدارک دیده است. برای استفاده از قابلیت طراحی Responsive باید از سیستم شبکه بندی استفاده نمود؛ سیستم GRID بوت استرپ به صورت پیش فرض با ۱۲ ستون و عرض ۹۴۰ پیکسل طراحی شده است که قابل تغییر است.
ویژگی های Bootstrap
بهبود نمایش صفحات وب
سرعت بالای کار با آن و کاهش زمان اجرای یک پروژه
همخوانی با تمامی مرورگرهای استاندارد
امکان ایجاد صفحه بندی، امکان ساخت انواع، قابلیت‌های زیبا سازی
امکان طراحی صفحات وب بصورت واکنش گرا
jQuery یک فریم‌ورک جاوا اسکریپت است که امکان استفاده ازقابلیت های از پیش تعریف شده ای را فراهم می کند . در واقع jQuery کتابخانه ای از جاوا اسکریپت است که به کمک آن می‌توان نرم‌افزارهای مبتنی بر ایجکس، برنامه‌های سطح پایین مبادله ای (ارتباط مرورگر با کاربر) و حتی حرکات انیمیشنی با افکت‌های پیشرفته را ایجاد نمود. به کمک jQuery می‌توان صفحات وب قدرتمند و داینامیک(پویا) طراحی نمود. با توجه به اینکه jQuery برخی از میانبرهای نوشتاری را ارائه میکند اما نمی‌توان آن را جایگزین جاوا اسکریپت دانست، چرا که زبان اصلی نگارش کدها همان جاوا اسکریپت می باشد.
jQuery هیچ دخالتی در کدهای html نمی‌کند و به عبارتی Unobtrusive محسوب می‌شود؛ این یعنی هیچ یک از کدهای جاوا اسکریپت، داخل کدهای XHTML قرار نمی‌گیرند و از این نظر کدهای سایت کاملاً مجزا و مرتب خواهند بود. از طرفی وقتی JS روی مرورگر فعال باشد، کدهای جاوا اسکریپت اجرا می‌شوند ولی اگر JS فعال نباشد، هیچ مشکلی در نمایش سایت بوجود نخواهد آمد. از دیگر نوآوری‌های jQuery می‌توان به انتخاب تگ‌ها بر اساس قواعد CSS اشاره نمود که باعث سهولت در اجرای پروژه می‌شود. همچنین هر مرورگر کدهای JSرا به گونه ای متفاوت تفسیر میکند؛ جی کوئری محیطی را فراهم کرده است که این اطمینان را به توسعه دهنده وب میدهد که کد نوشته شده، در همه مرورگرها و IE نسخه ۶ به بعد به درستی کار خواهد کرد.
ویژگی های jQuery :
دستورات ساده و قابل درک در زمینه بکار گیری فناوری Ajax
وجود پلاگین های متعدد و بسیار کار آمد
امکان تغییر آسان ظاهر یک صفحه و پشتیبانی از انواع مرورگرها
کنترل و جلوگیری از اتفاقات غیرمنتظره بهنگام کلیک کردن کاربر
افزودن انیمیشن به یک صفحه سایت
کسب اطلاعات از یک سرور بدون نیاز به بارگذاری دوباره آن صفحه
سادهسازی عملکردهای مشترک / تکراری جاوا اسکریپت
سهولت در شناسایی و تغییر مختصات صفحات وب
PHP یکی از پرکاربرد ترین و محبوب ترین زبانهای برنامه نویسی open source است که برای طراحی وب توسعه یافته است. php را می‌توان بر روی اکثر سرورهای وب که نرم‌افزار php بر روی آن نصب باشد، اجرا و کامپایل کرد. دستورات این زبان می توانند به صورت مستقیم در درون کدهای Html قرار بگیرند. php عمدتاً مانند یک فیلتر عمل می کند، کد برنامه را به عنوان ورودی می گیرد و صفحات وب را به عنوان خروجی (غالبا از نوع Html) ایجاد می کند.
کارایی بالا، واسطه‌های مختلف برای سیستم پایگاه‌های اطلاعاتی مختلف، کتابخانه داخلی برای انجام امور متداول، هزینه پایین، امنییت بالا و … از ویژگی‌های مهم php است. یکی از نکات مهم زبان php ، مستقل بودن آن از محیط کار است، بدین صورت که در تمامی کامپیوترها و سیستم عامل‌ها نظیر لینوکس و ویندوز قابل اجرا است.
زبان PHP بصورت Html embedded است و این بدان معناست که دستورات این زبان در بین کدهای html قرار می گیرند. بنابراین برنامه نویسی به زبان PHP کمی پیچیده تر از برنامه نویسی به زبان Html به حساب می‌آید.
PHP بر خلاف زبانهای برنامه نویسی، یک زبان اسکریپتی می باشد به عبارت دیگر دستورات PHP بعد از رخداد یک رویداد (Event) اجرا می‌شوند. این رویدادها می‌توانند شامل ارسال یک فرم رفتن به یک URL مشخص و یا مواد دیگر باشند متداول‌ترین زبان اسکریپتی زبان Java Script می‌باشد که معمولاً برای پاسخ به رویدادهای کاربر در مرورگر وب بــه کار می‌رود تفاوت عمده Java Script با PHP در این است که Java Script یک تکنولوژی سمت سرویس گیرنده (Client-side) می‌باشد
ویژگی های php
open source بودن و امکان دسترسی به منابع رایگان زیاد
زبان تخصصی برنامهنویسی تحت وب
سرعت بسیار بالای سرویس دهی نسبت به سایر زبانهای برنامهنویسی مشابه نظیر asp
استفاده بهینه از منابع و حافظه
سرعت بسیار بالا در کار با SQL
سرعت و سهولت در رفع ایرادات به دلیل منبع باز بودن زبان php
اجرا بر روی Platform های مختلف
قابلیت اجرا بر روی هاستهای لینوکس که ارزانتر و دارای امکانات بیشتر هستند
css زبان نشانه گذاری تحت وب است که برای توصیف ظاهر یک وب سایت برای مرورگر استفاده می شود. CSS از سه حرف ابتدای کلمات cascading style sheet تشکیل شده است؛ CSS3 در واقع آخرین ورژن CSS است که دارای قابلیت هایی فراتر از دو نسل اول است. CSS3 به خاطر ساختار ماژولارش، به طراحان وب این امکان را می دهد که صفحات وب با محتوای غنی که نیاز به کد سبکتری دارند، ایجاد کنند. این یعنی ایجاد ظاهری رویایی ، واسط های کاربری بهتر و بارگذلری سریعتر وب سایت به کمک عملکرد هایی که برای طراحان وب نسبتا غیر ممکن بود تا بتوانند بدون استفاده از jQuery و Photoshop آنها را بسازند. ویژگی هایی نظیرshadow متن، گرد کردن لبه های کادرها، استفاده از چند تصویر پس زمینه به عنوان background، ایجاد افکت های حرکتی بر روی عناصر صفحه تنها بخشی از قابلیت های منحصر بفرد css3 است.
با آمدنCSS3 و html5 انقلاب بزرگی در طراحی وب سایت صورت گرفته است که امروزه اکثر مرورگر های جدید و استاندارد، از قابلیت های CSS3 و HTML5 پشتیبانی می کنند و طراحان وب می توانند از این فناوری جدید به خوبی استفاده کنند. البته باید توجه داشت که کار کردن با CSS3 به معنی تغییر دادن کدهای قبلی CSS نیست بلکه به معنی گسترش دادن آنهاست به طوری که قابلیت های جدید CSS3 را به کدهای قبلی اضافه نمود.
وجود خصیصههای متنوع و جدید نظیر:
انتخاب کننده ها، مدل جعبه ای، جلوه های متنی، زمینه و حاشیه، تبدیل های دو/سه بعدی، انیمیشن، ستون های چندگانه، واسط کاربری (UI)
HTML5 جهت ایجاد مطالب محتوای وب است که قابلیت های زیادی دارد و از مهمترین آنها می‌توان به ایجاد حرکت و پشتیبانی از فناوری های جدید چند رسانه‌ای اشاره کرد. بزرگترین مزیت HTML5 که بار بزرگی را از دوش طراحان وب و بهینه سازان وب برداشته است این است که جستجوگرها بویژه google از متن های داخلی انیمیشن ها پشتیبانی میکنند و این بدان معنی است که استفاده همزمان از نوشته و تصاویر متحرک همراه با صدا و موسیقی است.
HTML5 نسبتا با امکان بروزرسانی استانداردهای کدنویسی وب که برای فعال سازی وب سایت های گرافیکی غنی که با سطوح بالای تعامل صورت می‌پذیرد در ارتباط است. برای مثال، HTML5 این ویژگی را به طراحان وب میدهد تا به کد نویسی مستقیم ویدیو در سایت ها بپردازند، عناصر “drag &drop” را در صفحه اضاف کرد و گرافیک و تصاویری در وب سایت گذاشت که به درخواست کاربر پاسخ می دهند.
همچنین در این ورژن جدید روش‌های جدید معرفی شده است تا هماهنگی مرورگرها با این نوع HTML کامل‌تر باشد. در این نوع کدنویسی به طراح وب این امکان داده می شود تا بدون نصب پلاگین های اضافی یا استفاده از فلش، به سایت خود عناصری را اضافه کنند.
ویژگی های HTML۵:
برنامه های تمیز و ساختار یافته جهت بارگذاری سریعتر صفحه
تعامل بهتر کاربر با سایت و کاربرد پذیری
استفاده از تگهای نشانه گذاری برای دسته بندی مطالب وب سایت
امکان طراحی اشیا و اشکال به صورت دو بعدی و غیر منظم با استفاده از تگ
امکان گذاشتن فایل های صوتی و تصویری بدون نیاز به نرم افزارهای جانبی با استفاده از تگ‌ها
اضافه شدن کنترل های جدید فرم همانند Email، Calendar، Date و Time
امکان ذخیره اطلاعات بر روی مرورگر کاربر
طراحی مناسب سایت برای نسخه responsive