Lesson 2 of 3
From your tap to a finished page
One idea at a time. Try the example, then keep going.
Big ideas · 1 of 7
Big ideas
Do this: Read each step. Then cover the page and say the steps in order.
You tap a link or type a URL.
Your browser sends a request over the Internet to the web server.
The web server sends back the page files: HTML, CSS, and JavaScript.
Your browser puts the files together and builds the page you see.
Step-through
Do this: Step through the trip. Say who is doing each job.
Follow a request for a new page from your Chromebook to a web server and back.
Whole picture, 5 steps
5 steps. Tap a number or Show me how it works.
Step-through
Do this: Tap Next to follow one request from your device to the server and back.
Follow one request on its trip. Every page you open makes this same trip.
You tap a link on your phone.
Do this: Read the walk-through, then close it and say the steps back.
Your teacher says to open the homework page on the class site. First, you ask: you tap the Homework link. Next, your browser sends a request over the Internet to the web server. Then the server SENDS back the page files: HTML, CSS, and JavaScript. Last, your browser BUILDS the page, and the homework list shows up. The whole trip usually takes less than a second!
Fun fact
Do this: Read this, then guess how many files your favorite site needs.
One page can need many files. Your browser might ask for dozens of files, like pictures and fonts, just to build one page!
Do this: Read this twice. This mix-up costs points.
The web server does NOT build the page. The server SENDS the files: HTML, CSS, and JavaScript. Your browser BUILDS the page from those files. Remember: the server sends, the browser builds.
From other sites
Do this: Pick one to see the same ideas another way.
Code.org, about 7 minutes
Watch from 0:41 to 3:05
Watch for:
Video not loading? It might be blocked on this wifi. Try it at home.
Ready when you are.
Activity 1 of 7 · 0 of 7 activities done
Write it
Do this: Describe the trip in order, then compare the key points.
Start here if it helps: After Imani taps the link, the browser...
Your answer is not saved anywhere. It disappears when you leave the page.
Flashcards
Do this: Flip each card. Be honest: tap Know it or Still learning.
Card 1 of 10
0 Know it0 Still learning
You type it at the top of the browser.
On the card: Enter or Space flips. Left and Right move. After revealing, 1 marks Still learning and 2 marks Know it. Tab reaches every control.
URL
The address of a page on the web, like https://example.com.
Link
Text or a button you tap to go to another page. Tapping it starts a new request trip.
Request
The message your browser sends to a web server asking for a page.
HTML
The file that holds a page's words and structure, like headings and paragraphs.
CSS
The file that styles a page: colors, fonts, and layout.
JavaScript
The file that makes a page do things when you click, tap, or type.
Web Server
The computer that gets your browser's request and SENDS back the page files.
Page files
The HTML, CSS, and JavaScript files the server sends back. Your browser needs them to build the page.
What does your browser do with the page files?
It BUILDS the page. It puts the HTML, CSS, and JavaScript together into the page you see.
What starts a request trip?
Tapping a link or typing a URL. Then your browser sends a request to the web server.
True or false
Do this: Tap True or False for each one. Read the explanation every time.
Flashcards
Do this: Say your answer before you flip each card.
Card 1 of 5
0 Know it0 Still learning
Separate the asking from the replying.
On the card: Enter or Space flips. Left and Right move. After revealing, 1 marks Still learning and 2 marks Know it. Tab reaches every control.
A new page is requested on a Chromebook. Who asks the web server for it?
The browser sends the request over the Internet.
Which direction do the page files travel in the reply?
From the web server back to the browser over the Internet.
Which page file holds headings and paragraphs?
HTML. It holds the words and structure.
Which page file handles fonts and layout?
CSS. It styles the page.
Does building one page always mean asking for only one file?
No. One page can need many files.
True or false
Do this: Choose True or False and read each explanation.
Self-test
Do this: Answer each question and read the explanation before moving on.
8 questions. One at a time.
Practice, not a grade. No timer. Your best score stays in this browser.
Match
Do this: Choose a word, then choose its meaning.
Connect the ideas
0 / 4 connectedChoose a term, then its meaning. Or drag its grip. Use Tab and Enter or Space; Escape clears.
Classwork
Your next step
Started on another device?
Homework · 10 points
Opening your homework…
Practice it: You did 0 of 7 activities.
You decide when you have finished. This is your study progress, not a grade.
Not marked finished yet.
Two ready posts. Nothing is saved or sent. Make one Classroom assignment for each step you assign, using the points shown below and its own due date. Copy its post and paste it into the assignment's instructions.
Classwork
Worth 10 points.
https://gradebridge-beryl.vercel.app/learn/csc/computer-and-internet-basics/the-request-trip#classwork
Homework
Worth 10 points.
https://gradebridge-beryl.vercel.app/learn/csc/computer-and-internet-basics/the-request-trip#homework
After students turn it in, open Check student work
Download their files from the assignment's Drive folder, then open them in Check student work.
