Podcast
Questions and Answers
In the mid-1990s, what was JavaScript originally developed as?
In the mid-1990s, what was JavaScript originally developed as?
- ECMAScript
- Java
- Node.js
- LiveScript (correct)
JavaScript is directly related to the Java programming language in terms of its core functionality and design.
JavaScript is directly related to the Java programming language in terms of its core functionality and design.
False (B)
What is the primary purpose of JavaScript in the context of web pages?
What is the primary purpose of JavaScript in the context of web pages?
To add interactivity
JavaScript is a ______ language that makes the web pages more dynamic.
JavaScript is a ______ language that makes the web pages more dynamic.
Which of the following actions can JavaScript perform on a web page?
Which of the following actions can JavaScript perform on a web page?
JavaScript can directly access and modify files on the user's file system without any restrictions.
JavaScript can directly access and modify files on the user's file system without any restrictions.
What term describes the process of ensuring user-provided information meets specific criteria before submission using JavaScript?
What term describes the process of ensuring user-provided information meets specific criteria before submission using JavaScript?
Using JavaScript, alert ______ can be created to display info or warning messages to users.
Using JavaScript, alert ______ can be created to display info or warning messages to users.
What is one of the limitations of JavaScript?
What is one of the limitations of JavaScript?
Because there is native support readily available, JavaScript is ideal for developing networking applications.,
Because there is native support readily available, JavaScript is ideal for developing networking applications.,
Within what HTML tags are JavaScript statements typically placed?
Within what HTML tags are JavaScript statements typically placed?
The 'type' attribute in the script tag is now recommended to be set to '______' to indicate the scripting language in use.
The 'type' attribute in the script tag is now recommended to be set to '______' to indicate the scripting language in use.
How does JavaScript handle uppercase and lowercase characters in its code?
How does JavaScript handle uppercase and lowercase characters in its code?
In JavaScript, both Time and TIME are treated as identical identifiers regardless of case.
In JavaScript, both Time and TIME are treated as identical identifiers regardless of case.
In JavaScript, what characters denote a single-line comment?
In JavaScript, what characters denote a single-line comment?
In JavaScript, multi-line comments are enclosed between the characters /* and ______.
In JavaScript, multi-line comments are enclosed between the characters /* and ______.
Where can JavaScript code be included within an HTML document?
Where can JavaScript code be included within an HTML document?
The HTML comment closing sequence --> is correctly interpreted by JavaScript, and can be used to terminate JavaScript comments.
The HTML comment closing sequence --> is correctly interpreted by JavaScript, and can be used to terminate JavaScript comments.
What method is used to create an alert dialog box in JavaScript?
What method is used to create an alert dialog box in JavaScript?
The ______.write() method in JavaScript is used to write content to the current document while it is being parsed.
The ______.write() method in JavaScript is used to write content to the current document while it is being parsed.
To access an HTML element using JavaScript, which method can be used?
To access an HTML element using JavaScript, which method can be used?
The id attribute in HTML defines the type of an element, such as whether the element is a paragraph or a division.
The id attribute in HTML defines the type of an element, such as whether the element is a paragraph or a division.
In JavaScript, what keyword would you use to declare a variable?
In JavaScript, what keyword would you use to declare a variable?
JavaScript is an ______ language, which means a variable can hold a value of any data type.
JavaScript is an ______ language, which means a variable can hold a value of any data type.
What is the scope of a local variable in JavaScript?
What is the scope of a local variable in JavaScript?
In JavaScript, const declared variables can be reassigned with a new value after their initial declaration.
In JavaScript, const declared variables can be reassigned with a new value after their initial declaration.
Name one of the types of loops available in JavaScript.
Name one of the types of loops available in JavaScript.
The ______ loop is a type of JavaScript loop where the condition is evaluated after the block of code is executed.
The ______ loop is a type of JavaScript loop where the condition is evaluated after the block of code is executed.
Which event type occurs when the user clicks the left button on the mouse?
Which event type occurs when the user clicks the left button on the mouse?
The onsubmit event is triggered when the mouse pointer is moved over an element.
The onsubmit event is triggered when the mouse pointer is moved over an element.
Flashcards
What is JavaScript?
What is JavaScript?
A scripting language that enables interaction with web pages, adding interactivity and dynamic effects.
What can JavaScript do?
What can JavaScript do?
Adding or removing elements, changing styles/positions, monitoring events, controlling animations, creating alerts, performing operations based on user inputs.
Advantages of Javascript
Advantages of Javascript
It reduces server load by validating user input before submission, and provides immediate feedback to visitors.
Limitations of JavaScript
Limitations of JavaScript
Signup and view all the flashcards
JavaScript Implementation
JavaScript Implementation
Signup and view all the flashcards
JavaScript: Case Sensitivity
JavaScript: Case Sensitivity
Signup and view all the flashcards
Placement in HTML
Placement in HTML
Signup and view all the flashcards
JavaScript Alerts
JavaScript Alerts
Signup and view all the flashcards
JavaScript Variables
JavaScript Variables
Signup and view all the flashcards
Scope of a Variable
Scope of a Variable
Signup and view all the flashcards
let and const Keywords
let and const Keywords
Signup and view all the flashcards
JavaScript Loops
JavaScript Loops
Signup and view all the flashcards
Onclick Event
Onclick Event
Signup and view all the flashcards
Onsubmit Event
Onsubmit Event
Signup and view all the flashcards
Onmouseover and onmouseout Events
Onmouseover and onmouseout Events
Signup and view all the flashcards
Study Notes
- Lecture 2 covers JavaScript.
- Jutyar Fatih Awrahman is the lecturer, and their email is [email protected].
Previous Topics
- Internet evolution and how it works
- Protocols, WWW, URL, Domain name and Domain extension
- Web Developer
- Programming, Scripting and Markup Language
- Web Application and Types of Web App
- Website vs Web applications
- HTML Structure
- HTML elements and tags, block element
- Inline element, Attributes, Form, and Layout
- CSS
- Inline, Internal, External CSS
JavaScript Overview
- Javascript is designed to add interactivity and dynamic effects to web pages
- JavaScript is a scripting language enabling interaction with most web pages
- It was originally developed as LiveScript by Netscape in the mid-1990s.
- It is object-oriented with some syntax similarities to Java, but it's unrelated to Java.
Capabilities of JavaScript
- Can modify web page content by adding or removing elements
- Can change the style and position of elements
- Can monitor events like mouse clicks, hovering, and react to them.
- Able to perform and control transitions and animations.
- Can create alert pop-ups.
- Can perform operations based on user inputs and display results
- Validation of user inputs prior to server submission is possible.
Advantages of JavaScript
- Less server interaction since you can validate user input before sending pages to the server.
- Reduces server traffic, lessening the load.
- Provides immediate feedback to visitors, as they don't have to wait for a page reload.
- Increased interactivity with interfaces that react to mouse hovers or keyboard activation.
- Richer interfaces, including drag-and-drop components and sliders are possible
- It can be slow for computationally heavy tasks.
- Too much JavaScript may cause website loading and performance issues.
- Browsers interpret JS differently, leading to varying experiences.
- Limited access to the file system of the user's machine.
- Cannot be used for networking applications due to lack of support.
JavaScript Tag
- Implemented using JavaScript statements within
<script>...</script>HTML tags
<script language="javascript"
type="text/javascript">
document.write("Hello
World!")
</script>
Key attributes
Language: Specifies the scripting language used, typically "javascript."Type: Indicates the scripting language, recommended to be set to "text/javascript".- It is case-sensitive.
- Keywords, variables, function names, and identifiers must have consistent capitalization.
TimeandTIMEwill convey different meanings
Comments
- Any text between
//and the end of a line is ignored - Text between
/*and*/is treated as a comment. - HTML comment closing sequence
-- >is not recognized, use//-- >.
Placement in HTML
- Can be included anywhere in an HTML document.
- Preferred ways include:
- Within the
<body>...</body>section. - In the
<head>...</head>section. - In both
<body>...</body>and<head>...</head>sections. - As an external file included in
<head>...</head>. - alert dialog boxes are used to display messages or output data.
- alert() method is used to create alert dialog box.
- document.write() method is used for writing content to the current document while it is being parsed.
JavaScript Output:
- Using innerHTML to write into an HTML element. Can access an HTML element to create the output
- The id attribute defines the HTML element.
- The innerHTML property defines the content.
<p id="greet"></p>
<p id="result"></p>
<script>
// Writing text string inside an element
document.getElementById("greet").innerHTML = "Hello World!";
// Writing a variable value inside an element
var x = 10;
var y = 20;
var sum = x + y;
document.getElementById("result").innerHTML = sum;
</script>
Variables
- JavaScript has variables, like other programming languages, which are named containers
- Before using a variable, you must declare it with the var keyword.
- It is an untyped language, so variables can hold values of any data type.
- You should not re-declare the same variable twice.
<script type="text/javascript">
<!--
var name = "Ali";
var money;
money = 2000.50;
//-->
</script
Scopes
- The scope of a variable is the region of your program in which it is defined.
- Javascript has global and local scope.
- Global variables are accessible anywhere in code.
- Local variables are only visible within a function
- Within a function, a local variable takes precedence over a global with same name
Other Keywords
letandconstkeywords are also used for declaring variables.constkeyword works same as let, but variables cant be reassigned later
JS Loops
while: loops while the condition is true.do...while: loops once, then evaluates the condition.for: loops until the counter reaches a number.for...in: loops through object properties.for...of: loops over iterable objects like arrays and strings.
Events
- Interaction with HTML is managed via events triggered when the user interacts with the page
- When the page loads is an event.
- Pressing a key, closing or re-sizing a window can also be an event.
- Javascript code can be executed in response to these events, such as buttons, messages, data validation and anything else.
Event type
Onclickis used when a user clicks the left mouse button- Allows to perform validation and provide warnings.
Onsubmitis used when submitting a form.validate ()before submitting form data to webserver- Form will submit if true, or not submit if false
Onmouseoverandonmouseout- create effects with images/text- "onmouseover" event triggers when bringing your mouse on any element
onmouseouttriggers when mouse moves out from that element
HTML5 standard events:
- Listed are some HTML 5 events:
- Offline: Triggers when the document goes offline.
- Onabort: Triggers on an abort event.
- Onoafterprint: Triggers after the document is printed.
- Onbeforeonload: Triggers before the document loads.
- Onbeforeprint: Triggers before the document is printed.
- Onblur: Triggers when the window loses focus.
- Oncanplay: Triggers when media can start play, but has to stop for buffering. -Oncanplaythrough: Triggers when media can be played to the end, without stopping for Buffering. -Onchange: Triggers when an element changes. -Onclick: Triggers on a mouse click.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
