JavaScript in Action - 3 projects DOM JavaScript mini apps

4.3 ★★★★ ★

JavaScript in Action - 3 projects DOM JavaScript mini apps

Name: JavaScript in Action - 3 projects DOM JavaScript mini apps
Rating: 4.3 (316 reviews)
Author: Laurence Svekis

Create a dynamic interactive project from scratch step by step-by-step lessons

updated on icon Updated on Nov, 2025

language icon Language - English

person icon Laurence Svekis

English [CC]

category icon Development ,Web Development,JavaScript

Lectures -20

Resources -1

Duration -1 hours

Lifetime Access

4.3 ★★★★ ★

Add to Cart Buy Now

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Explore how you can build unique mini applications that are fully dynamic and useful for web users using JavaScript

Create a dynamic interactive project from scratch step by step-by-step lessons with source code included, so you can build your own version of the mini applications. Perfect course to explore and learn more about JavaScript and how to apply JavaScript for interactive and dynamic content on web pages.

Project #1 - Email extracting application - JavaScript project

Select element contents and values to use within code.
edit and manipulate element attributes, contents and values.
Select string content that matches the expression.
Regex - how to build a regex expression for email selection from a string.
Create a unique return of values from an array list.
Easy copy to the clipboard and copy for the user.

Project #2 - JavaScript calculator, all JavaScript is fully dynamic

Create a table and HTML using JavaScript.
Apply the eval method to calculate the string value.
Apply styling and element attributes dynamically.
Code review and code fixes for improvements.
Apply JavaScript methods.
Create an interactive Calculator with just JavaScript.

Project #3 - JavaScript pop-up message component

Pop up a message when an element with the class is clicked.
Get message details from the element attribute.
Element selection by class, adding event listeners.
DOM and element manipulation.

Source code is included for you to try the code and use it!!!

No libraries, no shortcuts, just learning JavaScript making it a DYNAMIC and INTERACTIVE web application.

Step-by-step learning with all steps included.

Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as the scope of this course is all JavaScript-focused.

Who this course is for:

Beginners to JavaScript.
Anyone who wants to practice writing JavaScript.
Web developers.
Anyone who wants to learn to make a JavaScript game without any libraries.
Beginners to JavaScript, curious about Document Object Model and JavaScript Methods.

Goals

How to use JavaScript
How to create elements dynamically
Manipulate elements using JavaScript
Explore JavaScript Document Object Model

Prerequisites

Fundamental JavaScript concepts
Access to computer
Use of editor to write code
HTML and CSS knowledge

JavaScript in Action - 3 projects DOM JavaScript mini apps

Curriculum

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

Introduction

1 Lectures

JavaScript in Action Introduction 03:48 03:48

Email Exacter application with JavaScript source code included

5 Lectures

JavaScript Calculator mini web application

8 Lectures

PopUp hidden message web application

4 Lectures

Course Resources

1 Lectures

Instructor Details

Laurence Svekis

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