## What is Web Development ? To create website or web app. Backend api are also a part of web development. Web development is one of the hardest among different [[Categories of application|types of application]] because it is basically internet engineering. All the web apps combine and become the internet. ## Why Do We Need Web Development? Because we need internet, we need web development. ## Web Development is Exciting %% run start ```ts const {LinkPreview} = customJS return LinkPreview.getLinkPreviewFromUrl("https://thewebshowcase.withgoogle.com/bring-code-from-platforms-into-the-browser#about") ``` %% <div class="nifty-link-card-container"> <a class="nifty-link-card" href="https://thewebshowcase.withgoogle.com/bring-code-from-platforms-into-the-browser#about" target="_blank"> <div class="nifty-link-card-text"> <div class="nifty-link-card-title line-clamp-2">Google - The Web Can Do What!? | Bring code from other platforms into the browser</div> <div class="nifty-link-card-description">WebAssembly makes it easier than ever before to target the web as a platform for distributing your app and to share code deployments across platforms - which means a consistent user experience and maximized performance. https://thewebshowcase.withgoogle.com/bring-code-from-platforms-into-the-browser #TheWebCan</div> <div class="nifty-link-href"> <img class="nifty-link-icon" src="https://thewebshowcase.withgoogle.com/apple-touch-icon.png"> https://thewebshowcase.withgoogle.com/bring-code-from-platforms-into-the-browser#about </div> </div> <div class="nifty-link-image-container"> <div class="nifty-link-image" style="background-image: url('https://thewebshowcase.withgoogle.com/assets/images/share_graphics/bring-code-from-platforms-into-the-browser.png')"> </div> </div> </a> </div> %% run end %% Showcase the incredible capabilities of the modern web by the Chrome for Developers team. As passionate web enthusiasts, our goal is to inspire creators to build better, more engaging, and innovative web experiences. ## How to Start Learning Web Development using Mdn %% run start ```ts const {LinkPreview} = customJS return LinkPreview.getLinkPreviewFromUrl("https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started") ``` %% <div class="nifty-link-card-container"> <a class="nifty-link-card" href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started" target="_blank"> <div class="nifty-link-card-text"> <div class="nifty-link-card-title line-clamp-2">Getting started with Svelte - Learn web development | MDN</div> <div class="nifty-link-card-description">This brings us to the end of our initial look at Svelte, including how to install it locally, create a starter app, and how the basics work. In the next article we'll start building our first proper application, a todo list. Before we do that, however, let's recap some of the things we've learned.</div> <div class="nifty-link-href"> <img class="nifty-link-icon" src="https://developer.mozilla.org/favicon-48x48.cbbd161b.png"> https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started </div> </div> <div class="nifty-link-image-container"> <div class="nifty-link-image" style="background-image: url('https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png')"> </div> </div> </a> </div> %% run end %%