JavaScript Fundamentals

Learn JavaScript hands on in quick and easy steps

4.45 (7039 reviews)
Udemy
platform
English
language
Web Development
category
Bharath Thippireddy
instructor
JavaScript Fundamentals
128,148
students
5 hours
content
Nov 2020
last update
FREE
regular price

What you will learn

Create JavaScript Programs

User Variable and Operators

Launch Popup Boxes

Write conditional and looping logic

Create custom functions

Handle Events Programatically

Catch and handle errors

Learn the basics of debugging

Manipulate HTML from JavaScript

Use the Browser Object Model

Do HTML form validation

Create custom JavaScript Objects

Why take this course?

This hands on JavaScript training course provides the fundamental knowledge necessary to design and develop dynamic Web pages using JavaScript. It introduces students to client-side JavaScript and how the language can be used to turn static HTML pages into dynamic, interactive Web pages.

JavaScript is the globally used client-side scripting language for the web. Most browsers support the language by default, so you can get started using JavaScript and HTML with a simple text editor and browser for testing. Client-side, programming languages make web pages dynamic without making calls to your web servers for every button clicked, character typed, or mouse moved. The JavaScript language is so popular that thousands of developers have made customised libraries that make development even easier for other programmers and web designers. If you design web pages, you'll certainly need to know JavaScript to make a custom UI (user interface).

JavaScript topics include adding JavaScript to a Webpage, use of dialogs to interact with the user and JavaScript intrinsic objects such as Date, Array and Math. Students will also be introduced to the Document Object Model (DOM), creation of functions, event handling, form validation, object creation and more.

  • Create JavaScript Programs

  • Use Variable and Operators

  • Launch Popup Boxes

  • Write conditional and looping logic

  • Create custom functions

  • Handle Events Programmatically

  • Catch and handle errors

  • Learn the basics of debugging

  • Manipulate HTML from JavaScript

  • Use the Browser Object Model

  • Do HTML form validations

  • Create custom JavaScript Objects

What are the requirements?

  • Text Editor,Web Browser(Chrome,Firefox,IE etc)

Content

Introduction

Instructor and Course Introduction
Course Guide
Downloading the completed scripts
Download the assignment solutions

JavaScript Basics

What is JavaScript
Create a Internal JavaScript
The document object
Commenting the code
Create a External JavaScript
Using a Semi Colon
Checking for errors
Introduction

Variables and Operators

Variables
Variables HandsOn
Arithmetic Operators
Plus Operator and Strings
NaN
Assignment Operators
Increment and Decrement Operators
Conditional Operators
Operators

Popup Boxes

alert popup
prompt popup
sum of two numbers
Popup Boxes

Conditional Statements

if
if..else
if..else ladder
If else ladder hands on
Logical Operators
Switch
Switch with String
Conditional Statements

Loops

Introduction
for
while
do..while
Break and Continue
Loops

Functions

User-defined Functions
Function with arguments
Returning values from Functions
Closures
Local and Global Variables
Functions

Events

Events Introduction
Mouse Over and Mouse Out Events
Using user defined functions to handle events
OnClick Hands On
OnClick Hands On Part 2
onchange switch background color
onchange switch website
onchange switch background images
onfocus and onblur
keydown and keyup Assignment
onload print
onload redirect
setTimeOut
onsubmit
Events

Built-In Objects

Strings
Boolean
Math
Arrays
concat reverse and join functions
delete and replace functions
Date
setInterval method
Built-In Objects

Error Handling and Debugging

Introduction
Throwing Custom Errors
finally
Debugging
Error Handling and Debugging

HTML DOM

HTML DOM Introduction
Access HTML
Access Styling Information
EventListener
Remove Node
Create a Node
HTML DOM

Browser BOM

Introduction
Screen
History
Navigator
Browser BOM

Form Validations

Basics of form validation
Validating Numbers
Validating Select Menus
Validating Checkboxes
Validating Radio Buttons
Regular Expression Introduction
Regular Expression Syntax
Validation using Regular Expression
Alpha Numeric Validation
Specifying a range
Form Validations

Creating Objects

Introduction
Using new and Object Type
Using Functions
Add Functions to an Object
Display Blog Details Function
Create object using Literal Constructor
Create a Singleton Object
Creating Objects

Wrap Up

Discounts on my other courses

Screenshots

JavaScript Fundamentals - Screenshot_01JavaScript Fundamentals - Screenshot_02JavaScript Fundamentals - Screenshot_03JavaScript Fundamentals - Screenshot_04

Our review

--- **Overview and Rating:** The global course rating for "Learning JavaScript" by Bharath stands at 4.45 out of 5, with all recent reviews being highly positive and commendatory of the course content and delivery. **Pros:** - **Comprehensive Coverage:** The course covers the essentials of JavaScript, making it suitable for both beginners and those looking to refresh their knowledge. - **Effective Teaching:** Bharath is praised for his clarity, simplicity of terms used, and the effectiveness of his instructional skills. - **Engaging Content:** The content is described as very simplified, clear, and useful, with excellent explanations that are easy for beginners to understand. - **Structured Approach:** The course structure allows for step-by-step learning, with tasks and tests following each module to reinforce the concepts learned. - **Practical Exercises:** Many reviewers appreciate the hands-on exercises and real-world examples provided in the course. - **Great Pace:** The follow-along format is highly praised for being conducive to practical, code-writing learning. - **Highly Recommended:** The course is recommended by several learners who have found it to be more useful than similar courses on other platforms. **Cons:** - **Pacing for Advanced Learners:** Some reviewers feel the pace might be slow if they already possess programming knowledge, as some content may be remedial. - **Need for Visual Aids:** A suggestion is made to include screenshots of browser/console output when explaining assignments, to provide clearer expectations for tasks. - **Advanced Topics Coverage:** There is a request for the course to be updated with advanced ES6 features like arrow functions to cater to learners who have already grasped the basics and are ready for more complex topics. - **Distraction Management:** One reviewer mentions a desire for the lectures to be more engaging to prevent distractions during learning. **Additional Feedback:** - **Learner Engagement:** Some learners express their gratitude for the opportunity to learn JavaScript and indicate they will likely take advanced courses offered by the same instructor. - **Accessibility Improvement:** A few suggestions are made to improve the learning experience, such as showing both code and web page simultaneously during lessons. - **Desire for More Exercises:** Some learners would like more exercises to solidify their understanding of the concepts covered in the course. **Conclusion:** The "Learning JavaScript" course by Bharath is a well-received, comprehensive introduction to the language that is praised for its clarity and practical approach to teaching. While it is suitable for beginners, there is room for improvement in terms of pacing for more advanced learners and incorporating additional visual aids. The overall sentiment from recent reviews is highly positive, with many learners indicating they would recommend this course and potentially pursue further courses by the same educator upon completion of the basics.

Charts

Price

JavaScript Fundamentals - Price chart

Rating

JavaScript Fundamentals - Ratings chart

Enrollment distribution

JavaScript Fundamentals - Distribution chart

Related Topics

JavaScript
548068
udemy ID
7/7/2015
course created date
5/13/2019
course indexed date
Bot
course submited by