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.
Dieser Kurs ist Teil der Spezialisierung Spezialisierung Web Design for Everybody: Basics of Web Development & Coding
von
Spezialisierung Web Design for Everybody: Basics of Web Development & CodingUniversity of MichiganÜber diesen Kurs
336,185 kürzliche Aufrufe
Karriereergebnisse der Lernenden
41%
nahm einen neuen Beruf nach Abschluss dieser Kurse auf
31%
ziehen Sie für Ihren Beruf greifbaren Nutzen aus diesem Kurs
11%
erhalten Sie eine Gehaltserhöhung oder Beförderung
Zertifikat zur Vorlage
Erhalten Sie nach Abschluss ein Zertifikat
100 % online
Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.
Flexible Fristen
Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.
Ca. 9 Stunden zum Abschließen
Englisch
Untertitel: Englisch
Kompetenzen, die Sie erwerben
Document Object Model (DOM)JavaScriptWeb Development
Karriereergebnisse der Lernenden
41%
nahm einen neuen Beruf nach Abschluss dieser Kurse auf
31%
ziehen Sie für Ihren Beruf greifbaren Nutzen aus diesem Kurs
11%
erhalten Sie eine Gehaltserhöhung oder Beförderung
Zertifikat zur Vorlage
Erhalten Sie nach Abschluss ein Zertifikat
100 % online
Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.
Flexible Fristen
Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.
Ca. 9 Stunden zum Abschließen
Englisch
Untertitel: Englisch
von
University of 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.
Lehrplan - Was Sie in diesem Kurs lernen werden
2 Stunden zum Abschließen
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.
2 Stunden zum Abschließen
6 Videos (Gesamt 50 min), 10 Lektüren, 1 Quiz
6 Videos
DOM Review with Object Oriented Programming6m
Output13m
Variables9m
Data Types8m
Operators and Expressions8m
10 Lektüren
Syllabus7m
Help us learn more about you!10m
Resources4m
"What are these deadlines?"3m
Link to All of the Code for Week One3m
The Document Object Model (DOM)2m
Trying to Create and Debug Your Own Output5m
Notice for Auditing Learners: Assignment Submission10m
Optional Materials2m
The History of "Debugging"2m
1 praktische Übung
Week One30m
3 Stunden zum Abschließen
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 Stunden zum Abschließen
7 Videos (Gesamt 53 min), 6 Lektüren, 2 Quiz
7 Videos
Code Placement6m
Folder Structure / Organizing Your Code5m
Events10m
Code With Me - Events7m
"this"9m
Photo Gallery5m
6 Lektüren
Link to All of the Code for Week Two2m
Functions3m
Organizing Your Code5m
Mastering Events and Functions3m
Just a little note before the next video3m
Homework Time!!2m
1 praktische Übung
Optional - Week Two Review30m
2 Stunden zum Abschließen
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 Stunden zum Abschließen
7 Videos (Gesamt 57 min), 4 Lektüren, 1 Quiz
7 Videos
Code With Me - Arrays5m
JavaScript Iteration7m
Flow Of Control11m
Code With Me - Combining Loops and Conditionals6m
Advanced Conditionals7m
Common Errors10m
4 Lektüren
Link to All of the Code for Week Three2m
A JavaScript Cheat Sheet10m
Arrays5m
Advanced Coding Techniques2m
1 praktische Übung
JavaScript Review30m
2 Stunden zum Abschließen
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.
2 Stunden zum Abschließen
5 Videos (Gesamt 46 min), 7 Lektüren, 1 Quiz
5 Videos
Simple Forms12m
Simple Validation10m
Comparing Two Inputs8m
Checkboxes and Radio Buttons11m
Conclusion3m
7 Lektüren
Link to All of the Code for Week Four5m
Introduction to Forms2m
"Cool Stuff" - Friend or Foe?4m
Using Forms on Your Site3m
More Code Examples2m
Intro to JQuery1m
Post-course Survey10m
Bewertungen
Top-Bewertungen von INTERACTIVITY WITH JAVASCRIPT
von AC13. Aug. 2020
Course is nice but when I submitted the assignment one student gave full mark and other gave zero and I failed even though my code was correct. So I again uploaded same code and I got 100% and passed.
von LC15. März 2016
An excellent course, my JavaScript has improved greatly since I completed the requirements. Colleen is a fantastic teacher, I found the lectures to be highly informative and the assignments good fun.
von MM6. Feb. 2016
I was glad to find a course that focused simply on the basics of Javascript. So many courses cover the three HTML, CSS, and JS, but don't give enough to really start working with Javascrip. Thanks
von MS1. Aug. 2020
The instructor is simply amazing at teaching the concepts, and even for absolute beginners with basic knowledge of HTML and CSS, this course helps take your web development skills to the next level!
Über den Spezialisierung 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.
Häufig gestellte Fragen
Wann erhalte ich Zugang zu den Vorträgen und Aufgaben?
Der Zugang zu Vorlesungen und Aufgaben hängt von der Art Ihrer Anmeldung ab. Wenn Sie einen Kurs im Gastmodus belegen, können Sie die meisten Kursmaterialien kostenlos einsehen. Um auf benotete Aufgaben zuzugreifen und ein Zertifikat zu erhalten, müssen Sie während oder nach Ihrer Gastphase das Zertifikat erwerben. Wenn Sie die Gastoption nicht sehen:
- Der Kurs bietet möglicherweise keine Gastoption an. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen.
- Der Kurs kann stattdessen "Vollständiger Kurs ohne Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Aufgaben einreichen und eine Endnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Was bekomme ich, wenn ich diese Spezialisierung abonniere?
Wenn Sie sich für den Kurs anmelden, erhalten Sie Zugriff auf alle Kurse der Spezialisierung und Sie erhalten nach Abschluss aller Arbeiten ein Zertifikat. Ihr elektronisches Zertifikat wird zu Ihrer Seite „Errungenschaften“ hinzugefügt – von dort können Sie Ihr Zertifikat ausdrucken oder es zu Ihrem LinkedIn Profil hinzufügen. Wenn Sie nur lesen und den Inhalt des Kurses anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.
Is financial aid available?
Ja, Coursera bietet für Kursteilnehmer, die sich die Kursgebühr nicht leisten können, finanzielle Unterstützung an. Bewerben Sie sich dafür, indem Sie auf den Link für finanzielle Unterstützung links unter der Schaltfläche „Anmelden“ klicken. Sie werden zum Ausfüllen eines Antrags aufgefordert und werden bei Genehmigung benachrichtigt. Diesen Schritt müssen Sie für jeden Kurs der Spezialisierung ausführen, auch für das Abschlussprojekt. Mehr erfahren
Erhalte ich akademische Leistungspunkte für den Abschluss des Kurses?
Für diesen Kurs gibt es keine akademischen Leistungspunkte, doch Hochschulen können nach eigenem Ermessen Leistungspunkte für Kurszertifikate vergeben. Wenden Sie sich an Ihre Einrichtung, um mehr zu erfahren. Online-Abschlüsse und Mastertrack™-Zertifikate auf Coursera bieten die Möglichkeit, akademische Leistungspunkte zu erwerben.
Haben Sie weitere Fragen? Besuchen Sie das Hilfe-Center für Teiln..
