Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Javascript for Absolute Beginners | Practical Javascript

Name: Javascript for Absolute Beginners | Practical Javascript
Rating: 4.2 (16 reviews)

Learn fundamental Javascript for Beginners: Practical and hands-on Javascript learning, with javascript coding and quiz

Created byApex Learning, Apex Education

Last updated 1/2024

English

What you'll learn

What is JavaScript?
JavaScript Variable: Declare, Assign a Value
JavaScript Array Methods: Create
For, While and Do While LOOP
JavaScript Conditional Statements: IF, Else, Else IF
JavaScript Define & Call Functions
Cookies in JavaScript: Set, Get & Delete
JavaScript DOM
Object Oriented JavaScript(OOJS)
Internal & External
Javascript Unit Testing Frameworks
Javascript VS TypeScript
QuickSort Algorithm in JavaScript

Course content

14 sections • 71 lectures • 6h 7m total length

Meet the Instructor2:12
Meet the instructor who brings information technology, web development, and digital marketing expertise to teach JavaScript fundamentals for beginners.

What is JavaScript?4:53
Introduce JavaScript fundamentals for beginners, covering its definition, history, how to run it in any browser, and the tools you need to write client-side scripts that boost web page interactivity.
FAQ4:53
Learn the fundamentals of JavaScript for beginners, including its definition, history, how to run it, and essential tools, with emphasis on browser execution and interactive capabilities.

JavaScript Variable: Declare, Assign a Value6:17
Learn how to declare and assign values to variables in JavaScript, using var, name variables with descriptive, case-sensitive names that start with a letter.
Hands On Coding29:33
Practice hands-on javascript by building string utilities: check if an input is a string, detect blank strings, split and trim, truncate, abbreviate, mask emails, and capitalize or swap case.
FAQs1:19
Trace JavaScript's evolution since 1995, its Java-inspired roots, and its use as a client-side scripting language, including the tag for showing messages when scripts are disabled and the typeof operator.
QUIZ (Questions)0:19
QUIZ (Answers)
Practices8:41
Declare and assign variables, including carName with Volvo and numeric X and Y values, compute Z as X plus Y, and display results with document.getElementById and alert.

JavaScript Array Methods: Create8:43
Hands-On Coding Part -110:28
Practice JavaScript by building functions to check inputs as errors, clone elements, access first and last array elements, and join arrays into strings using script tags.
Hands-On Coding Part -216:40
FAQ1:12
Learn JavaScript, a versatile programming language for the worldwide web with easy syntax and a focus on handling undefined values and a lowercase t for the addition operator.
QUIZ (Questions)0:24
Quiz (Answers)
Practices13:20
Practice building and manipulating JavaScript arrays by adding items, accessing by index, replacing elements, checking length, removing with pop and splice, and sorting and concatenating.

" For, While and Do While LOOP"4:05
Discover how to use for, for…in, while, and do while loops in JavaScript to repeat code efficiently, control execution with conditions, and display results on a web page.
FAQ1:07
Explore JavaScript's early quirks, from mockup origins to no integer or array types, and learn how strings and the plus operator influence numbers and object concatenation.
QUIZ (Questions)0:21
QUIZ (Answers)
Practices8:42
Explore basic looping practices by implementing for and while loops, iterating through a fruits array, logging index values, and using continue to skip the fifth iteration.

JavaScript Conditional Statements: IF, Else, Else IF4:57
Master JavaScript conditional statements by exploring if, else, and else if, and practice with age checks and number comparisons. Apply concepts through prompts and quizzes.
FAQ2:04
Explore JavaScript as a compact, flexible scripting language for the browser. Leverage the document object model and browser APIs for fast, interactive web experiences.
QUIZ (Questions)0:09
Quiz (Answers)
Practices2:57
Practice conditional logic in JavaScript by evaluating x greater than y and triggering alerts like hello world and goodbye.

JavaScript Define & Call Functions11:16
Hands On Coding36:39
Engage in hands-on coding to master practical JavaScript tasks: reverse numbers, check palindromes, generate string combinations, sort letters, capitalize words, and explore data types, primes, vowels, and identity matrices.
FAQ2:18
QUIZ (Questions)0:10
Quiz (Answers)
Practices6:16
Practice creating and calling functions, using alert to display messages, and returning values. Update the page content with document.getElementById('demo').innerHTML to set the demo content.

