Name: デジタルメディアを探る2019 - 講義6 - Web開発、HTMLとCSS、JavaScriptの基本 (Exploring Digital Media 2019 - Lecture 6 - Web Development, HTML and CSS, JavaScript basics)
Uploaded: 2021-01-14T10:21:01.000Z
Duration: 1 h 55 min 30 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

SPEAKER 1: Hello, everybody, and welcome to one of our last lectures

I can't believe that we're here at the end.

This week we're going to cover web development.

And with us is a special lecturer, David Malan

from Harvard University, who teaches the intro to computer science course CS50.

It is a great course that many of us here have taken,

and I would highly recommend that you take,

if you're interested is piqued tonight with your web development stuff.

So Python, and then you get a little bit of JavaScript, as well.

DAVID MALAN: Little bit of SQL, a little bit of Scratch, and then the two

It's actually one of the most popular languages,

albeit for very specialized purposes still.

So feel free to chime in, ask questions, and make this as lively as possible.

So the overarching goal tonight is web development, the goal of which

is to empower you to understand how the web itself

works, how to write web pages in these languages called HTML and CSS.

And ultimately, give you enough technical comfort

with which to exhibit your own work, creating, ultimately,

a portfolio once you're out there in the real world,

whether it's for photography or for videos that you've put together.

And indeed, even if you're going into tonight's material feeling quite less

comfortable, even if you're quite comfortable now with a camera,

or at least more comfortable now with a camera,

realize that what we'll do tonight is actually relatively accessible.

We'll focus on the fundamental principles on how the web works

and how web pages work, and the language itself is--

HTML-- and how you can teach yourself here on after more about the language,

and teach yourself more techniques than we might actually look at in the class

So if you walk away tonight, or after watching

this with just a bit more curiosity and a bit more interest in diving

into this world, we'll have done our job.

Because even in the real world, if you go off and want to create something

like a portfolio website, or something for work,

or for personal projects using popular sites like Squarespace or Wix--

which are site-builders-- generally, most people,

whether technical or less technical, decide that they really always want

to tweak something, or they want to add some feature or remove some feature.

And once you understand a bit of tonight's material--

HTML and CSS-- can you go in and do those things yourself,

So without further ado, let's consider how we get

Here's a URL, which is, of course, the address via which

HTTP refers to the protocol or the language

that a web server and a web browser speak.

And we won't go too much into the weeds on what that is, but suffice

it to say there is a convention via which web browsers know how to request

web pages from the internet, and a convention

via which web servers know how to respond with the contents of web pages.

Typically at domain names, like example.com, or more specifically here,

And of course, this just represents one or more servers on the internet.

And I say one or more because the bigger companies

out there, like the Googles of the world certainly

have more than one server that lives at a particular address,

so that they can handle thousands or hundreds of thousands of users at once.

So for tonight's purposes though, we'll assume this refers just

But what does it mean when you visit www.example.com?

Well, it turns out that implicit in that short URL is generally some file name.

So when you don't specify a file name after the slash in a URL,

it typically implies something like index.html.

It can also be index.htm, or default.asp, or default.htm.

But probably the most common convention in the tech world

is to name a web page in a file called index.html,

because at the end of the day, that is all the web page is.

Whether you're visiting Facebook, or Google,

or any other web-based application these days, what you are technically

doing is yes, visiting a URL, but that URL is telling the server,

please give me a specific file from that server

so that my browser can show me the contents of that file.

So here's where we'll spend all of our time

tonight, actually creating the language--

HTML-- that is ultimately inside of this file.

You can't use this language to build programs or write software.

It's a markup language, which means it has

what are called tags, which we'll see in just a moment.

And those tags will allow you to tell a browser what to display on the screen

字幕リスト動画再生

デジタルメディアを探る2019 - 講義6 - Web開発、HTMLとCSS、JavaScriptの基本 (Exploring Digital Media 2019 - Lecture 6 - Web Development, HTML and CSS, JavaScript basics)

ultimately

instance

audience

familiar