About

This chapter, you will learn strong fundementals understanding of HTTP & HTML using Node.js and ES6 baked in.

Prior Knowledge

1. Explain & Identify Synchronous functions
2. Explain & Identify Asynchronous functions
3. Explain node.js and greater ecosystem with NPM.

Student Learning Objectives

Students should be able to:

1. Distinguish between the client and the server.
2. Describe what HTTP is and why it was created.
3. Explain what HTML is and why it was created.
4. Identify HTML basic syntax and how to check it.
5. Explain how HTML is sent from a server to the browser using HTTP
6. Demonstrate how to use node's fs method to read HTML and http method to create a server.
7. Create a [simple functions] that uses [template literals] to compose html layouts.

State Standards Utilized

:::block

• IDENTIFY INTERNET PROTOCOLS AND OPERATIONS

• 9.1 Explain cloud-based computing and content delivery networks
• 9.2 Identify the components and functions of the internet (e.g., HTTP, HTTPS, FTP, IP addresses, and IMAP)
• 9.3 Identify services run by web servers [e.g., scripting languages (client- and server-side scripting), databases, and media]
• 9.4 Identify performance issues (e.g., bandwidth, internet connection types, pages loading slowly, resolution, and size graphics)
• 9.5 Differentiate among shared hosting, dedicated server, and virtual private server (VPS)
• 9.6 Identify Internet of Things (IOT) and common communication interfaces (e.g., Bluetooth, NFC, Wi-Fi, and LTE) {.fragment .current-only } :::

Projects

1. Build a server with node.js, no frameworks

Resources:

• Async Gen
• async gen 2

--

• Medium Articles:
  1. Build your own express.js
     • Part 1
     • Part 2

--

Basic Videos

1. Buffers, Streams, Pipes and Files
2. Async Javascript - Callbacks, Promises, Async Await

--

Advanced Topic Videos

• how to correctly stream a file over http
• Async Iterators: A New Future for Streams - Stephen Belanger

• Bleeding Edge
  • Streaming requests with fetch - HTTP 203