If you want to take your website to the next level, the ability to incorporate interactivity is a must. But adding some of these types of capabilities requires a stronger programming language than HTML5 or CSS3, and JavaScript can provide just what you need. With just a basic understanding of the language, you can create a page that will react to common events such as page loads, mouse clicks & movements, and even keyboard input.
Spécialisation Web Design for Everybody: Basics of Web Development & CodingUniversité du MichiganÀ propos de ce cours
585,368 consultations récentes
Résultats de carrière des étudiants
41%
ont commencé une nouvelle carrière après avoir terminé ce cours
31%
ont bénéficié d'un avantage concret dans leur carrières grâce à ce cours
11%
a obtenu une augmentation de salaire ou une promotion
Certificat partageable
Obtenez un Certificat lorsque vous terminez
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 3 sur 5 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Approx. 11 heures pour terminer
Anglais
Sous-titres : Anglais
Compétences que vous acquerrez
Document Object Model (DOM)JavaScriptWeb Development
Résultats de carrière des étudiants
41%
ont commencé une nouvelle carrière après avoir terminé ce cours
31%
ont bénéficié d'un avantage concret dans leur carrières grâce à ce cours
11%
a obtenu une augmentation de salaire ou une promotion
Certificat partageable
Obtenez un Certificat lorsque vous terminez
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 3 sur 5 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Approx. 11 heures pour terminer
Anglais
Sous-titres : Anglais
Offert par
Université du Michigan
The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future.
Programme du cours : ce que vous apprendrez dans ce cours
3 heures pour terminer
Week One: Introduction to JavaScript
If you haven't use a traditional programming language before, this first week is key. Before we begin with the how, we will talk about the why, mainly why we want to use JavaScript. The main reason is that it is very easy for JavaScript to work with the DOM. And easy is always a great way to start. Speaking of starting out, it is also always more fun when our code actually does something we can see, so we will jump quickly into different ways we can generate output. It won't be flashy yet, but it will be a great way to get your feet wet with traditional programming. After that we go back to the basics of how a computer uses data. We begin with variables, expressions, and operators.
3 heures pour terminer
6 vidéos (Total 50 min), 10 lectures, 1 quiz
6 vidéos
Introduction4 min
DOM Review with Object Oriented Programming6 min
Output13 min
Variables9 min
Data Types8 min
Operators and Expressions8 min
10 lectures
Syllabus7 min
Help us learn more about you!10 min
Resources4 min
"What are these deadlines?"3 min
Link to All of the Code for Week One3 min
The Document Object Model (DOM)2 min
Trying to Create and Debug Your Own Output5 min
Notice for Auditing Learners: Assignment Submission10 min
Optional Materials2 min
The History of "Debugging"2 min
1 exercice pour s'entraîner
Week One52 min
3 heures pour terminer
Week Two: Reacting to Your Audience
If you have written HTML code in the past, hopefully you have fallen into the great habit of validating your code -- making sure that you close all of your open tags. There are other rules that you may or may not have been following as well, for instance the importance of using each id attribute only once per page. This is called writing "clean" code. The reasoning and importance of following these rules becomes clear as we begin to manipulate the different components of your webpage based on the the actions of the person interacting with your page. In particular you will learn about the JavaScript Mouse Events and Touch Events. This week's materials will end with a photo gallery example that you can create along with me.
3 heures pour terminer
7 vidéos (Total 53 min), 6 lectures, 2 quiz
7 vidéos
Functions7 min
Code Placement6 min
Folder Structure / Organizing Your Code5 min
Events10 min
Code With Me - Events7 min
"this"9 min
Photo Gallery5 min
6 lectures
Link to All of the Code for Week Two2 min
Functions3 min
Organizing Your Code5 min
Mastering Events and Functions3 min
Just a little note before the next video3 min
Homework Time!!2 min
1 exercice pour s'entraîner
Optional - Week Two Review14 min
2 heures pour terminer
Week Three: Arrays and Looping
This week we will delve into more complex programming concepts: arrays and looping. Arrays allow you to represent groups of related information. Looping provides efficiency and flexibility to your programs. Using both we will expand upon the photo gallery example.
2 heures pour terminer
7 vidéos (Total 57 min), 4 lectures, 1 quiz
7 vidéos
JavaScript Arrays7 min
Code With Me - Arrays5 min
JavaScript Iteration7 min
Flow Of Control11 min
Code With Me - Combining Loops and Conditionals6 min
Advanced Conditionals7 min
Common Errors10 min
4 lectures
Link to All of the Code for Week Three2 min
A JavaScript Cheat Sheet10 min
Arrays5 min
Advanced Coding Techniques2 min
1 exercice pour s'entraîner
JavaScript Review30 min
3 heures pour terminer
Week Four: Validating Form Data
This week we will put a number of the concepts from this course together to tackle a new project - creating and validating input entered into an HTML5 form. Forms are extremely common elements used to input and send data to via a webpage. We will look at how you can use JavaScript to add options to your forms, to pre-fill data based on previous input, and even to check that passwords match.
3 heures pour terminer
5 vidéos (Total 46 min), 7 lectures, 1 quiz
5 vidéos
Simple Forms12 min
Simple Validation10 min
Comparing Two Inputs8 min
Checkboxes and Radio Buttons11 min
Conclusion3 min
7 lectures
Link to All of the Code for Week Four5 min
Introduction to Forms2 min
"Cool Stuff" - Friend or Foe?4 min
Using Forms on Your Site3 min
More Code Examples2 min
Intro to JQuery1 min
Post-course Survey10 min
À propos du Spécialisation Web Design for Everybody: Basics of Web Development & Coding
This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to develop high quality web sites that, work seamlessly on mobile, tablet, and large screen browsers accessible. During the capstone you will develop a professional-quality web portfolio demonstrating your growth as a web developer and your knowledge of accessible web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments.
Foire Aux Questions
Quand aurai-je accès aux vidéos de cours et aux devoirs ?
Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Quelle est la politique de remboursement ?
Si vous vous abonnez, vous bénéficiez d'une période d'essai gratuite de 7 jours, durant laquelle vous pouvez annuler votre abonnement sans pénalité. Ensuite, nous n'accordons plus de remboursements, mais vous pouvez annuler votre abonnement à tout instant. Consultez notre politique de remboursement complète.
Une aide financière est-elle possible ?
Oui, Coursera offre une Aide Financière aux étudiants qui n'ont pas les moyens d'acquitter les frais. Demandez-la en cliquant sur le lien Aide Financière sous le bouton S'inscrire situé à gauche. Vous devrez remplir un formulaire de demande et vous serez averti(e) si elle est acceptée. Vous devrez répéter cette procédure pour chaque cours de la Spécialisation, y compris pour le Projet Final. En savoir plus.
Puis-je obtenir des crédits universitaires si je réussis le Cours ?
Ce Cours n'est pas associé à des crédits universitaires, mais certaines universités peuvent décider d'accepter des Certificats de Cours pour des crédits. Vérifiez-le auprès de votre établissement pour en savoir plus. Les Diplômes en ligne et les Certificats Mastertrack™ sur Coursera apportent la possibilité d'obtenir des crédits universitaires.
D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.
