Explorez l'intégralité de Coursera

Parcourir
Meilleurs cours
Connexion
Inscrivez-vous gratuitement

Introduction to JavaScript

Loading...

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

Université de Londres

4.5 (4,058 évaluations) | 110K étudiants inscrits

Cours 1 de 6 dans Développement et conception d'un site Web dynamique Spécialisation

S'inscrire gratuitement

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.

Visualiser le programme de cours

Compétences que vous apprendrez

Jquery, Html, JavaScript, Cascading Style Sheets (CCS)

Avis

4.5 (4,058 évaluations)

5 stars
67%
4 stars
24%
3 stars
6%
2 stars
2%
1 star
1%

JF

Feb 14, 2016

Bright instructors delivering succinct and interesting content, with quick-paced videos and quizzes make a great learning experience. I am really impressed! Thank you, University of London people!

SS

Jan 03, 2016

It's very good for beginner who already have hands in programming. it gives very basic and important concepts about HTML, CSS and javascript. it also gives a brief history of internet and HTML.

À 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

Enseigné par

Dr Matthew Yee-King
Lecturer
Dr Marco Gillies
Senior Lecturer
Dr Kate Devlin
Senior Lecturer

Essayer le cours pour Gratuit USD

Transcription

[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.

Meilleurs cours en ligne

L'IA pour tous
Introduction à TensorFlow
Réseau de neurones et deep learning
Algorithmes, Partie 1
Algorithmes, Partie 2
Apprentissage automatique
Apprentissage automatique avec Python
Apprentissage automatique à l'aide de SAS Viya
La programmation en R
Intro à la programmation avec Matlab
Analyse des données avec Python
Principes de base d'AWS : Going Cloud Native
Bases de Google Cloud Platform
Ingénierie de la fiabilité du site
Parler un anglais professionnel
La science du bien-être
Apprendre à apprendre
Marchés financiers
Tests d'hypothèses dans la santé publique
Bases du leadership au quotidien

Meilleures spécialisations en ligne

Deep Learning
Le Python pour tous
Science des données
Science des données appliquée avec Python
Bases de la gestion d'entreprise
Architecture avec Google Cloud Platform
Ingénierie des données sur Google Cloud Platform
Excel à MySQL
Apprentissage automatique avancé
Mathématiques pour l'apprentissage automatique
Voiture autonome
Révolutions Blockchains pour l'entreprise
Business Analytics
Compétences Excel pour l'entreprise
Marketing numérique
Analyse statistique avec R pour la santé publique
Bases de l'immunologie
Anatomie
Gestion de l'innovation et du design thinking
Bases de la psychologie positive

Certificats en ligne

Google IT Support
Spécialiste de l'engagement client IBM
Science des données IBM
Gestion de projet appliquée
Certificat professionnel IA appliquée IBM
Apprentissage automatique pour l'analytique
Analyse et visualisation de données spatiales
Génie et gestion de la construction
Stratégie de mise en forme

Programmes diplômants en ligne

Master en science des données
Licence d'informatique
Diplômes d'informatique et d'ingénierie
Master en apprentissage automatique
MBA et diplômes commerciaux
Master en génie électrique
Master en santé publique
Master en technologies de l'information

Coursera

Acerca de
Liderazgo
Empleo
Catálogo
Certificados
Certificados MasterTrack™
Grados
Para Empresas
For Government
Para el campus
Coronavirus Response

Communauté

Estudiantes
Socios
Desarrolladores
Probador beta
Traductores
Blog
Blog de Tecnología

Plus

Términos
Privacidad
Ayuda
Accesibilidad
Prensa
Contacto
Directorio
Afiliados

Disponible sur Google Play

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