Cookies in JavaScript: Set, Get & Delete4:19
Learn how to set, retrieve, and delete cookies in JavaScript using document.cookie, control expiry in UTC or GMT, and specify domain and path for precise client-side data management.
FAQ1:48
Explore how JavaScript underpins Ajax, navigates a vast web ecosystem, and handles dependencies to avoid dependency hell, while noting switch statements and that JavaScript is interpreted, unlike compiled Java.
QUIZ (Questions)0:30
Quiz (Answers)
Do Yourself0:30

JavaScript DOM8:04
Explore how the document object model lets JavaScript access and modify a web page, retrieving elements by id or tag name, updating inner HTML, and wiring event handlers.
Hands On Coding (Part -1)2:37
Hands On Coding (Part -2)4:56
Create a JavaScript function to retrieve first and last name values from a form inside the body, using a form element and script tag, and run it in the browser.
Hands On Coding (Part -3)5:25
Create an HTML document, place paragraphs in the body, add an input button to trigger the JavaScript code, and implement a function that changes each paragraph's background color on click.
Hands On Coding (Part -4)9:30
Learn to write a JavaScript function that retrieves a link's href, hreflang, rel, target, and type attributes from the document body and display them via a button-triggered action.
Hands On Coding (Part -5)3:13
Learn to create an hmo file, insert a table in the body, add a script tag, and declare a javascript function that adds rows to the table.
Hands On Coding (Part -6)5:07
Build a small HTML page with a table and script tag, and implement a JavaScript function that takes row and column to locate a specific cell and update its content.
Hands On Coding (Part -7)4:37
Create a JavaScript function that prompts the user for row and column counts and builds a table inside the body, filling each cell with its row and column numbers.
Hands On Coding (Part -8)2:37
Learn to remove items from a dropdown list using a JavaScript function activated by a button, with the script embedded in the body.
Hands On Coding (Part -9)4:53
Create a JavaScript program that calculates the volume of a sphere, wire it into an HTML page with a form and script, and run the function in the browser.
FAQ1:27
Explore prototype-based inheritance in JavaScript and how its versions resemble octopus arms, while learning that it cannot read files from the file system and the null versus undefined distinction.
Do Yourself0:11
Practices18:42
Learn practical DOM manipulation in JavaScript by creating and editing elements—paragraphs, images, and inputs—using getElementById, getElementsByTagName, and getElementsByClassName; modify text, attributes, styles, visibility, and add event listeners.

Object Oriented JavaScript(OOJS)13:16
Discover object oriented JavaScript by building objects with properties and methods, using object constructors, calculating averages, and displaying details with for-in loops.
FAQ1:35
Learn JavaScript basics, including lexical and function scoping, prototype-based first-class functions, and multi-paradigm styles across object-oriented, imperative, and functional programming.
Practices6:14

Requirements

Basics of HTML and CSS
Desire to learn about JavaScript
Web Development understanding

Description

This course is a step by step guide that will take your hand and guide you through the absolute basics and show you everything you need to learn in order to get started with JavaScript. I've put a lot of effort into this course to make sure that the videos are recorded in high quality, the audio is clear, and the lessons are engaging and informative.

Source codes of each and every video will be provided. Afterwards students will have a quiz about the topics discussed each section. No coding experience is needed to take this course! We will start from the basics

What You Will Be Learning In This Course

In this course you will be learning everything that a beginner JavaScript developer needs to know in order to progress at a rapid pace and work within the language with confidence and consistency. Let's go over what we will be covering in the different sections of this course:

1. JavaScript Basics - In the first module you will be learning the very basics of JavaScript. Syntax, basic keywords and creating your very first JavaScript program will be covered here. You will also get an introductory to the JavaScript console which can be very effective for debugging your programs.

2. Variables - In module number 2 you will be learning all about variables and strings. At the end of module 2 you will have a basic project to build as well as a quiz that will test you on everything you have learned so far.

3. Numbers - Numbers can be effective in JavaScript for doing basic and advanced math calculations. In this module you will learn how to generate random numbers and do very basic math functions in JavaScript. Your final project for this module will be to create a program that generates a random number every-time it is run.

4. Conditional Statements - Now it's time to start adding more flexibility to your programs. In this module you will learn how conditional statements can really add a new layer of depth to your programs. The final project for this module will be to build an interactive math quiz.

5. Functions - Functions can be used to create reusable code and make our lives as JavaScript Developers a heck of a lot easier. In this module you will learn about the basic different types of functions you can create. The final project will have you building your own function.

6. Loops - Loops are used to repeat certain actions over and over again. In this module you will learn about the different types of loops in JavaScript. Your final project will touch upon our quiz program we created earlier and make it even more advanced!

