عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند. به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد. کامپایلر های زبان های برنامه نویسی سروری در نهایت کد های خود را برای نمایش به کد اچ تی ام ال تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود. HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود . در يک صفحه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و ... کدهای اچ تی ام ال مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد. هر یک از کدهای html ، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند. مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

عبارت CSS که در همه جای طراحی سایت کاربرد دارد، مختصر شده از عبارت سه کلمه‌ای Cascading Style Sheets به معنی «برگه‌های سبک آبشار» یا «برگه‌های آبشاری» است. شاید شما هم با خودتان فکر کنید چرا آبشاری؟ چرا باید روی یکی از مهم‌ترین عناصر تشکیل دهنده طراحی وب سایت چنین اسمی گذاشته شود؟ آبشاری بودن برگه‌های CSS به این معنی است که استایل، کلاس یا هر چیزی که به یک برگه CSS داده شود، روی عناصر فرزند (Children) این برگه‌ها هم تاثیرگذار خواهد بود. به عنوان مثال اگر شما رنگ متن را در یک برگه CSS قرمز تعیین کنید، این به معنای قرمز بودن تمام سرنویس‌ها (هدینگ) و پاراگراف‌های متنی است که قرار است در این برگه CSS نوشته شود. سی اس اس در کنار HTML قرار می‌گیرد تا هسته ایجاد یک وب سایت را به وجود بیاورند. برای طراح سایت، استفاده از CSS بهترین و سریع‌ترین راه شکل و شمایل دادن و ایجاد حس مناسب برای یک وب سایت است. برگه‌های CSS در واقع مسئولیت ایجاد ظاهر سایت را به عهده دارند و رنگ، اندازه و محل قرارگیری متن و دیگر تگ‌های HTML را تعیین می‌کنند. مسئولیت برگه‌های HTML با همکاری فیلدهای HTML کامل می‌شود. در واقع این فیلدهای HTML هستند که تعیین می‌کنند محتوای کدها چیست و هر کدام باید چگونه سازماندهی شوند.

جاوا اسکریپت برای اولین بار توسط شرکت Netscape و با نام LiveScript به عنوان نرم افزاری مفید جهت استفاده در دنیای وب به بازار عرضه شد ولی بعدها با حمایت شرکت Sun Microsystems (پدید آورنده JAVA ) با نام جاوا اسکریپت شناخته شد. جاوا اسکریپت یک زبان اسکریپت نویسی است که بیشتر با کد هایHTML در ارتباط است و دقیقا همانند کدهای HTML روی پلت فرم های مختلف اجرا می شود یا به عبارتی به وسیله مرورگر های وب interpret می شود. اگرچه نت اسکیپ سازنده جاوا اسکریپت است اما در واقع جاوا اسکریپت به سیستم عامل یا PlatForm خاصی وابسته نیست و با اکثر مرورگر های پیشرفته از جمله Internet Explorer4 و نسخه های بعدی مایکروسافت کار می کند. البته مرورگر IE مستقیما جاوا اسکریپت را پشتیبانی نمی کند و دارای زبان اسکریپت نویسی مخصوص به خود "Jscript" است که اکثر وﻳﮋگی های جاوا اسکریپت را پشتیبانی می کند. طراحان صفحات وب می توانند با استفاده از Function ها و Object های آماده و از پیش تعریف شده جاوا اسکریپت قابلیت های زیادی را برای صفحات وب ایجاد کنند. برای مثال: -قالب Html را طوری طراحی کنند که کاربران بتوانند خود اجزای صفحه وب مثل Background رنگ یا سایز لینک یا متن را داشته باشند. -می توان با استفاده از کدهای گرافیکی انیمیشن ایجاد کرد و همچنین صفحاتی را طراحی کرد که کاربر به دلخواه قادر به جابجایی یا تغییر تصاویر گرافیکی باشد . -Event ها را کنترل کند و با جاوا و Plug-in ها ارتباط داشته باشد. -فرمهای Clint-Side ایجاد کند و اطلاعات وارد شده توسط کاربر در فرمها را ارزیابی کند و در صورت وجود هرگونه خطایی در نحوه پر شدن آنها پیغام مناسب را نمایش دهد.

فریمورک ReactJS اساساً یک کتابخانه ی جاوا اسکریپت منبع باز است که برای ایجاد رابط کاربری مخصوص برای برنامه های یک صفحه ای استفاده می شود. این برای مدیریت لایه های نمایشی برای برنامه های وب و تلفن همراه استفاده می شود. React ابتدا توسط یک مهندس نرم افزاری برای فیس بوک یعنی Jordan Walke ساخته شد. برای اولین بار در ماه فوریه 2011 و در Instagram.com در سال 2012 اعمال می شود. فریمورک React به توسعه دهندگان اجازه می دهد برنامه های وب بزرگ را که می توانند داده ها را بدون بارگذاری مجدد صفحه تغییر دهند، ایجاد کنند. ری اکت می تواند با ترکیبی از دیگر کتابخانه ها یا چارچوب های جاوا اسکریپت مانند Angular JS در MVC استفاده شود. در React، به جای استفاده از regular JavaScript برای قالب سازی، از JSX استفاده می کند. JSX یک جاوا اسکریپت ساده است که اجازه میدهد از کدهای html استفاده کنید. این کدها تبدیل به کدهای جاوا اسکریپت می شوند که آنها را React Framework می نامند

اولین و اصلی‌ترین دلیل استفاده از انگولار پشتیبانی قدرتمند آن یعنی کمپانی گوگل است. این دلیل به اندازه کافی باعث شده تا هر روز هزاران سایت طراحی سمت کاربر (Frontend) خود را به سمتی ببرند که بتوانند از انگولار به عنوان یک فریم ورک سمت کاربر استفاده کنند. اما همه‌ی دلیل ما این نیست. این فریم ورک از نظر امنیتی بسیار قدرتمند عمل کرده و اکثر کدها را در حالت فشرده شده در اختیار می‌گذارد. قابلیت تنظیم پروژه را به گونه‌ای اعمال کرده که شما می‌توانید در لحظه، خروجی خود را مشاهده کنید و از طرفی چندین برنامه و پروژه انگولاری را با یک API به صورت مستقیم جلو ببرید و با ساختار و کدهای بسیار تمیز، شما را از سردرگمی بین کدها و سینتکس‌ ها نجات می‌دهد. انگولار جی‌اس یک چهارچوب وب‌ اپلیکیشن متن باز است که اولین بار در سال ۲۰۰۹ توسط میسکو هوری و آدام آبرونز توسعه یافت. در حال حاضر این فریم‌ورک توسط گوگل توسعه داده می‌شود و آخرین نسخه آن 1.4.3 است بر اساس مستندات رسمی AngularJS به صورت زیر تعریف می‌شود: “AngularJS یک فریم‌ورک ساخت‌‌یافته برای وب‌‌اپلیکیشن‌های پویا می‌باشد. انگولار علاوه بر اینکه این امکان را به شما می‌دهد که از HTML برای طراحی قالب استفاده کنید باعث می‌شود بتوانید سینتکس‌های HTML را طوری گسترش دهید تا جزئیات وب‌اپلیکیشن‌ها را نیز به وضوح بیان نمایید.” AngularJs یک فریم ورک برای طراحی سایت و وب اپلیکیشن تک صفحه‌ای می باشد. ممکن است شما بارها در مورد انگولار شنیده باشید اصطلاحات زیادی در مورد این فریم ورک وجود دارد اگر با این اصطلاحات آشنایی ندارید چند دقیقه وقت بگذارید تا بتوانید این اصطلاحات را یاد بگیرید. اول از همه اینکه انگولارجی اس یک فریم ورک می باشد فریم ورک به شما این امکان را می‌دهد که کدهای خود را تکنیکی و بهینه بنویسید، تغییر بدهید و تنظیمات استاندارد را روی آن پیاده سازی کنید. با انجام این کارها شما می‌توانید برخی از ویژگی های فریم ورک را استفاده کنید. انگولار به معنی قالب سازی فیلترها ترکیب داده‌های دو طرفه و بقیه موارد است.