Jae Yeon Jung's blog

Coursera : Introduction to Front-End Development (by. Meta)

Jae Yeon Jung's photo
Jae Yeon Jung
·

2 min read

What I've learned

  • Web page : A document that displays images, texts, videos and other content in the web browser

  • Website : A collection of webpages that link together

  • Web server :

    • A special type of computer that allows computers to make requests for data

    • Websites and files are stored on web servers

    • Is located in datacenters

  • Web hosting : A service where you place your website and files on the hosting companies web server

    • Types :

      • Shared hosting

      • Virtual Private hosting

      • Dedicated hosting

      • Cloud hosting

  • Protocols

    • Types:

      • TCP (Transmission Control Protocol)

        • Must arrive correctly

        • ex) text, image

      • UDP (User Datagram Protocol)

        • Some data loss is ok

        • ex) voice call, live video stream

  • HTTP Requests

    • Consists of..

      • Method

        • A type of action (GET, POST, PUT, DELETE)

      • Path

        • Where the resource is stored in webserver

      • Version

      • Headers

        • Additional info about the request

  • APIs

    • Types

      • Browser API

      • REST API

        • Most common

        • It is a web server that provides responses to request

      • Sensor-Based API

  • Application server

    • Generates the dynamic content that the web server sends back to the user's browser

    • Ex) Run the application logic, communicate with the database, check permissions

  • Caching

    • This means a web server keeps a copy of dynamic content

    • On the first request for dynamic content, the web server checks if the content exists in the cache. If it does not exist, the content is requested from the application server and stored in the cache

  • SPA

    • Does NOT mean the website has only one page of content

    • It means one HTML page but the page will update it content as users interact with the website

    • Bundling

      • When the browser requests the application, the server returns and loads all necessary HTML, CSS, and JavaScript immediately

    • Lazy loading

      • Returns only the minimum HTML, CSS, and JavaScript needed to load the application

  • React Component

    • A small piece of user interface

    • ex) music player, photo gallery

courseraFrontend Development