
Explore how javascript enables client-side validation of first name, last name, and email in an ASP.NET web forms app, reducing server trips before inserting data with a stored procedure.
Learn why both client-side and server-side validation are essential, delivering a better user experience and ensuring data integrity when JavaScript is disabled.
Analyze the security risks of client-side JavaScript, including tracking and password theft, and address cross-browser compatibility across Chrome, Firefox, and Internet Explorer with fixes like using text content and document.getElementById.
Learn to debug JavaScript in Visual Studio by setting breakpoints, stepping through code, and using quick watch, watch, and immediate windows, with Internet Explorer as the default browser.
Compare inline and external javascript, demonstrating how external files improve maintainability and separation of concerns with an even or odd number example.
Place the script tag before the closing body tag to avoid blocking HTML parsing. Scripts may be in head or body; use async or defer for performance.
Master JavaScript basics of comments and data types, highlighting case sensitivity, dynamic typing, type inference, and operations like string concatenation and numeric arithmetic.
This lecture shows how to convert strings to numbers in JavaScript using parseInt and parseFloat, and explains handling form inputs with isNaN.
Master string basics in JavaScript by using single or double quotes, concatenation with plus and concat, escaping quotes, and manipulating with length, trim, and replace via regular expressions.
Explore how to extract substrings in JavaScript using substring, slice, and substr, including start and end parameters, zero-based indexing, and behavior when end is omitted or start exceeds end.
Learn to split emails into the user and domain parts using indexOf and substring, then extract the top-level domain with lastIndexOf and substring in JavaScript.
Explore conditional statements in JavaScript, including if, else if, else, switch, and the ternary operator, using prompt input and number conversion to handle mutually exclusive cases efficiently.
Replace lengthy if-else chains with a switch statement to handle numbers 1–3 and a default case for out-of-range input, using break to prevent fall-through.
Learn how the ternary operator in JavaScript replaces if-else logic, using boolean expressions to produce even/odd messages and replace multi-branch if statements with concise, nested checks.
Demonstrates using the JavaScript while loop with a user input target to print even numbers from zero, and explains break and continue to control the loop.
Explore how to implement a do while loop in JavaScript, repeatedly prompting for a target and printing even numbers up to that target, with input validation and case handling.
Master array basics in JavaScript by learning zero-based indexing, the length property, and creating, populating, and accessing arrays with square brackets and the array constructor.
Understand push and pop for arrays in JavaScript, adding and removing from the end. Use a for loop to build evens 0 to 10 and use shift and unshift.
Explore mutator methods in JavaScript that modify arrays, contrast with non mutator methods like contains, and learn how sort uses a compare function and how splice adds or removes elements.
Discover how the array filter method selects elements in JavaScript using a callback. Learn to filter evens and remove duplicates with indexOf.
Learn to create two dimensional arrays in JavaScript by building arrays of arrays, initializing 3x3 and 3x5 matrices, and using nested for loops to print results.
Learn to declare and call JavaScript functions with the function keyword, pass parameters, return sums, and handle undefined or extra arguments.
Explore local and global variables in JavaScript, including scope and function hoisting, the effects of local versus global declarations, variable hoisting, and how undeclared assignments become globals.
Explore closures in JavaScript to protect a click counter from global access using an outer function and an inner anonymous function that increments on each click.
Use a closure in JavaScript to protect a click counter from global access, with a self-invoking outer function and an inner increment function.
Explore the JavaScript arguments object, a function-local collection of parameters, and learn to access its length, print arguments, and convert it to an array for operations such as sorting.
Learn to handle runtime errors in JavaScript using try catch finally, inspect exception objects and their message and stack properties, and use finally for cleanup.
Create and manipulate date objects in JavaScript, print the current date and time, format dates as dd/mm/yyyy with leading zeros, and derive month and weekday names.
Explore timing events in JavaScript with setInterval and setTimeout to update the page, start and stop clocks, and manage countdown timers using clearInterval and clearTimeout.
Learn to build a JavaScript image slideshow that cycles through eight images using setInterval and clearInterval, with start and stop controls and a dynamic image source update.
What will you get out of this course
At the end of the course you will be able to use the full power of JavaScript with ASP.NET web applications to perform many cool things like client side validations, animations etc. This course starts from the scratch and cover all the basic and advanced concepts of JavaScript as we proceed. You will be able to download all the slides, code samples and text version of the videos.
What will we be covering in this tutorial
We will start with the relationship between ASP.NET web applications and JavaScript. Along the way we will understand why we need both client side and server side validation. Debugging JavaScript in Visual Studio to fix any run time or logical errors. The downsides of using JavaScript.
We will discuss different tools available for learning and practising JavaScript. Difference between inline and external JavaScript. The right location for placing the JavaScript. Commenting JavaScript code and different data types available. We will then discuss working the string object. Along the way we will discuss the basics of JavaScript strings, converting strings to numbers and retrieving sub-strings. We will also discuss in detail different conditional statements available for conditional processing and when to use what. JavaScript loops are covered next.
In the Arrays module, we will start with the basics of arrays, followed by filtering arrays and creating two dimensional arrays. In the functions module, we will be discussing different ways of defining functions, local and global variables, recursive functions, closures with examples and finally the magical JavaScript arguments object.
In the Error Handling module we will discuss handling errors using try/catch/finally block and performing global exception handling. In the Date & Time module we will cover the basics of Date object, timing events and creating a simple image slideshow. We will also discuss examples of performing client side validation.
The next module is Events. We will start with the introduction to events, and discuss different ways of assigning event handlers in JavaScript. We will also discuss the magical event object that is automatically passed to all event handler methods. We will then cover advanced concepts like event bubbling and capturing, followed by creating an image galley with thumb nails. We will also discuss preventing browser default actions, followed by different mouse events and detecting which mouse button is clicked. We will then discuss, how to create popup windows.
The next module is regular expressions. We will start with a simple example of how to use regular expressions in JavaScript, and then we will discuss the basics of regular expressions followed by different resources and tools available to learn, write and test regular expressions. We will then discuss some of the string object methods that can be used with regular expressions, followed by RegExp object. Finally we will conclude regular expressions module with an example of how regular expression can be used in real time to perform client side validation.
In the JavaScript minifaction module, we will discuss the process of minifying, tools for JavaScript minifcation, advantages and disadvantages of minification.
The next module is JavaScript and object oriented programming. We will start with different ways of creating objects in JavaScript. We will then discuss the difference between creating objects using literal notation and constructor function.