Informações sobre o curso
4.6
2,364 ratings
537 reviews
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....
Globe

cursos 100% online

Comece imediatamente e aprenda em seu próprio cronograma.
Calendar

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.
Clock

Sugerido: 6 hours/week

Aprox. 12 horas restantes
Comment Dots

English

Legendas: English

Habilidades que você terá

JavascriptWeb DevelopmentInteractivityJavascript Syntax
Globe

cursos 100% online

Comece imediatamente e aprenda em seu próprio cronograma.
Calendar

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.
Clock

Sugerido: 6 hours/week

Aprox. 12 horas restantes
Comment Dots

English

Legendas: English

Programa - O que você aprenderá com este curso

1

Seção
Clock
3 horas para concluir

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. ...
Reading
6 vídeos (Total de 50 min), 10 leituras, 1 teste
Video6 videos
DOM Review with Object Oriented Programming6min
Output13min
Variables9min
Data Types8min
Operators and Expressions8min
Reading10 leituras
Syllabus7min
Help us learn more about you!10min
Resources4min
"What are these deadlines?"3min
Link to All of the Code for Week One3min
The Document Object Model (DOM)2min
Trying to Create and Debug Your Own Output5min
Notice for Auditing Learners: Assignment Submission10min
Optional Materials2min
The History of "Debugging"2min
Quiz1 exercício prático
Week One52min

2

Seção
Clock
3 horas para concluir

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....
Reading
7 vídeos (Total de 53 min), 6 leituras, 2 testes
Video7 videos
Code Placement6min
Folder Structure / Organizing Your Code5min
Events10min
Code With Me - Events7min
"this"9min
Photo Gallery5min
Reading6 leituras
Link to All of the Code for Week Two2min
Functions3min
Organizing Your Code5min
Mastering Events and Functions3min
Just a little note before the next video3min
Homework Time!!2min
Quiz1 exercício prático
Optional - Week Two Review14min

3

Seção
Clock
2 horas para concluir

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....
Reading
7 vídeos (Total de 57 min), 4 leituras, 1 teste
Video7 videos
Code With Me - Arrays5min
JavaScript Iteration7min
Flow Of Control11min
Code With Me - Combining Loops and Conditionals6min
Advanced Conditionals7min
Common Errors10min
Reading4 leituras
Link to All of the Code for Week Three2min
A JavaScript Cheat Sheet10min
Arrays5min
Advanced Coding Techniques2min
Quiz1 exercício prático
JavaScript Review30min

4

Seção
Clock
3 horas para concluir

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....
Reading
5 vídeos (Total de 46 min), 7 leituras, 1 teste
Video5 videos
Simple Validation10min
Comparing Two Inputs8min
Checkboxes and Radio Buttons11min
Conclusion3min
Reading7 leituras
Link to All of the Code for Week Four5min
Introduction to Forms2min
"Cool Stuff" - Friend or Foe?4min
Using Forms on Your Site3min
More Code Examples2min
Intro to JQuery1min
Post-course Survey10min
4.6
Direction Signs

40%

comecei uma nova carreira após concluir estes cursos
Briefcase

83%

consegui um benefício significativo de carreira com este curso
Money

10%

recebi um aumento ou promoção

Melhores avaliações

por LCMar 16th 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.

por MMFeb 7th 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.\n\nThanks

Instrutores

Colleen van Lent, Ph.D.

Lecturer
School of Information

Charles Severance

Associate Professor
School of Information

Sobre 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....

Sobre o Programa de cursos integrados Web Design for Everybody (Basics of Web Development and 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....
Web Design for Everybody (Basics of Web Development and Coding)

Perguntas Frequentes – FAQ

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.