7. Arrays - Arrays are used in JavaScript to store information in an easier way. You will be learning about the different types of arrays in this module.

And lastly Sorting and difference between javascript and typescript .

About the Instructor:

Hi, welcome to this JavaScript Fundamentals for beginners’ course!

Save your precious time by buying this course. Come learn the #1 programming language in the world in this fun and exciting course with Mark Jan Vincent Enriquez – A young professional with strong passion in IT development, multimedia design, project management, and digital marketing. With a decade of experience working as an offshore freelancer, with a master degree in Management and Business Administration.

This is an introductory course JavaScript Fundamentals for beginners. This course, with more than 8 hours of HD video, will help you learn the theory of JavaScript. Here in this tutorial, you’ll get hands-on practices and quizzes each section.

It is designed for people who don't have any knowledge about programming or want to truly understand JavaScript. It doesn't matter if you have never written any programs or you have no idea about programming... After this course, all this will change. You will bust the myth that programming is a difficult thing only for the few!

Whether you want a career in front end or back end development - you must have a good understanding of this versatile language!

At the end of this course you’ll have enough fundamental knowledge about JavaScript and to proceed to the advanced level.

With this course, you’ll receive lifetime access to all these course videos.

You can take this course if you have familiarity with the basics of HTML and CSS. There won’t be a problem even if you don’t know JavaScript coding. This course even comes with a 30-day money-back guarantee. If you are not satisfied with our course, you can take the full refund without any questions.

You can take this course anytime, anywhere with you. Why wait? Enroll with the discounted price now!

About the course curriculum:

Section 1:

What is JavaScript?

In this section you will learn the Definition of Javascript,

History of Javascript , How to Run a Javascript , and Tools you’ll need to begin.Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 2:

JavaScript Variable: Declare, Assign a Value

In this section you will learn how to Assign a Value to the Variable and Naming VariablesThen, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 3:

JavaScript Array Methods: Create

In this section you will learn What is an Array? ,JavaScript Create Array, JavaScript Array MethodsThen, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 4:

For, While and Do While LOOP

In this section you will learn How to use Loop? , Different Types of LoopsThen, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 5:

JavaScript Conditional Statements: IF, Else, Else IF

In this section you will learn How to use Conditional Statements , Different Types of Conditional Statements

Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 6:

JavaScript Define & Call Functions

In this section you will learn How to Create a Function in JavaScript, Function with Arguments,JavaScript Return Value.Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 7:

Cookies in JavaScript: Set, Get & Delete

In this section you will learn Javascript Set Cookie ,Javascript get Cookie ,JavaScript Delete Cookie.Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 8:

JavaScript DOM

In this section you will learn How to use DOM and Events , getElementById, innerHTML.getElementsByTagName , Event handlerThen, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 9:

Object Oriented JavaScript(OOJS)

In this section you will learn What is OOPS Concept in JavaScript? , OOPS Constructor. Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 10:

Internal & External

In this section you will learn What is Internal JavaScript? ,What is External JavaScript? , When to Use Internal and External JavaScript Code? Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 11:

Javascript Unit Testing Frameworks

In this section you will learn Javascript Unit testing , Challenges in javascript unit testing ,Javascript Unit Testing Framework. Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 12:

Javascript VS TypeScript

In this section you will learn What is JavaScript? ,What is Typescript? ,Why JavaScript? ,Why Typescript?,

History of Javascript, History of Typescript, Features of Javascript, Features of Typescript,

Typescript vs. JavaScript, What is better?

Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Section 13:

QuickSort Algorithm in JavaScript

In this section you will learn Quick sort , Default sorting in javascript

Then, after this section we’ll be having a set of short quizzes about the topics that we discussed.

Who this course is for:

Front end applications developers
Web developers
Anyone who want to refresh his JavaScript knowledge
Anyone who wants to do code practice and loves quiz exercises.
Anyone who is a complete beginner and has no knowledge about JavaScript or any programming Language
Anyone who has finished Learning basics of HTML and CSS

Javascript for Absolute Beginners | Practical Javascript

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 2min

Section 1:2 lectures • 10min

Section 2:6 lectures • 46min

Section 3:7 lectures • 51min

Section 4:5 lectures • 14min

Section 5:5 lectures • 10min

Section 6:6 lectures • 57min

Section 7:5 lectures • 7min

Section 8:13 lectures • 1hr 11min

Section 9:3 lectures • 21min

Requirements

Description

Who this course is for: