Introduction to JavaScript

Loading...

En provenance du cours de University of London

Responsive Website Basics: Code with HTML, CSS, and JavaScript

3052 notes

Explore Related Videos

At Coursera, you will find the best lectures in the world. Here are some of our personalized recommendations for you

University of London

Responsive Website Basics: Code with HTML, CSS, and JavaScript

3052 notes

Cours 1 sur 6 dans Specialization Responsive Website Development and Design

In this course you will learn three key website programming and design languages: HTML, CSS and JavaScript. You will create a web page using basic elements to control layout and style. Additionally, your web page will support interactivity. At the end of the course, you will be able to: 1. Define the purpose of HTML, CSS and JavaScript 2. Make a simple web page using HTML 3. Use CSS to control text styles and layout 4. Use CSS libraries such as Bootstrap to create responsive layouts 5. Use JavaScript variables and functions 6. Manipulate web page content using JavaScript 7. Respond to user input using JavaScript In this course, you will complete: 2 assignments writing HTML, CSS and JavaScript, each taking ~1 hour to complete 4 quizzes, each taking ~20 minutes to complete 1 programming exercise~30 minutes to complete multiple practice quizzes, each taking ~5 minutes to complete Participation in or completion of this online course will not confer academic credit for University of London programmes.

À partir de la leçon

Beginning JavaScript

Welcome to the third module of 'Responsive website basics'. <p>In this module we will write simple JavaScript programs and learn how to write programs that can respond to user input such as clicking on HTML elements. We will also take a look at JavaScript functions and use jQuery to manipulate web pages.</p>Finally, you will learn how to write your own javaScript functions including anonymous functions. <p> Looking forward to working with you this week! <p> - Matthew and Marco

Introduction to JavaScript5:02

Rencontrer les enseignants

Dr Matthew Yee-King
Lecturer
Computing Department, Goldsmiths, University of London
Dr Marco Gillies
Senior Lecturer
Computing Department, Goldsmiths, University of London
Dr Kate Devlin
Senior Lecturer
Department of Computing, Goldsmiths

[MUSIC]

Okay, welcome back.

You've now spent a couple of weeks working on the fundamentals of creating web pages.

And this week, we're gonna move on to the next stage, which is interactivity.

To sort of introduce that, I'd like to sort of think a little bit about the kind

of web pages you'd be creating.

So, if you think about what happens when you load a web page,

you're at your computer, this person on the left.

And you're, for example, visiting the Coursera page.

I'll represent by the Coursera logo,

but this is the server that hosts the Coursera web page.

What happens on the kind of page that we've been creating so

far is that you type in the URL and send that request.

And then the server finds the HTML page and the CSS,

and any of the images, and sends it back to you.

And that's the basic interaction we've been working on,

send a request and a whole page gets sent back to you.

And that's perfectly good and

that's well represents what web pages were like in the mid 90s.

But a modern web page is actually far more interactive than that.

Once you've loaded a page like the Coursera webpage that you're on now,

in fact, what happens is you spend less time interacting.

You will click on a video to make it play and

that the web page will respond by playing the video.

Or similarly, you might sort of click on a tab and it'll show you more information.

You might hover over something and it'll show you a tooltip.

There's lots of sort of consulates of bits of activity that are interacting directly

with the web page in the browser.

So these things aren't,

well most of them aren't sending requests back to the server and loading new pages.

They're sort of changing and manipulating the page you've got.

And that's the kind of interactivity I'd like to talk to you about today.

And in particular,

focus on sort of the kind of interactivity you do with mouse clicks.

So sort of clicking on elements or possibly hovering over elements.

So this kind of interactivity is enabled by a third language called JavaScript.

So we've already looked at two of the main web languages.

HTML, in the first module, CSS, In the second module.

JavaScript is the third language.

If HTML is for the structure of a web page,

CSS is for the style of a webpage.

Well, JavaScript is for interactivity.

And actually we'll discover it's for

many other things as we go throughout the courses.

It's possibly the most complex of the three web languages, but for

now we'll use it for interactivity.

If you're new to programming, JavaScript is probably the hardest of

the three languages to come, because it really is a full programming language.

And I'll try to introduce things from the very beginning,

compared to many other programming languages, it isn't so complex.

But we've also included some links to further materials if

you feel you need some extra reading or extra support for learning JavaScript.

On the other hand,

if you are an existing programmer, there are a few things I'd like to point out.

So many of you might have started programming with a language called Java,

have experience with Java.

And if you're in that position, for

one thing, I really want to stress is that JavaScript is not Java.

Though the names are similar, actually they're very different languages.

So JavaScript came out about the same time as Java.

It was quite a, sort of an exciting new language and as a marketing spin.

They sort of tried to align it with Java.

And in fact, JavaScript isn't really the official name.

The official name is ECMAScript.

But why I'm stressing this is that actually, even though JavaScript

has a very similar syntax to Java, it's actually a very different language.

A lot of the principles of JavaScript, underlying them,

are very different conceptually for how things work in Java.

And in fact, to many other languages such as [INAUDIBLE], Ruby, Python, etc.

So throughout this course, I'll point out a number of moments where,

when we're doing something in JavaScript, which seems really, really strange to

somebody with a background in Java or most other programming languages.

But it's perfectly fine in JavaScript.

So even if you're used to programming in another language,

there is still quite a few things to learn.

And I will try my best to highlight them wherever possible.

So now we know what we need to do.

In the next video, I'll start taking you through the very basics of

writing some interactive JavaScript.

[SOUND]

Explorer notre catalogue

Rejoignez-nous gratuitement et obtenez des recommendations, des mises à jour et des offres personnalisées.

Coursera propose un accès universel à la meilleure formation au monde, en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.

© 2019 Coursera Inc. Tous droits réservés.

Télécharger dans l'App Store

Disponible sur Google Play