The document provides background information on HTML, JavaScript, CSS, and their relationships. It discusses how SGML led to the creation of HTML by Tim Berners-Lee as a subset of SGML. Cascading Style Sheets (CSS) were later created to separate document structure from presentation. Extensible Markup Language (XML) further separated content from style. The document also covers the evolution of HTML versions and the creation of XHTML.
Web front end development introduction to html css and javascript
This document provides an introduction to HTML, CSS, and JavaScript for building websites. It discusses how websites work by connecting clients and servers, and compares making a website to writing a book by organizing content into pages. The document then covers the basic purposes and syntax of HTML for creating page content, CSS for styling, and JavaScript for interactivity. It provides many code examples and explains common elements, properties, and methods in each language to demonstrate basic front-end web development concepts and tools.
This is a brief introduction about HTML5. You will learn that what is new in HTML5. I will tell what and when changes happened in HTML which Hyper Text markup language. Html is a language which is used to create web pages that we have seen on the internet. For website development and web hosting visit https://tekfold.com
JavaScript is a client-side scripting language that can be inserted into HTML pages to make them interactive. It allows dynamic validation of forms, changing HTML element properties like visibility, and reacting to user events like clicks or form submissions. The Document Object Model (DOM) represents an HTML or XML document as a tree structure, allowing JavaScript to programmatically access and modify the content, structure, and styling of the document. Common built-in JavaScript objects include String, Date, Array, Math, and Boolean, which provide properties and methods for manipulating text, dates, lists of values, numbers, and true/false values.
The document discusses the key aspects of web design. It identifies the main languages used for frontend web design as HTML, CSS, and JavaScript. Popular backend languages are identified as PHP, Ruby, Python, Node.js, and Java. The document also defines responsive web design as using HTML and CSS to automatically resize a website to look good on all devices like desktops, tablets, and phones. It provides an overview of common elements considered in web design like content, logo, typography, layout, colors, navigation, and being cross-browser responsive.
- HTML, CSS, and JavaScript are becoming the new standard for building applications and interactive experiences on the web.
- Best practices include using semantic HTML, clean CSS with a focus on maintainability, and JavaScript performance optimizations.
- Key techniques discussed are image sprites, progressive enhancement, and jQuery selector chaining to reduce DOM lookups.
This document provides an overview of JavaScript and the DOM (Document Object Model) for a web programming course. It introduces JavaScript as a scripting language used to add interactivity to HTML pages. It describes what JavaScript can do, such as dynamically updating text and reacting to events. It also covers JavaScript syntax, variables, operators, functions, and objects. A significant portion of the document is devoted to explaining the DOM and how it allows JavaScript to access and modify HTML elements and structure programmatically.
Web designers create the visual design and layout of websites, while web developers write code to make websites functional. Web developers use programming languages like HTML, CSS, JavaScript, and PHP to add complex features and functionality to websites. Studying these languages and gaining experience through live projects allows individuals to pursue careers as web designers or developers where there is high demand for their skills.
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation of HTML and XML documents. CSS separates document content from document presentation, enabling control over elements like layout, colors, and fonts. This separation improves accessibility, flexibility, and maintenance of web pages. CSS can format pages for different rendering methods like on-screen, in print, and for speech-based browsers.
JavaScript is a scripting language that can be inserted into HTML pages and used to program the behavior of web pages. It allows web pages to be dynamic and interactive. JavaScript code is placed between <script> and </script> tags and can manipulate HTML elements and write to the document. Variables, functions, conditional statements, and operators allow JavaScript code to run conditionally based on events or user input. JavaScript is case sensitive, uses semicolons, and has both local and global variables. Common data types include numbers, strings, arrays, and objects.
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
( ** Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training ** )
This Edureka tutorial on JavaScript explains all the fundamentals of JavaScript with examples. It also explains various features and applications of JavaScript. Following are the topics included in this tutorial:
1. What Is JavaScript?
2. Why Use JavaScript
3. JavaScript Fundamentals
- Data Types
- Variables
- Constants
- Loops
- Conditional Statements
- Functions
The document discusses the basics of HTML, which is used to design webpages through tags and attributes, and defines dynamic HTML (DHTML) as combining HTML, JavaScript, CSS, and scripting to make webpages interactive and able to change based on user inputs. Static webpages only use HTML and CSS and cannot dynamically change, while dynamic pages use client-side or server-side scripting to alter the content displayed to users.
The document provides an overview of web development. It discusses how the web was created in 1989 by Tim Berners-Lee and the initial technologies of HTTP, HTML, and URLs. It then explains how a basic web application works with a browser connecting to a web server to request and receive HTML files and other resources. The document also summarizes key concepts in web development including front-end versus back-end code, common programming languages and frameworks, database usage, and standards that allow interoperability across systems.
CSS3 is an update to the CSS2.1 specification that introduces many new features and modules. Some key CSS3 modules include selectors, backgrounds and borders, text effects, transformations, transitions, multiple columns, and user interface. CSS3 allows for rounded borders using border-radius, box shadows using box-shadow, and image borders using border-image. Other CSS3 properties include text-shadow, word-wrap, transforms like rotate and scale, transitions for animated effects, multiple columns layout, and user interface features like resizing and outlines. Support for CSS3 varies across browsers.
This document discusses responsive web design using CSS3 media queries. It begins with an introduction to media queries and their syntax for modifying CSS based on screen width. It then covers examples of adapting layouts, images, and other design elements for different screen sizes. Finally, it addresses techniques for supporting older browsers that do not support media queries, such as using conditional comments or JavaScript libraries.
JavaScript was designed to add interactivity to HTML pages. It is a scripting language that is usually embedded directly into HTML pages and allows for dynamic text, event handling, reading/writing HTML elements, and validating form data. JavaScript supports both client-side and server-side scripting and was originally developed by Netscape under the name LiveScript before being renamed. It provides programming capabilities to HTML authors and allows for dynamic content, user interaction, and validation without server requests.
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark headings and paragraphs. CSS is used to style and lay out HTML elements, using selectors, declarations, and properties to change things like colors and positioning. JavaScript can be added to HTML pages with <script> tags and is used to add interactive elements and dynamic behavior by manipulating HTML and responding to user input. It has data types like strings and numbers and control structures like if/else statements.
HTML is a markup language used to define the structure and layout of web pages. CSS is used to style and lay out HTML elements, and JavaScript can be used to program behaviors and interactions in web pages. jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animations, and Ajax interactions for rapid web development.
An Seo’s Intro to Web Dev, HTML, CSS and JavaScript
This document provides an introduction to web development technologies for SEOs, covering HTML, CSS, JavaScript, and how they relate to each other and web architecture. It begins with an overview of the main components of a website, including the CMS, front-end code, back-end code, database, web server, domain name, DNS, and physical server. It then covers HTML basics like tags and document structure. It discusses CSS and how it is used to style pages. Finally, it provides a brief introduction to JavaScript and how it adds dynamic functionality to websites. The document is intended to give SEOs a basic technical understanding of web development.
The document provides a 6 day training agenda covering HTML, CSS, JavaScript, and jQuery. Day 1 covers HTML basics, CSS basics and layouts. Day 2 covers HTML forms, CSS styling, and responsive design. Days 3-5 cover JavaScript programming, events, AJAX, and jQuery. Day 6 covers more advanced jQuery topics.
HTML5 and CSS3 provide modern web technologies that can enhance websites. Modernizr is a JavaScript library that detects what HTML5 and CSS3 capabilities browsers support, allowing for enhanced functionality where available. The document provides references to learn more about HTML5, CSS3, and tools like Modernizr.
The document discusses responsive web design (RWD), which involves building websites and applications that automatically adjust layouts based on screen size and orientation. RWD allows a single website to be accessed from any device without needing separate mobile sites. It provides benefits like improved usability, lower development costs, and future-proofing sites for new devices. Key aspects of RWD include flexible grids, fluid images, media queries, and focus on content over specific device designs.
Crowdsourcing Presentation for Creative Company Conference
Trada CEO Niel Robertson's presentation on Crowdsourcing for the Creative Company Conference
Check out Trada Reviews here: http://www.trada.com/trada-reviews/
Stop motion animation is achieved by recording individual still frames of motion and playing them back sequentially to create the illusion of continuous movement. Each frame is a slightly altered version of the previous frame with objects moved in small increments. This labor intensive process can involve manipulating physical objects, cutouts, or live actors frame-by-frame to simulate movement. Different stop motion techniques produce varied effects and involve altering material positions gradually over many frames to depict animation.
The document discusses several ideas for how future technologies may enable resurrection of the dead, including mind uploading, time scanning/quantum archaeology, simulations, and soft uploading using extensive personal data archives. Key ideas are that sufficiently advanced technologies may allow copying personalities from the past to new substrates, reconstructing the past through quantum effects, creating simulated worlds, and resurrecting aspects of people through archived life information. The document speculates that these could offer literal immortality and fulfill religious desires around an afterlife.
Presentation for Erasmusplus project LTSDU on PISA 2012 results in Italy
Presentation on Italian educational system according to the PISA results 2012 and 2015. The reasons for the failures and the strongpoints of our system.
El documento presenta ejemplos de herramientas multimedia como sonidos e imágenes animadas (GIF) sobre el tema de las palancas, incluyendo un GIF creado con Active GIF, para apoyar la enseñanza de este tema. Se invita al lector a reproducir un sonido y ver los ejemplos de GIF animados de Internet sobre palancas.
The document discusses the differences between vector and bitmap images, including that vector images use mathematical formulas while bitmaps use pixels, and covers common file formats like JPEG, GIF and PNG. It also explains concepts such as lossless compression, embedded versus linked graphics, and resources for images like Flickr. The document advises against using BMP formats for web content due to browser limitations.
Animation B2B is an international animation studio that specializes in creating explainer videos between 30-90 seconds to clearly explain products and help customers make faster purchasing decisions. They have created videos for clients such as Znany Lekarz OleOle, Credible Red Bin, and Powerade Starcraft WCS. Potential clients can contact the sales manager Patrick Pawlowski for any questions.
Animation is the process of creating the illusion of motion by displaying a sequence of images that are slightly different from one another. The main types of animation are 2D animation, 3D animation, motion graphics, stop motion, and traditional animation. 2D animation involves hand-drawn or digitally created images, while 3D animation uses computer-generated 3D models. Motion graphics focuses on moving graphic elements or text, and stop motion animates real-world objects or puppets by moving them incrementally between photographs. Traditional animation historically involved drawing each frame by hand on transparent sheets called cels. The history of animation includes early inventions like the zoetrope and flip books in the 1800s and the first animated films in
This document summarizes a logo competition held among students from five schools participating in an Erasmus+ project called "Let The Science Discover Us". Students from Istituto Tecnico Economico F. Severi di S. Giovanni Valdarno school in Italy prepared several draft logos by hand and computer. Five logos were preselected, including one from Turkey depicting an atom. Three finalist logos were voted on by teachers from the partner schools on Facebook—the logo with the most likes would win. Two Italian logos received the same number of likes, so there were two winners. The winning students received a small prize of telephone credit.
This document provides a short introduction to HTML5, including:
- HTML5 is the 5th version of the HTML standard by the W3C and is still under development but supported by many browsers.
- HTML5 introduces new semantic elements, video and audio tags, 2D/3D graphics using <canvas>, and new JavaScript APIs for features like geolocation, offline web apps, and drag and drop.
- The document provides examples of using new HTML5 features like video playback, semantic elements, geolocation API, and drawing on a canvas with JavaScript.
Using threads in PHP will change the world. appserver.io is the worlds first real application server for PHP written in PHP supporting multi-threading "out-of-the-box".
appserver.io is a next-generation PHP infrastructure consisting of a lightning fast webserver completely written in PHP including additional frequently needed services in one powerful bundle. You can use all of the services or only specifically selected services in your existing application with no additional tweaks. This is just what you need since we have eliminated the need for additional tools or additional services, appserver.io and PHP and you´re done!
The document discusses various components and techniques for developing extensions for Joomla! 1.5, including using libraries, retrieving data from requests, multilingual support, querying and retrieving data from the database, routing URLs, handling errors, security practices, and redirecting users. It also mentions tools for development like Aptana and resources on the Joomla! API and extension development.
This document provides an overview of JavaScript including:
- JavaScript can be used to add interactivity to web pages by responding to user actions and modifying page content. It runs in the browser rather than on the server.
- Common tasks performed by JavaScript include form validation, monitoring user events, updating page elements, and modifying styles.
- JavaScript code can be embedded directly in HTML, referenced externally, or added via <script> tags in the <head> or <body> sections.
- JavaScript variables are declared with var and can hold numbers, strings, Booleans, arrays, and objects. Statements are composed of values, operators, expressions, and comments to perform tasks.
This document provides an overview of JavaScript, including:
- JavaScript is not related to Java and was originally called LiveScript.
- JavaScript code is run in web browsers by an interpreter built into the browser, not on servers.
- JavaScript can be used to add interactivity to HTML pages by including <script> tags and running code when pages load or in response to user events.
- JavaScript functions and variables can be defined and used to manipulate the DOM and handle user interactions.
This document provides an overview of Module 2 of a course on Internet and Web Technology. It covers topics related to JavaScript, including:
- Programming fundamentals of JavaScript like variables, functions, and statements
- Different types of operators in JavaScript like arithmetic, comparison, logical, and assignment operators
- Defining and calling functions
- Using built-in functions like alert(), confirm(), and prompt()
- Best practices for writing JavaScript code
The document provides an overview of VBScript, including how it works when inserted into HTML documents, how to format VBScript code within HTML tags, and where to place VBScript code within an HTML document. It also discusses VBScript variables like declaring, assigning values to, and creating array variables. Finally, it covers VBScript procedures like Sub and Function procedures.
This article is the first part of a series of articles on using JavaScript tools. Today, JavaScript is a very powerful language that can be used to build web apps, mobile apps, and even some pc games — perhaps a bit faster than you would build them otherwise.
New libraries have emerged in the web industry to address the challenges of JavaScript — libraries such as JQuery, Prototype and many others have been released. Today, a popular question asked by many is — should i learn the libraries such as jQuery or learn basic JavaScript. The truth is that the libraries help you to create faster, responsive JavaScript, but there are still times when your basic knowlege of JavaScript will be called into question. It is for this reason that I have created this eBook, to assist newbies learn JavaScript.
This document provides an introduction to JavaScript and covers topics such as:
- JavaScript allows for interactivity on web pages by manipulating the browser and reacting to user actions.
- JavaScript code is embedded within HTML pages and executed on the client-side by the browser.
- Common JavaScript concepts covered include variables, functions, scope, events, and form validation.
- JavaScript can be used to validate user input, perform calculations, and modify the DOM in response to events.
HTML was first defined by Tim Berners-Lee in 1991 and has evolved through several versions. HTML5 and CSS3 are the next generation standards that will enhance the richness and interactivity of web content. HTML5 introduces new semantic tags and APIs for multimedia, geolocation, and offline storage. CSS3 includes features for rounded corners, drop shadows, columns, animations, and media queries for responsive design. While legacy browsers present challenges, HTML5 and CSS3 will improve the functionality of the mobile web and make the interface of the web comparable to native applications.
HTML is the language used to structure and present content on the World Wide Web. It uses tags to define headings, paragraphs, lists, and other elements. A basic HTML file includes an <html> tag which contains <head> and <body> sections. The <head> includes the <title> and the <body> holds the visible page content. Common tags include <p> for paragraphs, <ul> and <ol> for unordered and ordered lists, and <img> to embed images.
This document provides an overview of JavaScript, including:
- JavaScript is a client-side scripting language designed for web pages that enhances HTML with dynamic and interactive features.
- It was initially developed by Netscape as LiveScript but was renamed JavaScript and standardized along with Java.
- JavaScript can react to events, validate data, detect the browser, create cookies, and read/write HTML elements.
- Key JavaScript concepts covered include objects, properties, methods, functions, values, variables, and the HTML DOM for finding and manipulating elements.
Web front end development introduction to html css and javascriptMarc Huang
This document provides an introduction to HTML, CSS, and JavaScript for building websites. It discusses how websites work by connecting clients and servers, and compares making a website to writing a book by organizing content into pages. The document then covers the basic purposes and syntax of HTML for creating page content, CSS for styling, and JavaScript for interactivity. It provides many code examples and explains common elements, properties, and methods in each language to demonstrate basic front-end web development concepts and tools.
This is a brief introduction about HTML5. You will learn that what is new in HTML5. I will tell what and when changes happened in HTML which Hyper Text markup language. Html is a language which is used to create web pages that we have seen on the internet. For website development and web hosting visit https://tekfold.com
JavaScript is a client-side scripting language that can be inserted into HTML pages to make them interactive. It allows dynamic validation of forms, changing HTML element properties like visibility, and reacting to user events like clicks or form submissions. The Document Object Model (DOM) represents an HTML or XML document as a tree structure, allowing JavaScript to programmatically access and modify the content, structure, and styling of the document. Common built-in JavaScript objects include String, Date, Array, Math, and Boolean, which provide properties and methods for manipulating text, dates, lists of values, numbers, and true/false values.
The document discusses the key aspects of web design. It identifies the main languages used for frontend web design as HTML, CSS, and JavaScript. Popular backend languages are identified as PHP, Ruby, Python, Node.js, and Java. The document also defines responsive web design as using HTML and CSS to automatically resize a website to look good on all devices like desktops, tablets, and phones. It provides an overview of common elements considered in web design like content, logo, typography, layout, colors, navigation, and being cross-browser responsive.
- HTML, CSS, and JavaScript are becoming the new standard for building applications and interactive experiences on the web.
- Best practices include using semantic HTML, clean CSS with a focus on maintainability, and JavaScript performance optimizations.
- Key techniques discussed are image sprites, progressive enhancement, and jQuery selector chaining to reduce DOM lookups.
This document provides an overview of JavaScript and the DOM (Document Object Model) for a web programming course. It introduces JavaScript as a scripting language used to add interactivity to HTML pages. It describes what JavaScript can do, such as dynamically updating text and reacting to events. It also covers JavaScript syntax, variables, operators, functions, and objects. A significant portion of the document is devoted to explaining the DOM and how it allows JavaScript to access and modify HTML elements and structure programmatically.
Web designers create the visual design and layout of websites, while web developers write code to make websites functional. Web developers use programming languages like HTML, CSS, JavaScript, and PHP to add complex features and functionality to websites. Studying these languages and gaining experience through live projects allows individuals to pursue careers as web designers or developers where there is high demand for their skills.
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation of HTML and XML documents. CSS separates document content from document presentation, enabling control over elements like layout, colors, and fonts. This separation improves accessibility, flexibility, and maintenance of web pages. CSS can format pages for different rendering methods like on-screen, in print, and for speech-based browsers.
JavaScript is a scripting language that can be inserted into HTML pages and used to program the behavior of web pages. It allows web pages to be dynamic and interactive. JavaScript code is placed between <script> and </script> tags and can manipulate HTML elements and write to the document. Variables, functions, conditional statements, and operators allow JavaScript code to run conditionally based on events or user input. JavaScript is case sensitive, uses semicolons, and has both local and global variables. Common data types include numbers, strings, arrays, and objects.
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...Edureka!
( ** Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training ** )
This Edureka tutorial on JavaScript explains all the fundamentals of JavaScript with examples. It also explains various features and applications of JavaScript. Following are the topics included in this tutorial:
1. What Is JavaScript?
2. Why Use JavaScript
3. JavaScript Fundamentals
- Data Types
- Variables
- Constants
- Loops
- Conditional Statements
- Functions
The document discusses the basics of HTML, which is used to design webpages through tags and attributes, and defines dynamic HTML (DHTML) as combining HTML, JavaScript, CSS, and scripting to make webpages interactive and able to change based on user inputs. Static webpages only use HTML and CSS and cannot dynamically change, while dynamic pages use client-side or server-side scripting to alter the content displayed to users.
The document provides an overview of web development. It discusses how the web was created in 1989 by Tim Berners-Lee and the initial technologies of HTTP, HTML, and URLs. It then explains how a basic web application works with a browser connecting to a web server to request and receive HTML files and other resources. The document also summarizes key concepts in web development including front-end versus back-end code, common programming languages and frameworks, database usage, and standards that allow interoperability across systems.
CSS3 is an update to the CSS2.1 specification that introduces many new features and modules. Some key CSS3 modules include selectors, backgrounds and borders, text effects, transformations, transitions, multiple columns, and user interface. CSS3 allows for rounded borders using border-radius, box shadows using box-shadow, and image borders using border-image. Other CSS3 properties include text-shadow, word-wrap, transforms like rotate and scale, transitions for animated effects, multiple columns layout, and user interface features like resizing and outlines. Support for CSS3 varies across browsers.
This document discusses responsive web design using CSS3 media queries. It begins with an introduction to media queries and their syntax for modifying CSS based on screen width. It then covers examples of adapting layouts, images, and other design elements for different screen sizes. Finally, it addresses techniques for supporting older browsers that do not support media queries, such as using conditional comments or JavaScript libraries.
JavaScript was designed to add interactivity to HTML pages. It is a scripting language that is usually embedded directly into HTML pages and allows for dynamic text, event handling, reading/writing HTML elements, and validating form data. JavaScript supports both client-side and server-side scripting and was originally developed by Netscape under the name LiveScript before being renamed. It provides programming capabilities to HTML authors and allows for dynamic content, user interaction, and validation without server requests.
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark headings and paragraphs. CSS is used to style and lay out HTML elements, using selectors, declarations, and properties to change things like colors and positioning. JavaScript can be added to HTML pages with <script> tags and is used to add interactive elements and dynamic behavior by manipulating HTML and responding to user input. It has data types like strings and numbers and control structures like if/else statements.
HTML is a markup language used to define the structure and layout of web pages. CSS is used to style and lay out HTML elements, and JavaScript can be used to program behaviors and interactions in web pages. jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animations, and Ajax interactions for rapid web development.
An Seo’s Intro to Web Dev, HTML, CSS and JavaScriptTroyfawkes
This document provides an introduction to web development technologies for SEOs, covering HTML, CSS, JavaScript, and how they relate to each other and web architecture. It begins with an overview of the main components of a website, including the CMS, front-end code, back-end code, database, web server, domain name, DNS, and physical server. It then covers HTML basics like tags and document structure. It discusses CSS and how it is used to style pages. Finally, it provides a brief introduction to JavaScript and how it adds dynamic functionality to websites. The document is intended to give SEOs a basic technical understanding of web development.
The document provides a 6 day training agenda covering HTML, CSS, JavaScript, and jQuery. Day 1 covers HTML basics, CSS basics and layouts. Day 2 covers HTML forms, CSS styling, and responsive design. Days 3-5 cover JavaScript programming, events, AJAX, and jQuery. Day 6 covers more advanced jQuery topics.
HTML5 and CSS3 provide modern web technologies that can enhance websites. Modernizr is a JavaScript library that detects what HTML5 and CSS3 capabilities browsers support, allowing for enhanced functionality where available. The document provides references to learn more about HTML5, CSS3, and tools like Modernizr.
The document discusses responsive web design (RWD), which involves building websites and applications that automatically adjust layouts based on screen size and orientation. RWD allows a single website to be accessed from any device without needing separate mobile sites. It provides benefits like improved usability, lower development costs, and future-proofing sites for new devices. Key aspects of RWD include flexible grids, fluid images, media queries, and focus on content over specific device designs.
Crowdsourcing Presentation for Creative Company ConferenceTrada
Trada CEO Niel Robertson's presentation on Crowdsourcing for the Creative Company Conference
Check out Trada Reviews here: http://www.trada.com/trada-reviews/
Stop motion animation is achieved by recording individual still frames of motion and playing them back sequentially to create the illusion of continuous movement. Each frame is a slightly altered version of the previous frame with objects moved in small increments. This labor intensive process can involve manipulating physical objects, cutouts, or live actors frame-by-frame to simulate movement. Different stop motion techniques produce varied effects and involve altering material positions gradually over many frames to depict animation.
The document discusses several ideas for how future technologies may enable resurrection of the dead, including mind uploading, time scanning/quantum archaeology, simulations, and soft uploading using extensive personal data archives. Key ideas are that sufficiently advanced technologies may allow copying personalities from the past to new substrates, reconstructing the past through quantum effects, creating simulated worlds, and resurrecting aspects of people through archived life information. The document speculates that these could offer literal immortality and fulfill religious desires around an afterlife.
Presentation for Erasmusplus project LTSDU on PISA 2012 results in Italysisifo68
Presentation on Italian educational system according to the PISA results 2012 and 2015. The reasons for the failures and the strongpoints of our system.
El documento presenta ejemplos de herramientas multimedia como sonidos e imágenes animadas (GIF) sobre el tema de las palancas, incluyendo un GIF creado con Active GIF, para apoyar la enseñanza de este tema. Se invita al lector a reproducir un sonido y ver los ejemplos de GIF animados de Internet sobre palancas.
The document discusses the differences between vector and bitmap images, including that vector images use mathematical formulas while bitmaps use pixels, and covers common file formats like JPEG, GIF and PNG. It also explains concepts such as lossless compression, embedded versus linked graphics, and resources for images like Flickr. The document advises against using BMP formats for web content due to browser limitations.
Animation B2B is an international animation studio that specializes in creating explainer videos between 30-90 seconds to clearly explain products and help customers make faster purchasing decisions. They have created videos for clients such as Znany Lekarz OleOle, Credible Red Bin, and Powerade Starcraft WCS. Potential clients can contact the sales manager Patrick Pawlowski for any questions.
Animation is the process of creating the illusion of motion by displaying a sequence of images that are slightly different from one another. The main types of animation are 2D animation, 3D animation, motion graphics, stop motion, and traditional animation. 2D animation involves hand-drawn or digitally created images, while 3D animation uses computer-generated 3D models. Motion graphics focuses on moving graphic elements or text, and stop motion animates real-world objects or puppets by moving them incrementally between photographs. Traditional animation historically involved drawing each frame by hand on transparent sheets called cels. The history of animation includes early inventions like the zoetrope and flip books in the 1800s and the first animated films in
This document summarizes a logo competition held among students from five schools participating in an Erasmus+ project called "Let The Science Discover Us". Students from Istituto Tecnico Economico F. Severi di S. Giovanni Valdarno school in Italy prepared several draft logos by hand and computer. Five logos were preselected, including one from Turkey depicting an atom. Three finalist logos were voted on by teachers from the partner schools on Facebook—the logo with the most likes would win. Two Italian logos received the same number of likes, so there were two winners. The winning students received a small prize of telephone credit.
This document provides a short introduction to HTML5, including:
- HTML5 is the 5th version of the HTML standard by the W3C and is still under development but supported by many browsers.
- HTML5 introduces new semantic elements, video and audio tags, 2D/3D graphics using <canvas>, and new JavaScript APIs for features like geolocation, offline web apps, and drag and drop.
- The document provides examples of using new HTML5 features like video playback, semantic elements, geolocation API, and drawing on a canvas with JavaScript.
Using threads in PHP will change the world. appserver.io is the worlds first real application server for PHP written in PHP supporting multi-threading "out-of-the-box".
appserver.io is a next-generation PHP infrastructure consisting of a lightning fast webserver completely written in PHP including additional frequently needed services in one powerful bundle. You can use all of the services or only specifically selected services in your existing application with no additional tweaks. This is just what you need since we have eliminated the need for additional tools or additional services, appserver.io and PHP and you´re done!
The document discusses various components and techniques for developing extensions for Joomla! 1.5, including using libraries, retrieving data from requests, multilingual support, querying and retrieving data from the database, routing URLs, handling errors, security practices, and redirecting users. It also mentions tools for development like Aptana and resources on the Joomla! API and extension development.
This document provides an overview of JavaScript including:
- JavaScript can be used to add interactivity to web pages by responding to user actions and modifying page content. It runs in the browser rather than on the server.
- Common tasks performed by JavaScript include form validation, monitoring user events, updating page elements, and modifying styles.
- JavaScript code can be embedded directly in HTML, referenced externally, or added via <script> tags in the <head> or <body> sections.
- JavaScript variables are declared with var and can hold numbers, strings, Booleans, arrays, and objects. Statements are composed of values, operators, expressions, and comments to perform tasks.
This document provides an overview of JavaScript, including:
- JavaScript is not related to Java and was originally called LiveScript.
- JavaScript code is run in web browsers by an interpreter built into the browser, not on servers.
- JavaScript can be used to add interactivity to HTML pages by including <script> tags and running code when pages load or in response to user events.
- JavaScript functions and variables can be defined and used to manipulate the DOM and handle user interactions.
This document provides an overview of Module 2 of a course on Internet and Web Technology. It covers topics related to JavaScript, including:
- Programming fundamentals of JavaScript like variables, functions, and statements
- Different types of operators in JavaScript like arithmetic, comparison, logical, and assignment operators
- Defining and calling functions
- Using built-in functions like alert(), confirm(), and prompt()
- Best practices for writing JavaScript code
The document provides an overview of VBScript, including how it works when inserted into HTML documents, how to format VBScript code within HTML tags, and where to place VBScript code within an HTML document. It also discusses VBScript variables like declaring, assigning values to, and creating array variables. Finally, it covers VBScript procedures like Sub and Function procedures.
This article is the first part of a series of articles on using JavaScript tools. Today, JavaScript is a very powerful language that can be used to build web apps, mobile apps, and even some pc games — perhaps a bit faster than you would build them otherwise.
New libraries have emerged in the web industry to address the challenges of JavaScript — libraries such as JQuery, Prototype and many others have been released. Today, a popular question asked by many is — should i learn the libraries such as jQuery or learn basic JavaScript. The truth is that the libraries help you to create faster, responsive JavaScript, but there are still times when your basic knowlege of JavaScript will be called into question. It is for this reason that I have created this eBook, to assist newbies learn JavaScript.
This document provides an introduction to JavaScript and covers topics such as:
- JavaScript allows for interactivity on web pages by manipulating the browser and reacting to user actions.
- JavaScript code is embedded within HTML pages and executed on the client-side by the browser.
- Common JavaScript concepts covered include variables, functions, scope, events, and form validation.
- JavaScript can be used to validate user input, perform calculations, and modify the DOM in response to events.
Javascript is a dynamic programming language used primarily for client-side web page scripting. It allows for less server interaction, immediate feedback, and richer interfaces. Key differences from Java include being lightweight, interpreted, and lacking features like file access, networking, or multithreading. Javascript code is placed within <script> tags and can be used to dynamically manipulate and interact with HTML pages.
The document provides information on JavaScript including:
- JavaScript is a lightweight, interpreted programming language used for creating interactive effects in web pages.
- Client-side JavaScript can validate user input before submitting a form to the server.
- The HTML DOM represents the webpage as an object model which JavaScript can manipulate to dynamically change HTML content.
This document provides an agenda and overview for a two-day Beginning AngularJS workshop taking place on June 13-14, 2015. The instructor is Troy Miles, who has over 35 years of programming experience.
Day one will cover AngularJS introduction and tools, building a To Do app, testing, animation, services, controllers, filters, and more. Day two will focus on deployment, providers, building a contacts app, HTTP requests, testing AJAX calls, using Firebase, custom directives, and a wrap-up.
The document includes code examples and outlines several hands-on labs for attendees to complete, such as setting up their environment, two-way data binding, and building an expanded contacts
JavaScript was originally named Mocha but was renamed LiveScript and then JavaScript. It is a lightweight, interpreted programming language designed for creating network-centric and browser-based applications. JavaScript can be used for client-side scripting through features like popup boxes and event handling, and for server-side scripting by running JavaScript code on the server with Node.js. It includes basic datatypes, operators, control flows, and built-in objects for manipulating the browser and its DOM.
HSC INFORMATION TECHNOLOGY CHAPTER 3 ADVANCED JAVASCRIPTAAFREEN SHAIKH
This document provides information about JavaScript including:
- JavaScript is a client-side scripting language used to make web pages dynamic. It was created by Brendan Eich at Netscape.
- There are two types of scripting languages - client-side (JavaScript, VBScript) and server-side (ASP, PHP, Perl). Client-side scripts run on the browser while server-side scripts run on the web server.
- JavaScript has various data types including strings, numbers, Booleans, undefined and null. It also has operators like arithmetic, comparison, logical and assignment operators.
- Functions, objects, and events are important concepts in JavaScript. Functions allow code to be reused, objects bundle data
JavaScript is the primary scripting language of the web and is used to make web pages interactive. It can dynamically write and modify HTML content, react to user events like clicks, validate form data, detect the browser, and more. JavaScript code is commonly embedded directly in HTML using <script> tags and can also be stored externally in .js files. Key JavaScript concepts include variables, operators, conditional statements, functions, loops, and events.
Learn the best practices and advanced techniques.
* Passing data to client libs, use the data attribute
* Expression contexts, choose wisely
* Use statement best practices, what fits best your needs
* Template & Call statements advanced usage
* Parameters for sub-resources, featuring resource attributes and synthetic resources
Catalyst is a web framework for Perl that allows developers to build dynamic web applications in a modular, reusable way. It utilizes common Perl techniques like Moose, DBIx::Class and Template Toolkit to handle tasks like object modeling, database access and view rendering. Catalyst applications can be built in a model-view-controller style to separate application logic, data access and presentation layers. This framework provides a standard way to write reusable code and build web UIs for tasks like system administration and automation.
This document outlines the objectives of a lecture on JavaScript. It introduces JavaScript, discusses data types, operators, flow control, functions, events, objects, arrays, and the Document Object Model. It provides examples of JavaScript concepts like functions, events, and objects. The document is intended to teach the basics of JavaScript programming.
JavaScript is a programming language that can be embedded in HTML pages and used to create dynamic web page content. It allows interacting with browsers by opening windows, submitting forms, and loading URLs. JavaScript code can appear between <script> tags in HTML files or in external .js files linked via the src attribute. The browser runs the JavaScript interpreter to execute the code as pages load. Core JavaScript defines syntax rules while client-side JavaScript is used in browsers to interact with HTML content.
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894PECB
As artificial intelligence continues to evolve, understanding the complexities and regulations regarding AI risk management is more crucial than ever.
Amongst others, the webinar covers:
• ISO/IEC 42001 standard, which provides guidelines for establishing, implementing, maintaining, and continually improving AI management systems within organizations
• insights into the European Union's landmark legislative proposal aimed at regulating AI
• framework and methodologies prescribed by ISO/IEC 23894 for identifying, assessing, and mitigating risks associated with AI systems
Presenters:
Miriama Podskubova - Attorney at Law
Miriama is a seasoned lawyer with over a decade of experience. She specializes in commercial law, focusing on transactions, venture capital investments, IT, digital law, and cybersecurity, areas she was drawn to through her legal practice. Alongside preparing contract and project documentation, she ensures the correct interpretation and application of European legal regulations in these fields. Beyond client projects, she frequently speaks at conferences on cybersecurity, online privacy protection, and the increasingly pertinent topic of AI regulation. As a registered advocate of Slovak bar, certified data privacy professional in the European Union (CIPP/e) and a member of the international association ELA, she helps both tech-focused startups and entrepreneurs, as well as international chains, to properly set up their business operations.
Callum Wright - Founder and Lead Consultant Founder and Lead Consultant
Callum Wright is a seasoned cybersecurity, privacy and AI governance expert. With over a decade of experience, he has dedicated his career to protecting digital assets, ensuring data privacy, and establishing ethical AI governance frameworks. His diverse background includes significant roles in security architecture, AI governance, risk consulting, and privacy management across various industries, thorough testing, and successful implementation, he has consistently delivered exceptional results.
Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment.
Date: June 26, 2024
Tags: ISO/IEC 42001, Artificial Intelligence, EU AI Act, ISO/IEC 23894
-------------------------------------------------------------------------------
Find out more about ISO training and certification services
Training: ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB
Webinars: https://pecb.com/webinars
Article: https://pecb.com/article
-------------------------------------------------------------------------------
Ardra Nakshatra (आर्द्रा): Understanding its Effects and RemediesAstro Pathshala
Ardra Nakshatra, the sixth Nakshatra in Vedic astrology, spans from 6°40' to 20° in the Gemini zodiac sign. Governed by Rahu, the north lunar node, Ardra translates to "the moist one" or "the star of sorrow." Symbolized by a teardrop, it represents the transformational power of storms, bringing both destruction and renewal.
About Astro Pathshala
Astro Pathshala is a renowned astrology institute offering comprehensive astrology courses and personalized astrological consultations for over 20 years. Founded by Gurudev Sunil Vashist ji, Astro Pathshala has been a beacon of knowledge and guidance in the field of Vedic astrology. With a team of experienced astrologers, the institute provides in-depth courses that cover various aspects of astrology, including Nakshatras, planetary influences, and remedies. Whether you are a beginner seeking to learn astrology or someone looking for expert astrological advice, Astro Pathshala is dedicated to helping you navigate life's challenges and unlock your full potential through the ancient wisdom of Vedic astrology.
For more information about their courses and consultations, visit Astro Pathshala.
Webinar Innovative assessments for SOcial Emotional SkillsEduSkills OECD
Presentations by Adriano Linzarini and Daniel Catarino da Silva of the OECD Rethinking Assessment of Social and Emotional Skills project from the OECD webinar "Innovations in measuring social and emotional skills and what AI will bring next" on 5 July 2024
Integrated Marketing Communications (IMC)- Concept, Features, Elements, Role of advertising in IMC
Advertising: Concept, Features, Evolution of Advertising, Active Participants, Benefits of advertising to Business firms and consumers.
Classification of advertising: Geographic, Media, Target audience and Functions.
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...Neny Isharyanti
Presented as a plenary session in iTELL 2024 in Salatiga on 4 July 2024.
The plenary focuses on understanding and intepreting relevant TPACK competence for teachers to be adept in teaching multimodality in the digital age. It juxtaposes the results of research on multimodality with its contextual implementation in the teaching of English subject in the Indonesian Emancipated Curriculum.
How to Configure Time Off Types in Odoo 17Celine George
Now we can take look into how to configure time off types in odoo 17 through this slide. Time-off types are used to grant or request different types of leave. Only then the authorities will have a clear view or a clear understanding of what kind of leave the employee is taking.
How to Install Theme in the Odoo 17 ERPCeline George
With Odoo, we can select from a wide selection of attractive themes. Many excellent ones are free to use, while some require payment. Putting an Odoo theme in the Odoo module directory on our server, downloading the theme, and then installing it is a simple process.
How to Handle the Separate Discount Account on Invoice in Odoo 17Celine George
In Odoo, separate discount account can be set up to accurately track and manage discounts applied on various transaction and ensure precise financial reporting and analysis
Front Desk Management in the Odoo 17 ERPCeline George
Front desk officers are responsible for taking care of guests and customers. Their work mainly involves interacting with customers and business partners, either in person or through phone calls.
Split Shifts From Gantt View in the Odoo 17Celine George
Odoo allows users to split long shifts into multiple segments directly from the Gantt view.Each segment retains details of the original shift, such as employee assignment, start time, end time, and specific tasks or descriptions.
2. History
What is the relationship between:
SGML
HTML
XHTML
CSS
JavaScript
3. History
Markup
Annotations instructing how the document
should appear in print
Word processors use different markup
schemes
SGML
IBM - Standard Generalized Markup Language
Markup instructions stored with ASCII file
Any computer could render document
Lilly Example
4. History
HTML
Tim Berners-Lee created HTML – subset of
SGML
Not platform or application specific
Only server software needed to publish file s
on the net
Structure versus content
Browser parses HTML file into a tree
5. History
Sample HTML File
<FONT SIZE=14 FACE=Swing>
<B>Bryan Moore</B><BR>
</FONT>
<FONT SIZE=12 FACE=Textile>
1234 Sunset Ave. <BR>
Walla Walla, WA 12345 <BR>
(123)123.4567<BR>
</FONT>
Web Applications and Real World Design - Knuckles
7. History
Problems with extracting data
Need to write a computer program to extract
the names and addresses by selecting text
strings following font tags
Content and structure of document become
intertwined
Not the intention of SGML and original HTML
Cascading Style Sheets
Attempt to separate content and style
8. History
CSS
Can alter the look of entire file with a simple
coding change
Can keep styles in an external file
Increases the knowledge needed to code
pages
Initial rationale of HTML was to appeal to the
masses
9. History
Parse tree using CSS
Still need to reference
Information based on
“second string after BR”
Information is not
meaningful
Web Applications and Real World Design - Knuckles
10. History
Extensible Markup Language XML
Extensible- can create own tags
Complete separation of content and style
Web Applications and Real World Design - Knuckles
11. History
Releases
HTML 4.0 1997
XML 1.0 1998
XML and HTML need to better cooperate
XHTML 1.0 2000
XHTML
Contains elements and attributes of HTML
Elements must have closing tags
Lowercase
Attributes must have values
Attributes in single or double quotes
http://www.w3schools.com/xhtml/default.asp
12. HTML Forms and JavaScript
Client Server Model
Client Side Processing
JavaScript downloaded from web page and processed by
the client – typically form checking
JavaScript can interact directly with form data
Server Side processing
Information from a form sent to server for processing
PHP Perl C++
Server can interact directly with the form data
13. HTML Forms and JavaScript
JavaScript
HTML files are text files
JavaScript is interpreted not compiled
Object oriented
HTML forms are objects and can be manipulated
via JavaScript
Dynamic HTML – merger of JavaScript and
HTML
Different implementations of DHTML by
software companies
14. What is JavaScript
Scripting language (object-oriented)
Lightweight programming language developed by Netscape
Interpreted, not compiled
Designed to be embedded in browsers
Ideal for adding interactivity to HTML pages
Detect browser versions
Work with info from user via HTML forms
Create cookies
Validate form data
Read and write HTML elements
Supported by all major browsers
Internet Explorer has JScript (started in IE3)
http://www.faqts.com/knowledge_base/view.phtml/aid/1380
It’s free, no license required
15. What is JavaScript
Syntax is similar to Java, but it’s not Java per se
Usually JavaScript code is embedded within HTML
code using the script tag:
Can have more than one pair of script tags in a page
Semicolons: C++ and JAVA require them but in
JavaScript it’s optional
16. What is JavaScript
HelloWorld example program…
<html>
<head><title>JavaScript HelloWorld!
</title></head>
<body>
<script language="JavaScript">
document.write('Javascript says "Hello
World!"')
</script>
</body>
</html>
Let’s open it in the browser
17. What is JavaScript
Javascript can be located in the head, body
or external file
Head section
Ensures script is loaded before trigger event
Body section
Script executes when body loads
External
Allows scripts to run on several pages
Examples:
http://www.w3schools.com/js/js_whereto.asp
18. What is JavaScript
JavaScript statements in head write to the
beginning of the body section but don’t violate
HTML code already there.
JavaScript statements in body write based on
their location
JavaScript interpreted first then HTML
interpreted second
Document.write writes to the HTML document
not the web page
19. What is JavaScript
<html>
<head>
<script language=“JavaScript”>
document.write (“<b> This is first </b>);
</script>
</head>
<body>
Now where does this print on the web page???? <br />
<script language=“JavaScript”>
document.write ( “This might be last?”)
</script>
</body>
</html>
Lets See what the answer is!
20. What is JavaScript
Now, let JavaScript generate HTML for us…
<html>
<head><title>JavaScript HelloWorld!</title></head>
<body>
<script laguage="JavaScript">
document.write("<h2>Javascript-Generated output:</h2>
<p>This paragraph generated by JavaScript</p>
<p>It can even insert an image</p>
<img src='../assigns/RayWeb/images/cathedral.jpg' />")
</script>
</body>
</html>
Let’s open it in the browser
21. Identifier Etiquette
Identifier– The name of a variable (or function)
Starts with a letter, can contains digits & underscores
Case Sensitive!!
Should be meaningful to someone reading your code
Good: accountBalance, amountDue
Bad:
bal, due,
Just plain wrong: 2bOrNotToBe, +var, total-value
22. Variables
Must declare variables before they’re used in the
program
Declare at the top of the program & terminate each
statement with ‘;’
Intialize variables when appropriate
Local variables (declared within a function) destroyed
after function exit.
Can only be accessed within the function
Example – Note Assignments
var candyBarPrice = 2.50;
var taxRate = .075;
var candyBarsPurchased;
23. Assignment Operator
Assignment ‘looks like’ equal sign but does NOT
behave like it
subTotal = subTotal + 1.50
subTotal ‘is assigned the value’ that is currently in
subTotal plus the value of 1.50
24. Expressions
An expression is a statement that describes a
computation
Usually look like algebra formulas
total = subTotal * taxRate
Operators (+, -, *, /, etc.) have different levels
of precedence, similar to algebra
Don’t rely on it! For clarity, use parentheses
w3Schools operator reference page
25. Conditional Statements--if
if (some boolean expression is true){
execute the statements within
the curly braces, otherwise skip to the
first statement after the closing brace
}
Resume execution here in either case
26. Conditional Statements– if/else
if (some boolean expression is true){
execute these statements, otherwise
skip to ‘else’ clause
}
else {
execute these statements if boolean
expression is false
}
Resume execution here in either case
27. Conditional Test Program
Diagnostic messages indicate flow of control
1.
2.
3.
4.
var variable1 = 1; var variable2 = 2;
1.
2.
if(variable1 > variable2){
if(variable1 >= 0){
document.write(“<p> 1 is greater than 0
</p>");
5.
}
6.
document.write(“<p>Resuming execution after
'if'
7.
statement</p>");
8.
3.
4.
5.
6.
•
document.write(“<p>1 is greater than
2</p>");
}
else {
document.write(“<p>2 is greater than
1</p>");
}
document.write("Resuming execution after
28. Strings
Strings are sequences of keyboard characters
enclosed in quotes
“Hello World” or ‘Hello World’
Variables can hold strings
var greeting = “Hello World”
String can be empty, i.e., contain no characters
var myAnswer = “”
Use ‘’ (escape symbol) to ‘type’ prohibited characters
b for backspace, n for newline, t for tab, ” for double
quote
29. JavaScript Functions – Basic
Principles
Abstraction
Experience has taught us that much code is
duplicated throughout program
Functions let us write the functionality once,
then reuse it
30. JavaScript Functions – Basic
Principles
Encapsulation
Functions encapsulate a specific capability or feature
Function name allows us to access a function in our
program
Parameterization
We can customize the function’s result by passing in
different values each time we use it
Must use functions to write serious software!
31. JavaScript Functions – Basic
Principles
Reasons to use functions
Ease of communication
Problem simplification
Easier construction
Code readability
Reusability
Maintainability
In JS, functions are the primary encapsulation
mechanism
32. JavaScript Functions – Syntax
JS function syntax
function myFunctionName (list of parameters) {
….JS code here…
}
33. JavaScript Functions -- Issues
Key issues about using functions
Naming functions
Passing in parameters
Using local variables within functions
How to call (i.e., invoke) functions
How to handle a function’s return value
Where to put JS functions in your webpage
34. JavaScript Functions – Naming
Function names
Name describes what function does
Name is an identifier, so follow JS identifier syntax
rules & course coding standards
Example,
findMaxValue(‘put some parameters here’)
35. JavaScript Functions -- Parameters
Passing parameters to the function
Parameters provide functions with input
Implicitly declared variables that can be accessed by
code within function body
You provide actual input values when you call the
function
Parameters are named variables separated by
commas
Example,
function findMaxValue(num1, num2, num3)
36. JavaScript Functions – Where to
put?
Put functions within <script>….</script> tags within
the <head> section of the web page
<head>
<script language=“JavaScript”>
declare functions here….
</script>
</head>
37. JavaScript Functions – Local
Variables
If needed, you can declare local variables within a
function
local variable is visible only within the function body
after it’s declared
Commonly used to store results of an intermediate
calculation
38. JavaScript Functions – Local
Variables
function findMaxValue(num1, num2,num3) {
var tempMax; //local var
if (num1 >= num2) {
tempMax = num1;
}
else {
tempMax = num2;
}
if(num3 >= tempMax) {
tempMax = num3;
}
return tempMax;
} //end function
39. JavaScript Functions -- Calling
To call a function from your program, add a
statement that contains the function name with
values for the parameters the function requires
Example…somewhere in the <body>….,
var x = 1, y = 4, z = 2;
findMaxValue(x, y, z);
What value does the function return?
What happens with the result?
40. JavaScript Functions -- Return
Return keyword tells function to return some value
and exit immediately
Function can have multiple return statements but only
1 can be executed in any given function call
Normally used to return the final result of a
calculation to the calling program
For an example, see findMaxValue function
41. JavaScript Functions -- Return
Good Example
Uses var maxNumber in calling program
Function’s return value is assigned to maxNumber
Display of maxNumber has correct value for inputs
Code snippet
var x = 1, y = 4, z = 2;
var maxNumber = findMaxNumber(x, y, z);
document.write(“The maximum is: “ + maxNumber);
42. JavaScript Functions – Parameter
Sequence
1.
2.
3.
4.
5.
6.
7.
1.
2.
When calling functions, must enter parameters in same order
as specified in function argument list.
function calculateDensity(height, width, depth, mass){
var volume = height * width * depth;
var density = mass / volume;
return density;
}
……………………………………………….
var hth = 2, wth = 3, dth = 4, mass = 10;
var result = calculateDensity(2, 10, 3, 4);
//returns .07 but correct answer is .42!!!
43. JavaScript Functions – Global
Variables
Global variables are those declared outside of
functions
Global variables are ‘visible’ from anywhere in the
program, including inside functions
var globalHello = “Hello!”;
function writeHello() {
document.write(globalHello);
}
// outputs “Hello!”
Example program
44. JavaScript Functions – Testing
Test each function thoroughly before proceeding with
next programming task
Using multiple sets of inputs, be sure to test all
possible outcomes
For each test, be sure calling program is properly
handling return values
45. JavaScript Functions – Debugging
Use diagnostic output statements to trace program
execution
Good places for diagnostic outputs
Just before entering function
Immediately upon entering function
Before/In/After complex logic or computation
Just before function return statement
Immediately after function returns to calling program
47. JavaScript and HTML Forms
JavaScript Objects
Var truck = new Object();
Expression on right is a constructor
Properties
truck.color=“white”
document.write(color);
Primitives
In JavaScript variable primitive types are
number, string and Boolean
48. JavaScript and HTML Forms
Object Model for the Browser Window
Compound object structure is created when a
web page loads into a browser
Hierarchy
Window is an object, the HTML document is
an object and its elements are objects
These objects have primitives associated with
them
49. JavaScript and HTML Forms
window [closed, location]
history [length]
document [bgColor, fgColor, URL,
lastmodified,linkColor, vlinkColor]
images [properties]
links [properties]
frames [properties]
forms [properties]
50. JavaScript and HTML Forms
Window object is parent of structure
window.closed is primitive that is Boolean
window.location primitive contains string of the URL of
the HTML file
window.document object is primary focus
When web page is loaded the HTML elements assign
values to most of these window.document primitives
Often the word window is excluded as in
document.write but need it if referring to multiple
open windows
Properties can also be objects
51. JavaScript and HTML Forms
<HTML>
<HEAD>
<TITLE>Document Properties</TITLE>
<SCRIPT LANGUAGE=JavaScript><!-document.write(closed);
document.write("<BR>"+ document.bgColor);
document.write("<BR>"+document.fgColor);
document.write("<BR>"+document.lastModified);
//--></SCRIPT>
</HEAD>
<BODY TEXT="#0000FF" BGCOLOR="#FFFFCC">
<P>Blue text on a yellow background.<BR>
<SCRIPT LANGUAGE=JavaScript><!-document.write("<BR>"+ document.bgColor);
document.write("<BR>"+document.fgColor);
//--></SCRIPT>
</BODY>
</HTML>
Interactive Programming on the Internet Knuckles
52. JavaScript and HTML Forms
false
#ffffff
#000000
01/10/2001 17:18:30 Blue text on a yellow
background.
#ffffcc
#0000ff
Interactive Programming on the Internet, Knuckles
53. JavaScript and HTML Forms
Methods
Behavior associated with an object
Essentially functions that perform an action
Some are built in and others user made
Built-In Methods of the window object
Confirm
Alert
Prompt
54. JavaScript and HTML Forms
User Events
An event occurs when a user makes a change
to a form element
Ex. Click a button, mouseover an image
Detection of an event done by event handlers
Event handler is an attribute of the HTML
button
<form>
<input type=button value=“please click”
onclick=“function name()”>
</form>
55. JavaScript and HTML Forms
<HTML>
<HEAD>
<SCRIPT LANGUAGE=JavaScript><!-function changecolor(){
document.bgColor="#ff0000";
}
//--></SCRIPT>
</HEAD>
<BODY>
<P><FORM >
<P><INPUT TYPE=button VALUE="Click Me"
onclick="changecolor()">
</FORM>
</BODY>
</HTML>
Interactive Programming on the Internet ,Knuckles
56. JavaScript and HTML Forms
Form Object
Window.document.form
A form is a property of the document but is
also an object
Form elements are properties of a form and
are also objects
Access to form’s properties is done through
the NAME attribute of the FORM tag
Access to the properties of the form elements
is done through the NAME attributes of the
particular form element
To insert a JavaScript into an HTML page, we use the <script> tag (also use the type attribute to define the scripting language).
So, the <script type="text/javascript"> and </script> tells where the JavaScript starts and ends:
By entering the document.write command between the <script type="text/javascript"> and </script> tags,
the browser will recognize it as a JavaScript command and execute the code line. In this case the browser will write Hello World! to the page: