Blazor چیست؟ آشنایی با Blazor : فریم‌ورک مدرن توسعه وب با استفاده از #c️ باگتو

DOM در واقع همان ساختار صفحه وب است که توسط مرورگر رندر و نمایش داده می‌شود. با کلیک روی یک دکمه یا انجام هر تعامل دیگری با صفحه، یک رویداد (Event) ایجاد می‌شود که باعث اجرای دوباره متدی مثل IncrementCount می‌شود. سپس Render Tree دوباره به‌روزرسانی شده و تغییرات لازم به جاوااسکریپت ارسال می‌شود تا DOM به‌روزرسانی شود. برای اینکه بهتر با مفهوم SPA آشنا شوید، چند نمونه از وب‌سایت‌های معروف را معرفی می‌کنم که از این تکنولوژی استفاده می‌کنند. یکی از بهترین مثال‌ها Gmail است؛ وقتی ایمیل‌های خود را باز می‌کنید یا بین پوشه‌ها جابجا می‌شوید، صفحه به‌طور کامل بارگذاری نمی‌شود و فقط بخشی از صفحه که نیاز به تغییر دارد به‌روزرسانی می‌شود. همچنین، Facebook و Twitter از دیگر نمونه‌های شناخته‌شده SPA هستند که با بارگذاری محتوای جدید بدون نیاز به رفرش کردن کل صفحه، تجربه کاربری بسیار سریعی را ارائه می‌دهند.

در مرحله بعد، دیوید به شما نشان می دهد که چگونه یک جزء Razor ایجاد کنید و بلوک های کد، پارامترها، اتصال داده ها، مدیریت رویداد و موارد دیگر را مورد بحث قرار می دهد. به علاوه، دیوید یک چالش اساسی برنامه وب را ارائه می دهد تا بتوانید آنچه را که آموخته اید به نمایش بگذارید. Blazor WebAssembly یک چارچوب برنامه تک صفحه ای (SPA) برای ساخت برنامه های وب تعاملی سمت مشتری با دات نت است. اجرای کد دات نت در داخل مرورگرهای وب توسط WebAssembly (به اختصار wasm) امکان پذیر است. WebAssembly یک فرمت بایت کد فشرده است که برای دانلود سریع و حداکثر سرعت اجرا بهینه شده است. عمده تغییرات Blazor در دات نت 8 Enhanced navigation یا ناوبری پیشرفته، مدیریت فرم ها، رندر خودکار و رندر استاتیک سمت سرور (Static SSR) است.

ذخیره نام، ایمیل و وبسایت من در مرورگر برای زمانی که دوباره دیدگاهی می‌نویسم. بله؛ در نیک آموز امکان برگزاری دوره‌های سازمانی به‌صورت تخصصی فراهم شده است. به منظور ثبت درخواست، کافی است اطلاعات خود و دوره سازمانی مدنظر را در فرم درخواست آموزش سازمانی ثبت کنید تا ما با شما تماس بگیریم. یک Component در Blazor یک عنصر از UI است، مانند صفحه، گفتگو یا فرم ورود داده. با سلام ببخشید میشه لطفاً اموزش پروژه عملی را هر چه سریعتر شروع کنید. کد #C شما به راحتی می تواند باعث فراخوانی APIs ها و library های JavaScript می شود.

فرایند اجرای WebAssembly به این صورت است که ابتدا کدهای برنامه‌نویسی به Wasm کامپایل می‌شوند. این کد باینری سپس به مرورگر کاربر ارسال می‌شود و در آنجا به صورت Just-In-Time (JIT) به کد ماشین بومی کامپایل و اجرا می‌شود. این فرایند باعث می‌شود تا برنامه‌های WebAssembly با سرعتی بسیار نزدیک به برنامه‌های بومی (Native) اجرا شوند، در حالی که همچنان از امنیت و انعطاف‌پذیری برنامه‌های وب برخوردارند. جاوااسکریپت در مرورگرهای مختلف به شکل‌های متفاوتی عمل می‌کرد، و کتابخانه‌هایی مثل jQuery تلاش کردند تا این تفاوت‌ها را با ارائه یک API مشترک پوشش دهند. اما امروزه تفاوت‌ها بین مرورگرها کمتر شده است و نیاز به jQuery در بسیاری از موارد کمتر احساس می‌شود.جاوااسکریپت با زبان‌های دیگر کمی متفاوت است؛ به عنوان مثال، شیءگرا و تایپ‌دار نیست. در سال 2010، اندرس هیلزبرگ طراح اصلی زبان‌های #C ، دلفی، و توربو پاسکال کار بر روی TypeScript را آغاز کرد، که یک زبان شیءگرا است و می‌تواند به جاوااسکریپت کامپایل یا ترنسپایل شود.

