Interactivity with JavaScript

Type product
Logo van Coursera (CC)
Opleiderscore: starstarstarstar_halfstar_border 7,2 Coursera (CC) heeft een gemiddelde beoordeling van 7,2 (uit 6 ervaringen)

Tip: meer info over het programma, prijs, en inschrijven? Download de brochure!

Beschrijving

When you enroll for courses through Coursera you get to choose for a paid plan or for a free plan

  • Free plan: No certicification and/or audit only. You will have access to all course materials except graded items.
  • Paid plan: Commit to earning a Certificate—it's a trusted, shareable way to showcase your new skills.

About this course: 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. This course will introduce you to the basics of the JavaScript language. We will cover concepts such as variables, looping, functions, and even a little bit about debugging tools. You will understand how the Document Object Model (DOM) is use…

Lees de volledige beschrijving

Veelgestelde vragen

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Nog niet gevonden wat je zocht? Bekijk deze onderwerpen: JavaScript, Web 2.0, (X)HTML & CSS, NodeJS en Angular.

When you enroll for courses through Coursera you get to choose for a paid plan or for a free plan

  • Free plan: No certicification and/or audit only. You will have access to all course materials except graded items.
  • Paid plan: Commit to earning a Certificate—it's a trusted, shareable way to showcase your new skills.

About this course: 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. This course will introduce you to the basics of the JavaScript language. We will cover concepts such as variables, looping, functions, and even a little bit about debugging tools. You will understand how the Document Object Model (DOM) is used by JavaScript to identify and modify specific parts of your page. After the course, learners will be able to react to DOM Events and dynamically alter the contents and style of their page. The class will culminate in a final project - the creation of an interactive HTML5 form that accepts and verifies input. This is the third course in the Web Design For Everybody specialization. A basic understanding of HTML and CSS is expected when you enroll in this class. Additional courses focus on enhancing the styling with responsive design and completing a capstone project.

Created by:  University of Michigan
  • Taught by:  Colleen van Lent, Ph.D., Lecturer

    School of Information
Basic Info Course 3 of 5 in the Web Design for Everybody (Basics of Web Development and Coding) Specialization Language English How To Pass Pass all graded assignments to complete the course. User Ratings 4.6 stars Average User Rating 4.6See what learners said 课程作业

每门课程都像是一本互动的教科书,具有预先录制的视频、测验和项目。

来自同学的帮助

与其他成千上万的学生相联系,对想法进行辩论,讨论课程材料,并寻求帮助来掌握概念。

证书

获得正式认证的作业,并与朋友、同事和雇主分享您的成功。

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.

Syllabus


WEEK 1


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.


6 videos, 9 readings expand


  1. 阅读: Syllabus
  2. 阅读: Help us learn more about you!
  3. 阅读: Resources
  4. 阅读: "What are these deadlines?"
  5. Video: Introduction
  6. 阅读: Link to All of the Code for Week One
  7. 阅读: The Document Object Model (DOM)
  8. Video: DOM Review with Object Oriented Programming
  9. Video: Output
  10. 阅读: Trying to Create and Debug Your Own Output
  11. Video: Variables
  12. Video: Data Types
  13. Video: Operators and Expressions
  14. 讨论提示: Optional Discussion - CodePen
  15. 阅读: Optional Materials
  16. 阅读: The History of "Debugging"

Graded: Week One

WEEK 2


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.


7 videos, 6 readings, 1 practice quiz expand


  1. 阅读: Link to All of the Code for Week Two
  2. 阅读: Functions
  3. Video: Functions
  4. Video: Code Placement
  5. 阅读: Organizing Your Code
  6. Video: Folder Structure / Organizing Your Code
  7. Video: Events
  8. 阅读: Mastering Events and Functions
  9. Video: Code With Me - Events
  10. 阅读: Just a little note before the next video
  11. Video: "this"
  12. 阅读: Homework Time!!
  13. Video: Photo Gallery
  14. 练习测验: Optional - Week Two Review

Graded: JavaScript Interactive Photo Gallery

WEEK 3


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.


7 videos, 4 readings expand


  1. 阅读: Link to All of the Code for Week Three
  2. 阅读: A JavaScript Cheat Sheet
  3. 阅读: Arrays
  4. Video: JavaScript Arrays
  5. Video: Code With Me - Arrays
  6. 阅读: Advanced Coding Techniques
  7. Video: JavaScript Iteration
  8. Video: Flow Of Control
  9. Video: Code With Me - Combining Loops and Conditionals
  10. Video: Advanced Conditionals
  11. Video: Common Errors

Graded: JavaScript Review

WEEK 4


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.


5 videos, 7 readings expand


  1. 阅读: Link to All of the Code for Week Four
  2. 阅读: Introduction to Forms
  3. Video: Simple Forms
  4. Video: Simple Validation
  5. 阅读: "Cool Stuff" - Friend or Foe?
  6. Video: Comparing Two Inputs
  7. Video: Checkboxes and Radio Buttons
  8. 阅读: Using Forms on Your Site
  9. 阅读: Code Examples
  10. Video: Conclusion
  11. 阅读: Intro to JQuery
  12. 阅读: Post-course Survey

Graded: Autocomplete with JavaScript

Blijf op de hoogte van nieuwe ervaringen

Er zijn nog geen ervaringen.
  • Vraag informatie aan over deze cursus. Je ontvangt vanaf dan ook een seintje wanneer iemand een ervaring deelt. Handige manier om jezelf eraan te herinneren dat je wilt blijven leren!
  • Bekijk gerelateerde producten mét ervaringen: JavaScript.

Deel je ervaring

Heb je ervaring met deze cursus? Deel je ervaring en help anderen kiezen. Als dank voor de moeite doneert Springest € 1,- aan Stichting Edukans.

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Download gratis en vrijblijvend de informatiebrochure

Aanhef
(optioneel)
(optioneel)
(optioneel)
(optioneel)
(optioneel)

Heb je nog vragen?

(optioneel)
We slaan je gegevens op om je via e-mail en evt. telefoon verder te helpen.
Meer info vind je in ons privacybeleid.