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.
Этот курс входит в специализацию ''Специализация Web Design for Everybody: Basics of Web Development & Coding'
от партнера
Специализация Web Design for Everybody: Basics of Web Development & CodingМичиганский университетОб этом курсе
Недавно просмотрено: 319,223
Карьерные результаты учащихся
38%
начал новую карьеру, пройдя эти курсы
28%
получил значимые преимущества в карьере благодаря этому курсу
10%
стал больше зарабатывать или получил повышение
Сертификат, ссылками на который можно делиться с другими людьми
Получите сертификат по завершении
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 3 из 5 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Прибл. 9 часов на выполнение
Английский
Субтитры: Английский
Приобретаемые навыки
Document Object Model (DOM)JavaScriptWeb Development
Карьерные результаты учащихся
38%
начал новую карьеру, пройдя эти курсы
28%
получил значимые преимущества в карьере благодаря этому курсу
10%
стал больше зарабатывать или получил повышение
Сертификат, ссылками на который можно делиться с другими людьми
Получите сертификат по завершении
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 3 из 5 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Прибл. 9 часов на выполнение
Английский
Субтитры: Английский
от партнера
Мичиганский университет
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.
Программа курса: что вы изучите
2 ч. на завершение
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 ч. на завершение
6 видео ((всего 50 мин.)), 10 материалов для самостоятельного изучения, 1 тест
6 видео
Introduction4мин
DOM Review with Object Oriented Programming6мин
Output13мин
Variables9мин
Data Types8мин
Operators and Expressions8мин
10 материалов для самостоятельного изучения
Syllabus7мин
Help us learn more about you!10мин
Resources4мин
"What are these deadlines?"3мин
Link to All of the Code for Week One3мин
The Document Object Model (DOM)2мин
Trying to Create and Debug Your Own Output5мин
Notice for Auditing Learners: Assignment Submission10мин
Optional Materials2мин
The History of "Debugging"2мин
1 практическое упражнение
Week One30мин
3 ч. на завершение
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 ч. на завершение
7 видео ((всего 53 мин.)), 6 материалов для самостоятельного изучения, 2 тестов
7 видео
Functions7мин
Code Placement6мин
Folder Structure / Organizing Your Code5мин
Events10мин
Code With Me - Events7мин
"this"9мин
Photo Gallery5мин
6 материалов для самостоятельного изучения
Link to All of the Code for Week Two2мин
Functions3мин
Organizing Your Code5мин
Mastering Events and Functions3мин
Just a little note before the next video3мин
Homework Time!!2мин
1 практическое упражнение
Optional - Week Two Review30мин
2 ч. на завершение
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 ч. на завершение
7 видео ((всего 57 мин.)), 4 материалов для самостоятельного изучения, 1 тест
7 видео
Code With Me - Arrays5мин
JavaScript Iteration7мин
Flow Of Control11мин
Code With Me - Combining Loops and Conditionals6мин
Advanced Conditionals7мин
Common Errors10мин
4 материала для самостоятельного изучения
Link to All of the Code for Week Three2мин
A JavaScript Cheat Sheet10мин
Arrays5мин
Advanced Coding Techniques2мин
1 практическое упражнение
JavaScript Review30мин
2 ч. на завершение
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 ч. на завершение
5 видео ((всего 46 мин.)), 8 материалов для самостоятельного изучения, 1 тест
5 видео
Simple Forms12мин
Simple Validation10мин
Comparing Two Inputs8мин
Checkboxes and Radio Buttons11мин
Conclusion3мин
8 материалов для самостоятельного изучения
Link to All of the Code for Week Four5мин
Introduction to Forms2мин
"Cool Stuff" - Friend or Foe?4мин
Using Forms on Your Site3мин
More Code Examples2мин
Intro to JQuery1мин
Post-course Survey10мин
Keep Learning with Michigan Online10мин
Рецензии
Лучшие отзывы о курсе INTERACTIVITY WITH JAVASCRIPT
от партнера AC13 авг. 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.
от партнера MM6 февр. 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
от партнера LC15 мар. 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.
от партнера MS1 авг. 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!
Специализация 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.
Часто задаваемые вопросы
Когда я получу доступ к лекциям и заданиям?
Доступ к лекциям и заданиям предоставляется в зависимости от типа регистрации. Если вы проходите курс в режиме слушателя, то получите бесплатный доступ к большинству материалов курса. Чтобы открыть оцениваемые задания и возможность получить сертификат, необходимо будет приобрести прохождение с сертификатом. Это можно сделать во время прохождения в режиме слушателя или после него. Если вы не видите варианта 'Режим слушателя'.
- Курс может не предлагаться в режиме слушателя. Попробуйте бесплатную пробную версию или подайте заявку на финансовую помощь.
- Курс предлагаться в режиме 'Полный курс, без сертификата'. В нем можно просматривать все материалы, выполнять обязательные задания и получить итоговую оценку. Приобрести дополнительно прохождение с сертификатом в таком случае нельзя.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Какие правила возврата средств?
Когда вы оформите подписку, начнется семидневный бесплатный пробный период, в течение которого подписку можно отменить без штрафа. По истечении этого срока вы не сможете вернуть средства, но сможете отменить подписку в любой момент. Ознакомьтесь с нашей политикой возврата средств.
Можно ли получить финансовую помощь?
Да, Coursera предоставляет финансовую помощь учащимся, которые не могут оплатить обучение. Чтобы подать заявление, перейдите по ссылке "Финансовая помощь" слева под кнопкой "Зарегистрироваться". Заполните форму заявления. Если его примут, вы получите уведомление. Обратите внимание: этот шаг необходимо выполнить для каждого курса специализации, в том числе для дипломного проекта. Подробнее
Остались вопросы? Посетите Центр поддержки учащихся.
