Learn JavaScript Dynamic Interactive Projects for Beginners
4.5 (9 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,516 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn JavaScript Dynamic Interactive Projects for Beginners to your Wishlist.

Add to Wishlist

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.5 (9 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,516 students enrolled
Created by Laurence Svekis
Last updated 2/2016
English
Current price: $10 Original price: $100 Discount: 90% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 8 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • basic understanding of HTML CSS
  • desire to learn
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.



Who 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 36 Lectures Collapse All 36 Lectures 03:13:13
+
Dynamic Interactive JavaScript Course overview
4 Lectures 19:21
+
Functions
6 Lectures 35:23
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

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

Functions
5 questions

JavaScript User input data this to code
03:30
+
DOM Document Object Model
14 Lectures 01:03:39
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
+
DOM Document Object Model working with the DOM
12 Lectures 58:50
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
About the Instructor
Laurence Svekis
4.3 Average rating
9,174 Reviews
224,828 Students
166 Courses
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!"