JavaScript projects Welcome to the DOM Useful Code Snippets

Learn JavaScript for Beginners interactive web accessing the DOM Document Object Model

Created byLaurence Svekis

Last updated 11/2024

English

English [Auto],

What you'll learn

how to use the Javascript DOM
Learn the basics of programming
Learn the basics of JavaScript
Document Object Model
Event handlers and event listeners
How to run basic JavaScript programs

Course content

5 sections • 22 lectures • 1h 32m total length

JavaScript Snippet course introduction2:44
Learn JavaScript through practical code snippets, including cookies, x/y coordinate tracking on hover, and passing variables to use in your pages.
JavaScript Snippet how to use this course3:50
Learn to set up and run JavaScript projects with any editor, render HTML and CSS in the browser, and use CodePen for immediate feedback.
Web development resource code editors and more5:00

JavaScript Snippet globalevents from DOM4:09
Capture the mouse cursor position on hover with the on mouse over event and a dom element. Output the x and y coordinates to the console via the element's id.
JavaScript Snippet traver the DOM output using classes8:11
Track mouseover events to output x and y coordinates (pageX and pageY) inside a bootstrap layout, using class-based selectors and dom methods to update div contents in real time.
JavaScript Snippet get X and Y values on hover7:12
Track x and y coordinates on hover with on mouse move, update visuals on enter and leave, and access pageX and pageY via event objects in built-in DOM handlers.
snippet Source Code X and Y position1:00

JavaScript Snippet read url variable get href value8:02
Pulls url query parameters into javascript by accessing window.location, extracts id and a values with indexOf, slice, and split, and stores them in a dynamic array for scalable use.
JavaScript Snippet loop array7:43
Learn to convert page variables into an array, loop through it, and output each value in a dom container, while preparing keys and values for a future array.
JavaScript Snippet output into useable format4:03
Learn to turn a two-item URL string into a key-value array, map A and B to Hello and world, and retrieve values by key or index in JavaScript.
snippet get url variables1:00

Setup basic cookie4:36
Learn to create and manage cookies with JavaScript by setting document.cookie, configuring expiry, updating values, and reading cookies to store and retrieve site data.
JavaScript reading a cookie3:40
Learn how to read, set, and expire cookies in the browser using document.cookie, display results in the console and on the page, and troubleshoot common syntax issues.
JavaScript Snippet set cookie function11:36
Create a set cookie function using name, value, expiry, and path with document.cookie. Explore date handling with UTC string and GMT string.
JavaScript Ternary operator shortform6:43
Master the JavaScript ternary operator to condense conditional statements, deciding path existence and applying default values for cookies, names, and values.
Javascript cookies1:00
JavaScript get cookie function13:00
Build a get cookie function to retrieve a specific cookie from document.cookie by name, splitting cookies by semicolons and returning the value or null when not found.
Javascript cookies getcookie1:00
JavaScript Snippet delete cookie function6:48
Learn how to erase cookies in JavaScript by using a set cookie function, get cookie, and DOM interactions to clear values and verify removal.
Javascript cookies source code2:00

Requirements

An internet connection
Basic knowledge of HTML
desire to learn

Description

We will be adding more projects on a regular basis, this course is designed to have lifetime access to regular JavaScript projects.

Learn JavaScript with our Step by Step training, we show you how to build projects from Scratch. Learn at your own pace resources are included, source code and everything you need to practice and learn JavaScript. We show you useful examples of JavaScript Code snippets and explain the development process.

JavaScript is the foundation for so much online, including all the new JS libraries. Knowing how to apply JavaScript can help to learn further JS code.

Project #1 - Use the DOM to get mouse coordinates, output the values use the values for dynamic functionality.

Project #2 - Variables in the URL, get URL variables and use them within JavaScript.

Project #3 - JavaScript cookies, get and set cookies. Setup functions to access and write cookies.

Knowing how to apply JavaScript is an excellent skill to have. JavaScript is everywhere and by the end of this course you will have what you need to use it on your own webpages. Interact with your web users, dynamic web content using JavaScript.

We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding JavaScript to bring it to life.

no wasted time watching someone type
practice with coding exercises
quick lessons get right to the point
fully covered topics with real world examples
source files downloadable to work along
challenges and lessons and code samples
code snippets
Links to top resources to save time
30 day money back guarantee
new course material added regularly
trusted name in education since 2002
full HD easy to read source coding
quick response support to students
regular discussions

We teach you the latest techniques and tools to use in order to create amazing web content.

Everything you need to know is included in this course.

Learn at your own pace, lifetime access to this course.

We show you how to write JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching JavaScript.

Who this course is for:

web coders
JavaScript developers
Students who want to learn Javascript
Web developers looking to improve their skill set
Programmers who need to learn Javascript for their web applications

JavaScript projects Welcome to the DOM Useful Code Snippets

What you'll learn

Explore related topics

Course content

Course information3 lectures • 12min

JavaScript Mouse X and Y position Code Snippet 14 lectures • 21min

JavaScript URL variables Snippet 24 lectures • 21min

JavaScript Cookies Snippet 39 lectures • 50min

Course Bonus Resources and Extra Lectures2 lectures • 7min

Requirements

Description

Who this course is for: