link Source: www.edx.org
list 5 sequences
assignment Level : Introductory
chat_bubble_outline Language : English
card_giftcard 240 points
Users' reviews
-
starstarstarstarstar
0 reviews

Key Information

credit_card Free access
verified_user Fee-based Certificate
timer 30 hours in total

About the content

This course is part of W3C's "Front-End Web Developer" Professional Certificate.

JavaScript lets you add interactive features to your Web sites, including dynamically updated content, controlled multimedia, animated images, and much more. Developed in partnership between W3C and University Côte d'Azur, this introductory course has been designed to help Web developers have an understanding of the basic concepts of the language. We present JavaScript best practices by means of many interactive examples, some of which being demonstrated in live coding videos.

We use JavaScript in the Web browser. Why JavaScript is worth your time:

  • HTML5, CSS and JavaScript are the “classic three” for developers and designers;
  • It adds interactivity to your Web sites;
  • 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 you to 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.

  • How to add JavaScript code in your Web site/Web app, and 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

more_horiz Read more
more_horiz Read less
report_problem

Prerequisite

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

dns

Syllabus

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

  • 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
  • Improving the small game with 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

Instructors

Michel Buffa
Professor
University Côte d’Azur

store

Content Designer

The World Wide Web Consortium (W3C)
The World Wide Web Consortium (W3C)
assistant

Platform

Edx

Harvard University, the Massachusetts Institute of Technology, and the University of California, Berkeley, are just some of the schools that you have at your fingertips with EdX. Through massive open online courses (MOOCs) from the world's best universities, you can develop your knowledge in literature, math, history, food and nutrition, and more. These online classes are taught by highly-regarded experts in the field. If you take a class on computer science through Harvard, you may be taught by David J. Malan, a senior lecturer on computer science at Harvard University for the School of Engineering and Applied Sciences. But there's not just one professor - you have access to the entire teaching staff, allowing you to receive feedback on assignments straight from the experts. Pursue a Verified Certificate to document your achievements and use your coursework for job and school applications, promotions, and more. EdX also works with top universities to conduct research, allowing them to learn more about learning. Using their findings, edX is able to provide students with the best and most effective courses, constantly enhancing the student experience.

You are the designer of this MOOC?
What is your opinion on this resource ?
Content
5/5
Platform
5/5
Animation
5/5