Learn JavaScript Dynamic Interactive Projects for Beginners

Bring HTML code to life with JavaScript. Access and update your web code with JavaScript through the DOM
4.4 (8 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
2,466 students enrolled
$19
$100
81% off
Take This Course
  • Lectures 36
  • Length 3 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 English

Course Description

Bring your web pages to life with user Interaction. Create Dynamic responses using JavaScript. Web visitors are expecting more, and that's interaction with the content.

JavaScript opens the doors to being able to create amazing effects and being able to deliver that expected experience.

I'm a JavaScript developer, having worked on and created hundreds of websites. I'm going to show you how to use JavaScript to access your web page content and make it dynamic.

This course is designed for beginners who want to see real world examples. I show you how you can use JavaScript and your imagination to make amazing things online. All of the source code is included. I also share resources that are used in the course. Tips, and coding methods are also included.

In this course you will learn to make three projects from scratch, using JavaScript to create useful code snippets that can be reused in the real world.

Topics that are covered include Functions. Introduction to functions, how JavaScript compiles your code and the difference between declaration functions and expressions. Functions are so important to understand when it comes to creating interaction. They save time and can accelerate your development process. Using user input and accessing it in JavaScript. Once you get content into JavaScript you can then apply your logic to output endless possibilities.

The DOM, document object model is available and accessible using JavaScript. The DOM opens up full access to anything that the browser is able to present. Learning how to use the DOM brings your JavaScript to the next level. Accessing the DOM makes it easy to do. Learn how to access various elements, any piece of content within your webpage. Event listeners are exactly what you need to add that user interaction. There are many options with event listeners, and when used with the values you get from the web content you can really bring your content to life.

We cover how to list out objects, arrays and loops. How to update HTML and Text on your webpage dynamically. Using Math in JavaScript allows you to make calculations and even create random values.

Next we show you how to access your HTML styling and manipulate it. Bring CSS styling together with JavaScript, changing the look of your web content customized for each user. Add cool effects for your users.

DOM and accessing HTML element attributes. In this project understanding how to dynamically use JavaScript to create elements in HTML, update attribute content, and .append new elements into your HTML code. We teach you how to create a dynamic shopping list, where you can add items and even click to remove those newly created elements.



What are the requirements?

  • basic understanding of HTML CSS
  • desire to learn

What am I going to get from this course?

  • access the DOM Document Object Model with JavaScript
  • create Dynamic Content
  • create user interaction with your HTML code
  • Create dynamic lists
  • use JavaScript to add effects, update HTML and more
  • create custom applications

What is the target audience?

  • anyone who wants to learn more about JavaScript
  • coding beginners learning JavaScript
  • web developers who want to learn about the DOM
  • Anyone who wants to learn about creating web pages
  • New web experience developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Dynamic Interactive JavaScript Course overview
JavaScript DOM course intro
Preview
04:31
Course Web Dev Resources
1 page
JavaScript simple code dialogs
Preview
04:21
JavaScript DOM events
Preview
10:29
Section 2: Functions
JavaScript Introduction to Functions
09:22
JavaScript function declarations vs function expressions
05:21
JavaScript function return values
06:35
JavaScript variables Global values
10:35
Learn more about Functions
1 page
5 questions

Please select the correct value that is sent to the console.log

JavaScript User input data this to code
03:30
Section 3: DOM Document Object Model
JavaScript Introduction to the DOM
04:10
JavaScript DOM
4 pages
JavaScript getElementById
07:10
JavaScript values addEventListener
07:41
JavaScript getElementsByTagName
04:40
JavaScript Arrays
02:51
JavaScript Objects
07:24
JavaScript Loops
04:00
JavaScript get text content output to other part of HTML
05:35
Source code for current projects
2 pages
JavaScript Math
06:41
JavaScript Dynamic Styling using the DOM
07:48
JavaScript Random color on hover project code snippet
05:39
Project 1 Source Code Random color on Hover
2 pages
Section 4: DOM Document Object Model working with the DOM
JavaScript DOM Upcoming project
2 pages
JavaScript DOM working with Attributes
06:57
JavaScript Attributes of Images
06:12
JavaScript Create and Append
04:14
JavaScript Add text to new element
02:25
JavaScript DOM project Shopping List part 1
10:31
JavaScript DOM project Shopping List part 2
08:34
DOM shopping List source code
2 pages
JavaScript DOM project create dynamic page updater
09:21
JavaScript DOM project dynamic updates part 2
04:31
JavaScript Dynamic Style Object Properties
06:05
Style Object Properties Source Code
2 pages

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Laurence Svekis, Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"

Ready to start learning?
Take This Course