Dynamic and Interactive web pages - beginners JavaScript DOM

person icon Laurence Svekis

Buy Now

Dynamic and Interactive web pages - beginners JavaScript DOM

Name: Dynamic and Interactive web pages - beginners JavaScript DOM
Price: 9.99 USD
Author: Laurence Svekis

Learn to create Dynamic and Interactive web pages using JavaScript. JavaScript Document Object Model - For Beginners

updated on icon Updated on Oct, 2023

language icon Language - English

person icon Laurence Svekis

architecture icon Development,Javascript

Lectures -31

Resources -2

Duration -2 hours

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

Learn about how JavaScript can be used to apply interaction and dynamic content to web pages.

Please note that JavaScript - HTML and CSS are prerequisites to this course

Scope of this course is to cover JavaScript and how it can be used to select elements from the web page. Create new element, updates elements and manipulate elements directly using JavaScript. Explore how easy it is to make your website come to life. Using the DOM Document Object Model connect to the elements via JavaScript.

Explore how JS can be added to web pages
Learn about console and debugging with JavaScript
Find out more about DOM Document Object Model
Use JavaScript to select elements from the page
Select multiple elements from the page
Update element attributes
Update element style properties and values
Add classes and manipulate element class values.
Learn how to create elements using JavaScript and add them to a webpage
Create interaction using event listeners in JavaScript
Form values
Mini projects to highlight what was learned
Source code is inlcuded

try the code for yourself and explore what you can do with JavaScript

Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. Taught by an instructor with over 20 years real world experience ready to help you learn more. Step by step training resources and source code is also included to get you started quickly.

Who this course is for:

Web developers
Web designers
Anyone who wants to learn how to make interactive web applications

Goals

What will you learn in this course:

How to apply JavaScript
Use of JavaScript
Making web pages interactive
How to make website dynamic

Prerequisites

What are the prerequisites for this course?

HTML and CSS
Basics of JavaScript coding
Desire to learn JavaScript
Fundamental JavaScript

Dynamic and Interactive web pages - beginners JavaScript DOM

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction to Interactive Web pages
30 Lectures

Introduction to JavaScript DOM course 04:48 04:48
Resource Guide
Course Resources
Setup Developer Environment 02:13 02:13
Create an index page 05:03 05:03
Script file JS 01:59 01:59
Console Log Options 05:00 05:00
JS Document Object 06:03 06:03
Selecting Elements 04:58 04:58
Selection by tag 05:21 05:21
QuerySelector 03:53 03:53
QuerySelectorAll 05:00 05:00
Complex CSS querySelectorAll 05:44 05:44
Update Images 03:11 03:11
ChildNodes Children and more 09:09 09:09
Element Style Update 03:42 03:42
Multi Element Style Update 03:56 03:56
Add Classes to Elements 07:35 07:35
Set Attribute 02:29 02:29
JavaScript Create Element 03:52 03:52
Append and prepend 06:56 06:56
AddEvent Listeners 03:46 03:46
AddEvent Mulitple Listeners 05:32 05:32
Mouse move events 03:06 03:06
Fun with Images 05:12 05:12
Fun with Images part 2 02:19 02:19
Form Values 05:12 05:12
Annoying Blinker 05:40 05:40
Animation JavaScript 08:53 08:53
DOM Conclusion 00:30 00:30

Instructor Details

Laurence Svekis

Instructor, GDE, Application Developer

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

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!"

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.