یکی از مثال‌های شناخته‌شده، Google Earth است که با استفاده از WebAssembly ساخته شده و به کاربران اجازه می‌دهد تا به‌طور تعاملی نقشه‌های سه‌بعدی را در مرورگر خود مشاهده کنند. همچنین، Autodesk که نرم‌افزارهای طراحی سه‌بعدی می‌سازد، از WebAssembly برای ایجاد نسخه‌های وب برخی از نرم‌افزارهای سنگین خود استفاده می‌کند. یکی از ویژگی‌های برجسته WebAssembly این است که از زبان‌های مختلف برنامه‌نویسی پشتیبانی می‌کند. زبان‌هایی مثل( C، C++، Rust و حتی#C ) با استفاده از Blazor می‌توانند به Wasm کامپایل شوند و در مرورگر اجرا شوند. این یعنی توسعه‌دهندگان نیازی به یادگیری جاوااسکریپت ندارند تا بتوانند برنامه‌های پیچیده وب بنویسند؛ آنها می‌توانند از زبان‌هایی که با آن‌ها راحت‌تر هستند استفاده کنند.

ضمناً توصیه می کنیم که از آموزش رایگان بلیزر Blazor در ASP.NET Core نیز دیدن کند. Blazor امکان استفاده از DLL ها را در اختیار شما قرار داده می شود و این چیزی جز امکان استفاده از کامپوننت ها و ماژول های قابل استفاده مجدد نیست. شما با استفاده از این ماژول ها می توانید قابلیت های بسیار خوبی را برای خود پیاده سازی کنید که به شما این امکان را می دهد که در زمان و انرژی ای که برای طراحی یک سایت می خواهید بگذارید صرفه جویی کنید. هنگام طراحی کامپوننت ها شما برای اجرا در حالت خودکار، پیچیدگی ذاتی بیشتری وجود دارد. شما باید مطمئن شوید که آن ها می توانند هم روی سرور و هم در کلاینت اجرا شوند.

WebAssembly، با ترکیب قدرت و سرعت برنامه‌های بومی و انعطاف‌پذیری برنامه‌های وب، به یکی از ابزارهای کلیدی توسعه وب تبدیل شده است. Blazor WebAssembly از سینتکس Razor که ترکیبی از کدهای HTML و C# است برای ایجاد محتوای وب پویا استفاده می کند. این نحو فرآیند ساخت صفحات وب پویا را با ادغام یکپارچه کد C# در نشانه گذاری HTML ساده می کند. با سینتکس Razor، توسعه‌دهندگان می‌توانند برنامه‌های وب پویا و مبتنی بر داده‌ها را بدون پیچیدگی مدیریت منطق مشتری و سرور مجزا، ساده‌سازی فرآیند توسعه و افزایش خوانایی کد ایجاد کنند. Blazor WebAssembly یک مدل کامپوننت غنی را ارائه می دهد که به توسعه دهندگان اجازه می دهد تا با استفاده از سی شارپ اجزای رابط کاربری قابل استفاده مجدد را ایجاد کنند. این مؤلفه‌ها را می‌توان به راحتی در بخش‌های مختلف برنامه ترکیب کرد و به اشتراک گذاشت، که منجر به یک پایگاه کد ماژولارتر و قابل نگهداری می‌شود.

WebAssembly  یک استاندارد وب باز است و در مرورگرهای وب بدون افزونه پشتیبانی می شود. WebAssembly در تمام مرورگرهای وب مدرن از جمله مرورگرهای تلفن همراه کار می کند. Blazor Hybrid استفاده از کامپوننت های Razor را در یک native client app با ترکیبی از فناوری‌های بومی native و وب برای پلتفرم‌های وب، موبایل و دسکتاپ امکان‌پذیر می‌کند. کد به صورت بومی در فرآیند دات نت اجرا می شود و UI وب را با استفاده از یک interop محلی به یک کنترل Web View تعبیه شده ارائه می کند . برنامه‌های هیبریدی با .NET Multi-platform App UI (.NET MAUI) که یک چارچوب چند پلتفرمی برای ایجاد برنامه‌های بومی موبایل و دسکتاپ با C# و XAML است، ساخته شده‌اند. Blazor از رندر تعاملی سمت سرور(interactive SSR) پشتیبانی می کند، که در آن تعاملات UI از سرور از طریق یک اتصال بلادرنگ با مرورگر انجام می شود.

فناوری وب طی 30 سال گذشته از صفحات HTML ایستا به برنامه های بسیار تعاملی که به صورت real time بروز می شوند، تکامل یافته است. چرا باید این کتاب را بخوانید؟ این کتاب یکی از منابع معتبر و محبوب برای یادگیری Blazor است که توسط یکی از کارشناسان معروف این حوزه نوشته شده است. اگر به دنبال منبعی هستید که به طور عمیق و دقیق شما را با Blazor آشنا کند، این کتاب گزینه بسیار مناسبی است. گیل همچنین بزرگترین کنفرانس IT در بلژیک و هلند را Techorama تأسیس کرد. با توجه به اینکه صفحات در این معماری به صورت کامپایل شده در اختیار کاربران قرار می گیرد این کد ها توانایی انجام کار های پردازشی را تا حدودی دارند و می توان به صورت آفلاین هم با آنها کار کرد. Blazor از کدهای C# استفاده می کند که به صورت یک جا کامپایل می شوند و سرعت بالاتری در این زمینه دارند.

چه در حال ساخت MVPها، اپلیکیشن‌های سازمانی یا داشبوردهای بلادرنگ باشید، مجموعه ویژگی‌های در حال رشد Blazor و یکپارچگی نزدیک آن با اکوسیستم NET . یکی از هیجان ‌انگیزترین ویژگی‌های Blazor این است که به شما اجازه می‌دهد کدهای #Cرا مستقیماً در مرورگر اجرا کنید، بدون نیاز به جاوااسکریپت. Blazor از WebAssembly برای اجرای کدهای #Cدر مرورگر استفاده می‌کند و این امکان را به توسعه‌دهندگان می‌دهد تا برنامه‌های وب تعاملی و پیشرفته را بدون تغییر زبان برنامه‌نویسی خود بسازند. Blazor WebAssembly برای ارائه برنامه های کاربردی وب با کارایی بالا با استفاده از قابلیت های WebAssembly طراحی شده است. با اجرای کد دات نت به طور مستقیم در مرورگر، Blazor WebAssembly نیاز به رفت و برگشت سرور برای هر تعامل کاربر را از بین می برد و در نتیجه زمان بارگذاری سریعتر و پاسخگویی بهتر را به همراه دارد. عملکرد بهینه Blazor WebAssembly به تجربه کاربری یکپارچه و جذاب کمک می کند و آن را به انتخابی ایده آل برای ساخت برنامه های وب مدرن تبدیل می کند.

هنگام نوشتن منطق تان در #C، می توانید به استفاده از اکوسیستم بزرگ library های JavaScript، که برای UI سمت client وجود دارد، ادامه دهید. فارسی کلاس (FarsiClass.ir) سایتی منحصر بفرد در ایران، شامل آموزش های IT تخصصی و حرفه ای سایت پلورال سایت (Pluralsight) با زیرنویس فارسی و انگلیسی. برای اینکه بتوانید در ارتباط با برنامه‌نویسی، مشاوره / تدریس خصوصی بگیرید، لطفاً فرم درخواست مشاوره مدرسین را تکمیل نمایید تا کارشناسان ما با شما تماس بگیرند.

زمانی که این UI event ها به سمت سرور ارسال شدند، تغییرات مربوط به UI تشخیص داده خواهند شد و به سمت کلاینت ارسال شده و سپس در DOM لحاظ می گردند. Blazorو  Razor هر دو تکنولوژی‌هایی هستند که در توسعه برنامه‌های وب استفاده می‌شوند، اما هر کدام نقش و کاربرد متفاوتی دارند. همانطور که از نام ها پیداست، پروژه Blazor Server بر روی سرور و Blazor WebAssembly در سمت کلاینت در مرورگر اجرا می شود. در Blazor برای برنامه‌هایی که به کتابخانه‌های جاوا اسکریپت شخص ثالث و دسترسی به API های مرورگر نیاز دارند، کامپوننت ها می توانند با جاوا اسکریپت تعامل دارند. کامپوننت ها می توانند از هر کتابخانه یا API که جاوا اسکریپت قادر به استفاده از آن است استفاده کند. کد سی شارپ می‌تواند کد جاوا اسکریپت را و کد جاوا اسکریپت، کد سی شارپ را فراخوانی کند.

با استفاده از SPA، برنامه‌های وب می‌توانند بدون نیاز به بارگذاری مجدد کل صفحه، محتوا را به‌صورت پویا و سریع به‌روزرسانی کنند. این ویژگی به‌ویژه در برنامه‌های بزرگ و پیچیده وب که بارگذاری مجدد کل صفحه می‌تواند زمان‌بر و پرهزینه باشد، بسیار مفید است. اگر شما یک برنامه‌نویس دات‌نت هستید و به دنبال ورود به دنیای Blazor، فریم‌ورک محبوب مایکروسافت برای توسعه وب هستید، این مقاله برای شماست. Blazor با فراهم‌کردن امکان توسعه برنامه‌های تعاملی وب با استفاده از زبان#C، به‌سرعت در حال تبدیل‌شدن به یکی از پرطرف‌دارترین ابزارها برای ساخت برنامه‌های مدرن و پویا است. اما از کجا باید شروع کرد؟یکی از بهترین راه‌ها برای یادگیری Blazor مطالعه کتاب‌هایی است که توسط کارشناسان این حوزه نوشته شده‌اند. در این مقاله، قصد داریم 6 کتاب برتر در زمینه Blazor را معرفی کنیم که می‌توانند شما را از سطح مبتدی به پیشرفته هدایت کنند.

Blazor فریم ورک مایکروسافت است که برای ایجاد UIهای غنی و تعاملی با سی شارپ استفاده می‌شود. برنامه های Blazor با استفاده از کامپوننت‌های Razor ساخته می‌شوند که یکی از قابلیت‌های ASP.NET است. Blazor می‌تواند زمان‌های بارگذاری اولیه سریع‌تری نسبت به React ارائه دهد، اما همچنین اندازه بسته‌ای بزرگ‌تر از React دارد، زیرا شامل Runtime  و کتابخانه های NET. Blazor می تواند زمان های رندر سریع تری نسبت به React ارائه دهد، زیرا نیازی به ارسال داده به مرورگر ندارد. همانطور که چشم انداز توسعه وب به تکامل خود ادامه می دهد، مایکروسافت و جامعه منبع باز فعالانه در حال کار بر روی بهبود Blazor WebAssembly، رفع این محدودیت ها، و معرفی ویژگی های جدید برای بهبود تجربه توسعه هستند.

Blazor WebAssembly یک چارچوب وب است که به توسعه دهندگان اجازه می دهد تا برنامه های وب تعاملی را با استفاده از C# و .NET در مرورگر بسازند. این امکان ایجاد برنامه های کاربردی وب سمت کلاینت را بدون نیاز به جاوا اسکریپت فراهم می کند و به توسعه دهندگان قدرت C# و .NET را برای ایجاد برنامه های وب پویا و قوی ارائه می دهد. با اجرای runtime دات نت در مرورگر، Blazor WebAssembly توسعه برنامه های کاربردی یک صفحه (SPA) را با تعامل و پاسخگویی غنی تسهیل می کند. React و Angular به عنوان فریم‌ورک‌های محبوب جاوااسکریپت برای ایجاد SPA، از جاوااسکریپت یا TypeScript برای مدیریت محتوای صفحه و به‌روزرسانی آن به‌صورت پویا استفاده می‌کنند. در این فریم‌ورک‌ها، کدهای جاوااسکریپت در مرورگر کاربر اجرا می‌شود و تغییرات لازم را بدون بارگذاری مجدد صفحه اعمال می‌کند.اما Blazor رویکرد متفاوتی دارد. Blazor به جای استفاده از جاوااسکریپت، از WebAssembly  استفاده می‌کند که به کدهای #C اجازه می‌دهد مستقیماً در مرورگر اجرا شوند.

کامپوننت ها در Blazor به طور رسمی به عنوان اجزای Razor و به طور غیر رسمی به عنوان اجزای Blazor شناخته می شوند. Razor یک نحو برای ترکیب نشانه گذاری HTML با کد C# است که برای بهره وری توسعه دهندگان طراحی شده است. Razor به شما این امکان را می دهد که با پشتیبانی از برنامه نویسی IntelliSense در ویژوال استودیو، بین HTML و C# در یک فایل جابجا شوید. سپس، زمانی که شخصی به طور مثال روی دکمه‌ ای کلیک می‌کند، رویداد onclick توسط کامپوننتی که در مرورگر اجرا می‌شود مدیریت می ‌شود. دات نت (در مرورگر) رویداد onclick را رهگیری می کند، آن را به کامپوننت مربوطه هدایت می کند، DOM را مجدداً ارائه می دهد و بر اساس آن بروز رسانی را انجام می دهد.

در صورتی که به دنبال یادگیری بیشتر و آشنایی با جنبه‌های مختلف Blazor هستید، مقالات متعددی در این زمینه وجود دارند که می‌توانند شما را راهنمایی کنند. مثلاً اگر می‌خواهید بدانید  Blazor Auto چیست و چطور به توسعه‌دهندگان کمک می‌کند، می‌توانید این مقالات را مطالعه کنید. همچنین، برای انتخاب بین Blazor Server و Blazor WebAssembly و اینکه هر کدام برای چه پروژه‌هایی مناسب‌تر هستند، مقاله‌های تخصصی داریم. اگر به دنبال ساخت رابط کاربری مدرن با MudBlazor هستید یا می‌خواهید بدانید چطور از MudBlazor استفاده کنید، این مطالب به شما کمک خواهند کرد. در نهایت، برای مقایسه Blazor با React یا آشنایی با مزایا و معایب Blazor، پیشنهاد می‌کنم به مقالات مرتبط سر بزنید و از مطالب دیگر باگتو هم استفاده کنید.

اپلیکیشن های Blazor از اجزای قابل استفاده مجدد web UI تشکیل شده است که با HTML و CSS اجرا می شوند. هر دو کدهای client و server با استفاده از #C نوشته شده است و به شما اجازه به اشتراک گذاری کد و library ها را می دهد. تمامی علاقه مندان به یادگیری فریم ورک Blazor و تمامی دوستانی که قصد دارند بتوانند از این تکنولوژی در توسعه وب اپلیکیشن ها استفاده کنند. با استفاده از این آموزش مفاهیم مربوط به توسعه اپلیکیشن های وب با استفاده از Blazor را در وجوه مختلف، آموزش خواهید دید. فریم ورک Blazor یکی از قابلیت های ASP.NET به عنوان یک فریم ورک محبوب توسعه اپلیکیشن های وب به حساب می آید.

Blazor به عنوان یکی از جدیدترین و قدرتمندترین فریم‌ورک‌های توسعه وب توسط مایکروسافت، به توسعه‌دهندگان #C این امکان را می‌دهد تا برنامه‌های وب تعاملی و پیشرفته‌ای را با استفاده از زبانی که به آن مسلط هستند، بسازند. این فریم‌ورک با ترکیب سادگی، انعطاف‌پذیری، و قدرت #C در دنیای وب، راهی نوین برای ساخت برنامه‌های پیشرفته و کاربرپسند ارائه می‌دهد. اگر تا به حال Blazor را امتحان نکرده‌اید، اکنون زمان مناسبی است که با این ابزار قدرتمند آشنا شوید و از امکانات بی‌نظیر آن بهره‌مند شوید. این فرآیند به شما امکان می‌دهد تا بدون نیاز به جاوااسکریپت، برنامه‌های وب تعاملی بسازید، و همه چیز با استفاده از #C در مرورگر اجرا شود. Blazor به شما قدرت می‌دهد تا بدون تغییر زبان، همچنان در خط مقدم تکنولوژی وب بمانید و برنامه‌هایی بسازید که هم کارایی بالا دارند و هم تجربه کاربری بی‌نظیری ارائه می‌دهند.

کد دات نت از طریق WebAssembly در JavaScript sandbox اجرا می شود و مرورگر از آن در برابر اعمال مخرب روی دستگاه کلاینت محافظت می کند. در این حالت، برنامه شما به‌ عنوان یک برنامه تک صفحه‌ای (SPA) اجرا نمی‌شود، بنابراین نمی‌توانید برای هر دوره زمانی وضعیت را در بخش رابط کاربری برنامه خود نگه دارید. اجزای شما فقط تا زمانی که رندر و بازگرداندن HTML برای هر درخواستی طول می کشد زنده هستند. برنامه های وب پیشرونده یا پراگرسیو برنامه هایی هستند که یک حالت میانی بین برنامه های نیتیو و نصبی روی سیستم و برنامه های تحت وب یا همان سایت ها را دارند. در این برنامه ها شما قادر خواهید بود تا با استفاده از یک برنامه سمت کاربر که از منابع کاربر استفاده می کند و به خوبی با سخت افزار ارتباط برقرار می کند. Blazor توانایی این را دارد که این نوع از برنامه نویسی را برای ما پیاده سازی کند.

شما می‌توانید از TypeScript در فریمورک‌هایی مثل Angular و React استفاده کنید، اما در نهایت کدی که در مرورگر اجرا می‌شود، جاوااسکریپت خواهد بود. معرفی شده‌اند، فریم ورک blazor به رشد خود به‌عنوان یک فریم‌ورک قدرتمند برای ساخت اپلیکیشن‌های وب مدرن ادامه می‌دهد. در این مقاله، به بررسی نقاط کلیدی و چشم‌انداز Blazor در آینده می‌پردازیم. Blazor امکان اجرای کد را مستقیماً در سمت کلاینت فراهم می کند و در نتیجه زمان بارگذاری سریعتر و تجربه کاربر بهبود می یابد. از سوی دیگر، Angular به یک DOM مجازی متکی است که می تواند مقداری سربار را معرفی کند. اجرای کد دات نت در داخل مرورگرهای وب توسط WebAssembly به اختصار wasm امکان پذیر است.

این به این معنا است که وقتی فریم ورک Blazor را انتخاب کنید، هم سایت و هم سرور هر دو از زبان C# استفاده می کنند و این سازگاری کیفیت خوبی را به ارمغان خواهد آورد. وقتی که شما با استفاده از این نسخه برنامه های خود را بنویسید کلیه برنامه ها روی کدهای ASP.NET Core میزبانی می شود که با فرمت و سینتکس Razor قابل دسترسی می باشد. برنامه هایی که با استفاده از این نسخه از Blazor نوشته می شوند می توانند به راحتی با Thin Client ها کار کنند و تمامی بخش های پردازشی روی سرور انجام می شود. شرکت نرم افزاری مایکروسافت نسخه جدید چارچوب .NET Core 3 را به بازار عرضه کرد البته این نسخه جدید شامل یک چارچوب طراحی وب جدید به نام Blazor بود. پس از این در ماه مه شرکت نرم افزاری مایکروسافت نسخه جدیدی از این چارچوب نرم افزاری یعنی Blazor 3.2 را منتشر کرد و با عنوان Blazor WebAssemble به عنوان نسخه آماده استفاده ارائه کرد.

Blazor را میتوان یک تکنولوژی بی نظیر دانست زیرا میتوان گفت آینده دنیای جاوا اسکریپت است. WebAssembly، یا به اختصار Wasm، یکی از جدیدترین و هیجان‌انگیزترین تکنولوژی‌های وب است که در سال 2017 معرفی شد. این تکنولوژی توسط کنسرسیومی از شرکت‌های بزرگ فناوری از جمله گوگل، موزیلا، اپل، و مایکروسافت توسعه داده شد. نکته جالب این است که WebAssembly متعلق به مایکروسافت نیست، بلکه یک استاندارد باز است که توسط شرکت‌های مختلف پشتیبانی می‌شود و برای همه مرورگرهای اصلی وب قابل استفاده است. ما در این دوره آموزشی Blazor WASM را به صورت پایه تا پیشرفته تحت دات نت 7، دات نت 8 و دات نت 9 آموزش خواهیم داد.

پس اگر به دنبال منابعی برای ارتقاء مهارت‌های خود در Blazor هستید، با ما همراه باشید. WebAssembly با هدف بهبود عملکرد برنامه‌های وب و افزایش قابلیت‌های آنها طراحی شده است. در گذشته، جاوااسکریپت تنها زبان برنامه‌نویسی‌ای بود که می‌توانست مستقیماً در مرورگر اجرا شود. اما جاوااسکریپت، با وجود تمامی مزایای خود، محدودیت‌هایی داشت که باعث می‌شد برخی از برنامه‌ها نتوانند با عملکرد بهینه اجرا شوند. اینجاست که WebAssembly وارد می‌شود؛ WebAssembly به توسعه‌دهندگان این امکان را می‌دهد که کدهای خود را به یک فرمت باینری به نام Wasm کامپایل کنند. این فرمت باینری بسیار کارآمد است و می‌تواند به سرعت در مرورگر اجرا شود.