list 5 séquences
assignment Niveau : Introductif
chat_bubble_outline Langue : Anglais
card_giftcard 18 points
Envie de partager ce MOOC dans votre entreprise ?
My Mooc
For Business
- /5
Avis de la communauté
0 avis

Les infos clés

credit_card Formation gratuite
verified_user Certification payante
timer 30 heures de cours

En résumé

This course is part of W3C's "Front-End Web Developer" Professional Certificate and Microsoft's Professional Program Certificate in Front-End Web Development.

This computer science course is an initiation to JavaScript programming and has been designed to help Web developers have an understanding of the basic concepts of the language. This course was developed in partnership between W3C and University Côte d'Azur.

JavaScript lets you add interactive features to your Web sites, including dynamically updated content, controlled multimedia, animated images, and much more.

The main objective of this course is to master JavaScript best practices by means of many interactive examples, some of which are demonstrated in live coding videos.

We’ll use JavaScript within the Web browser. Why JavaScript is worth your time:

  • HTML5, CSS and JavaScript are the “classic three” for developers and designers;
  • It allows you to add interactivity to your Web sites;
  • You can use JavaScript and HTML5 APIs to create custom graphics and animation, and to master multimedia using audio and video players, music and sound effects;
  • It is powerful, easy to learn, and quick to write;
  • It has great tools (editors, runtimes, lint tools, browsers, and third party libraries) as well as great online support through plenty of active open source communities.

At the end of the course, we expect that you will be able to read the source code of any JavaScript example found on the Web, learn from it, tweak it, and even – why not? – start contributing to open-source JavaScript projects. This introductory course will make you think like a JavaScript developer.

  • How to add JavaScript (JS) code in your Web site/Web app, how to debug it
  • How to make interactive Web sites through the DOM API
  • How to change the CSS styles of HTML5 elements from JavaScript
  • How to deal with HTML5 forms
  • How to make basic graphics and animations using the HTML5 canvas
  • How to use the basic concepts of ES2016, the last iteration of the language: arrays, functions, loops, basic objects

more_horiz Lire plus
more_horiz Lire moins
report_problem

Les prérequis

  • High school level studies
  • An interest in learning the basics of programming with JavaScript

dns

Le programme

Module 1: Introduction to JavaScript

  • JavaScript, HTML and CSS
  • JavaScript overview
  • Your first HTML/CSS/JS page
  • Variables, values, functions, operators, and expressions
  • Simple JavaScript examples to play with

Module 2: Adding interactivity to HTML

  • Conditional statements, loops and logical operators
  • Functions and callbacks
  • Handling events
  • The DOM API
  • Let's write a small game

Module 3: Playing with HTML5

  • APIs Arrays and iterators
  • HTML5 multimedia and JavaScript API
  • Displaying a map with the Geolocation API
  • Playing sound samples and music

Module 4: Structuring data

  • Objects, properties and methods
  • Creating multiple objects
  • Organizing the code in separate files
  • Improving the game with ES6 classes

Module 5: Working with forms

  • Built-in JavaScript objects
  • HTML5 tables, forms and input fields
  • The JSON notation
  • Let's create a small application
record_voice_over

Les intervenants

Michel Buffa
Professor
University Côte d’Azur

store

Le concepteur

The World Wide Web Consortium (W3C)
assistant

La plateforme

EdX est une plateforme d'apprentissage en ligne (dite FLOT ou MOOC). Elle héberge et met gratuitement à disposition des cours en ligne de niveau universitaire à travers le monde entier. Elle mène également des recherches sur l'apprentissage en ligne et la façon dont les utilisateurs utilisent celle-ci. Elle est à but non lucratif et la plateforme utilise un logiciel open source.

EdX a été fondée par le Massachusetts Institute of Technology et par l'université Harvard en mai 2012. En 2014, environ 50 écoles, associations et organisations internationales offrent ou projettent d'offrir des cours sur EdX. En juillet 2014, elle avait plus de 2,5 millions d'utilisateurs suivant plus de 200 cours en ligne.

Les deux universités américaines qui financent la plateforme ont investi 60 millions USD dans son développement. La plateforme France Université Numérique utilise la technologie openedX, supportée par Google.

Vous êtes le concepteur de ce MOOC ?
Quelle note donnez-vous à cette ressource ?
Contenu
0/5
Plateforme
0/5
Animation
0/5