Presentation1 untuk belajar webdesign.pptx

web

1. Web Browser A web browser is a software application for accessing information on the World Wide Web. Each individual web page, image, and video is identified by a distinct Uniform Resource Locator, enabling browsers to retrieve these resources from a web server and display them on a user's device. Universitas Klabat YOUR FUTURE STARTS HERE https://en.wikipedia.org/wiki/Web_browser

2. Web Browser Engine Universitas Klabat YOUR FUTURE STARTS HERE https://hacks.mozilla.org/2017/05/quantum-up-close-what-is-a-browser-engine/ Is a core software component of every major web browser. The primary job of a browser engine is to transform HTML documents and other resources of a web page into an interactive visual representation on a user's device.

3. Web Browser Engine Universitas Klabat YOUR FUTURE STARTS HERE https://en.wikipedia.org/wiki/Comparison_of_browser_engines

4. Uniform Resource Locator (URL) A string of characters used to identify a resource. Universitas Klabat YOUR FUTURE STARTS HERE Jennifer Niederst Robbins. Learning Web Design 4th Edition. 2012. O’Reilly. Canada

5. Web Application Architecture A skeleton or layout that displays the interactions between application components, middleware systems, user interfaces, and databases. This kind of interaction allows a number of applications to work together simultaneously. Universitas Klabat YOUR FUTURE STARTS HERE https:// litslink.com /blog/web-application-architecture

6. Universitas Klabat YOUR FUTURE STARTS HERE https:// litslink.com /blog/web-application-architecture

7. Universitas Klabat YOUR FUTURE STARTS HERE https:// litslink.com /blog/web-application-architecture

8. 3 TIER ARCHITECTURE Universitas Klabat YOUR FUTURE STARTS HERE https:// mobidev.biz /blog/web-application-architecture-types

9. Universitas Klabat YOUR FUTURE STARTS HERE http://www.lansa.com/img/products/web-development-architecture-and-deployment-diagram.jpg 3 TIER ARCHITECTURE

10. SERVER-SIDE RENDERING (SSR) The content is fetched from the server and passed to the browser to be displayed to the user. Universitas Klabat YOUR FUTURE STARTS HERE https:// mobidev.biz /blog/web-application-architecture-types

11. STATIC SITE GENERATION (SSG) Involves a generator that automates coding of individual HTML pages, creating them from templates. Simple static website located on a CDN or any server, that holds an already generated HTML page to be given to users upon request. Universitas Klabat YOUR FUTURE STARTS HERE https:// mobidev.biz /blog/web-application-architecture-types

12. SINGLE PAGE APPLICATION (SPA) Works within a browser, doesn’t require reloading the page when new data needs to be displayed. Extensively used in our daily life: Facebook, Gmail, Google Maps, GitHub, and Twitter. Universitas Klabat YOUR FUTURE STARTS HERE https:// mobidev.biz /blog/web-application-architecture-types

13. ISOMORPHIC WEB APP Type of JavaScript application that can run both on the client-side and the server side. In contrast to SPA, here the first render occurs on the server. Universitas Klabat YOUR FUTURE STARTS HERE https:// mobidev.biz /blog/web-application-architecture-types

14. MICRO FRONT-END This architecture type is modular, which means that the pages and widgets are completely independent apps. Universitas Klabat YOUR FUTURE STARTS HERE https:// mobidev.biz /blog/web-application-architecture-types

15. SERVERLESS The whole execution of code is taken care of by cloud service providers, no need to deploy them manually on your server. Universitas Klabat YOUR FUTURE STARTS HERE https:// www.simform.com /blog/web-application-architecture/

16. MICROSERVICE The services are loosely coupled to be developed, tested, maintained, and deployed independently. Each services communicate with other services through APIs to solve complex business problems. Universitas Klabat YOUR FUTURE STARTS HERE https:// www.simform.com /blog/web-application-architecture/

17. Universitas Klabat YOUR FUTURE STARTS HERE http://blog.octo.com/en/new-web-application-architectures-and-impacts-for-enterprises-1/

18. Static vs Dynamic Web Universitas Klabat YOUR FUTURE STARTS HERE Consists of a computer with a HTTP server. It is static because the server sends its hosted files “as-is” to the browser. Consists of a static Web server plus extra software, most commonly an application server and a database. It is “dynamic” because the application server updates the hosted files before sending them to the browser via the HTTP server.

19. Universitas Klabat YOUR FUTURE STARTS HERE What will i learn in Web Design course

20. HyperText Markup Language Universitas Klabat YOUR FUTURE STARTS HERE Markup language that we use to structure and give meaning to our web content, for example defining paragraphs, headings, and data tables, or embedding images and videos in the page. https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript

21. Universitas Klabat YOUR FUTURE STARTS HERE

22. Cascading Style Sheet Universitas Klabat YOUR FUTURE STARTS HERE https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript Is a language of style rules that use to apply styling to our HTML content, for example setting background colors and fonts, and laying out our content in multiple columns.

23. Universitas Klabat YOUR FUTURE STARTS HERE

24. JavaScript Universitas Klabat YOUR FUTURE STARTS HERE JavaScript (JS) is a programming language mostly used to dynamically script webpages on the client side, but it is also often utilized on the server-side, using packages such as Node.js. https://developer.mozilla.org/en-US/docs/Glossary/JavaScript