powerpoint presentation javascript

Create PowerPoint presentations with JavaScript

The most popular powerpoint+js library on npm with 1,800 stars on github, works everywhere.

• Every modern desktop and mobile browser is supported
• Integrates with Node, Angular, React, and Electron
• Compatible with Microsoft PowerPoint, Apple Keynote, and many others

Full Featured

• All major objects are available (charts, shapes, tables, etc.)
• Master Slide support for academic/corporate branding
• Animated gifs, SVG images, YouTube videos, RTL text, and Asian fonts

Simple And Powerful

• The absolute easiest PowerPoint library to use
• Learn as you code using the built-in typescript definitions
• Tons of sample code comes included (75+ slides of demos)

Export Your Way

• Exports files direct to client browsers with proper MIME-type
• Other export formats available: base64, blob, stream, etc.
• Presentation compression options and more

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications You must be signed in to change notification settings

Create PowerPoint presentations with a powerful, concise JavaScript API.

gitbrent/PptxGenJS

Folders and files, repository files navigation, create javascript powerpoint presentations.

• Table of Contents

Introduction

Works everywhere, full featured, simple and powerful, export your way, html to powerpoint, additional builds, angular/react, es6, typescript, script/web browser, library api, html-to-powerpoint feature, library ports, issues / suggestions, contributors.

This library creates Open Office XML (OOXML) Presentations which are compatible with Microsoft PowerPoint, Apple Keynote, and other applications.

• Every modern desktop and mobile browser is supported
• Integrates with Node, Angular, React, and Electron
• Compatible with PowerPoint, Keynote, and more
• All major object types are available (charts, shapes, tables, etc.)
• Master Slides for academic/corporate branding
• SVG images, animated gifs, YouTube videos, RTL text, and Asian fonts
• The absolute easiest PowerPoint library to use
• Learn as you code will full typescript definitions included
• Tons of demo code comes included (over 75 slides of features)
• Exports files direct to client browsers with proper MIME-type
• Other export formats available: base64, blob, stream, etc.
• Presentation compression options and more
• Includes powerful HTML-to-PowerPoint feature to transform HTML tables into presentations with a single line of code

Visit the demos page to create a simple presentation to see how easy it is to use pptxgenjs, or check out the complete demo which showcases every available feature.

• PptxGenJS Demos

Installation

PptxGenJS NPM Home

jsDelivr Home

Bundle: Modern Browsers and IE11

Min files: Modern Browsers

GitHub Latest Release

Bundle: Modern Browsers

• Use the bundle for IE11 support
• CommonJS: dist/pptxgen.cjs.js
• ES Module: dist/pptxgen.es.js

Documentation

Quick start guide.

PptxGenJS PowerPoint presentations are created via JavaScript by following 4 basic steps:

That's really all there is to it!

Full documentation and code examples are available

• Creating a Presentation
• Presentation Options
• Adding a Slide
• Slide Options
• Saving a Presentation
• Master Slides
• Adding Charts
• Adding Images
• Adding Media
• Adding Shapes
• Adding Tables
• Adding Text
• Speaker Notes
• Using Scheme Colors
• Integration with Other Libraries

Easily convert HTML tables to PowerPoint presentations in a single call.

Learn more:

• HTML-to-PowerPoint Docs/Demo

React: react-pptx - thanks to Joonas !

Please file issues or suggestions on the issues page on github , or even better, submit a pull request . Feedback is always welcome!

When reporting issues, please include a code snippet or a link demonstrating the problem. Here is a small jsFiddle that is already configured and uses the latest PptxGenJS code.

Sometimes implementing a new library can be a difficult task and the slightest mistake will keep something from working. We've all been there!

If you are having issues getting a presentation to generate, check out the code in the demos directory. There are demos for both client browsers, node and react that contain working examples of every available library feature.

• Use a pre-configured jsFiddle to test with: PptxGenJS Fiddle
• View questions tagged PptxGenJS on StackOverflow . If you can't find your question, ask it yourself - be sure to tag it PptxGenJS .

Thank you to everyone for the issues, contributions and suggestions! ❤️

Special Thanks:

• Dzmitry Dulko - Getting the project published on NPM
• Michal Kacerovský - New Master Slide Layouts and Chart expertise
• Connor Bowman - Adding Placeholders
• Reima Frgos - Multiple chart and general functionality patches
• Matt King - Chart expertise
• Mike Wilcox - Chart expertise
• Joonas - React port

PowerPoint shape definitions and some XML code via Officegen Project

If you find this library useful, please consider sponsoring us through a donation

Copyright © 2015-present Brent Ely

Releases 46

Used by 2.4k.

Contributors 58

• TypeScript 97.2%

• 4 Dependencies
• 69 Dependents
• 51 Versions

Create JavaScript PowerPoint Presentations

• Table of Contents

Introduction

Works everywhere, full featured, simple and powerful, export your way, html to powerpoint, additional builds, angular/react, es6, typescript, script/web browser, library api, html-to-powerpoint feature, library ports, issues / suggestions, contributors.

This library creates Open Office XML (OOXML) Presentations which are compatible with Microsoft PowerPoint, Apple Keynote, and other applications.

• Every modern desktop and mobile browser is supported
• Integrates with Node, Angular, React, and Electron
• Compatible with PowerPoint, Keynote, and more
• All major object types are available (charts, shapes, tables, etc.)
• Master Slides for academic/corporate branding
• SVG images, animated gifs, YouTube videos, RTL text, and Asian fonts
• The absolute easiest PowerPoint library to use
• Learn as you code will full typescript definitions included
• Tons of demo code comes included (over 75 slides of features)
• Exports files direct to client browsers with proper MIME-type
• Other export formats available: base64, blob, stream, etc.
• Presentation compression options and more
• Includes powerful HTML-to-PowerPoint feature to transform HTML tables into presentations with a single line of code

Visit the demos page to create a simple presentation to see how easy it is to use pptxgenjs, or check out the complete demo which showcases every available feature.

• PptxGenJS Demos

Installation

PptxGenJS NPM Home

jsDelivr Home

Bundle: Modern Browsers and IE11

Min files: Modern Browsers

GitHub Latest Release

Bundle: Modern Browsers

• Use the bundle for IE11 support
• CommonJS: dist/pptxgen.cjs.js
• ES Module: dist/pptxgen.es.js

Documentation

Quick start guide.

PptxGenJS PowerPoint presentations are created via JavaScript by following 4 basic steps:

That's really all there is to it!

Full documentation and code examples are available

• Creating a Presentation
• Presentation Options
• Adding a Slide
• Slide Options
• Saving a Presentation
• Master Slides
• Adding Charts
• Adding Images
• Adding Media
• Adding Shapes
• Adding Tables
• Adding Text
• Speaker Notes
• Using Scheme Colors
• Integration with Other Libraries

Easily convert HTML tables to PowerPoint presentations in a single call.

Learn more:

• HTML-to-PowerPoint Docs/Demo

React: react-pptx - thanks to Joonas !

Please file issues or suggestions on the issues page on github , or even better, submit a pull request . Feedback is always welcome!

When reporting issues, please include a code snippet or a link demonstrating the problem. Here is a small jsFiddle that is already configured and uses the latest PptxGenJS code.

Sometimes implementing a new library can be a difficult task and the slightest mistake will keep something from working. We've all been there!

If you are having issues getting a presentation to generate, check out the code in the demos directory. There are demos for both client browsers, node and react that contain working examples of every available library feature.

• Use a pre-configured jsFiddle to test with: PptxGenJS Fiddle
• View questions tagged PptxGenJS on StackOverflow . If you can't find your question, ask it yourself - be sure to tag it PptxGenJS .

Thank you to everyone for the issues, contributions and suggestions! ❤️

Special Thanks:

• Dzmitry Dulko - Getting the project published on NPM
• Michal Kacerovský - New Master Slide Layouts and Chart expertise
• Connor Bowman - Adding Placeholders
• Reima Frgos - Multiple chart and general functionality patches
• Matt King - Chart expertise
• Mike Wilcox - Chart expertise
• Joonas - React port

PowerPoint shape definitions and some XML code via Officegen Project

If you find this library useful, please consider sponsoring us through a donation

Copyright © 2015-present Brent Ely

• html-to-powerpoint
• javascript-create-powerpoint
• javascript-create-pptx
• javascript-generate-pptx
• javascript-powerpoint
• javascript-powerpoint-charts
• javascript-pptx
• js-create-powerpoint
• js-create-pptx
• js-generate-powerpoint
• js-powerpoint
• js-powerpoint-library
• js-powerpoint-pptx
• react-powerpoint
• typescript-powerpoint

Package Sidebar

npm i pptxgenjs

Git github.com/gitbrent/PptxGenJS

gitbrent.github.io/PptxGenJS/

Downloads Weekly Downloads

Unpacked size, total files, last publish, collaborators.

Top 10 JavaScript frameworks to create presentation slides

Presentation frameworks are tools or libraries that can help you create presentations using web technologies that you are familiar with, such as HTML, CSS, JavaScript, Markdown, Vue, React, and more. You’ll have full control over the appearance and layout of your slides.

They allow you to export your slides as HTML files that can be viewed in any modern browser. You don’t need to install any software or plugin to view your slides. You can also share your slides online using platforms such as Slides.com, GitHub Pages, Netlify.

Reveal.js ( 67.1k ⭐) — An open source HTML presentation framework that allows you to create beautiful and interactive presentations using web technologies. You can use HTML, CSS, JavaScript, Markdown, LaTeX, and more to create stunning slides with animations, transitions, code highlighting, and other features.

Impress.js ( 37.5k ⭐) — Another open source HTML presentation framework that is similar to reveal.js, but with a different approach, inspired by the idea behind prezi.com. It uses CSS3 3D transforms to create dynamic and spatial presentations that can zoom, rotate, and pan across the slides.

Slidev ( 31.5k ⭐) — A web-based slides maker and presenter that is designed for developers. It allows you to create beautiful and interactive presentations using Markdown, HTML, Vue components, and other web technologies. You can also use features such as live coding, recording, drawing, LaTeX, diagrams, icons, and more to enhance your slides.

MDX Deck ( 11.3k ⭐) — A library based on MDX that allows you to create presentations using Markdown and React components. You can write your slides in a single MDX file and separate them with --- . You can also import and use any React component in your slides, as well as customize the theme and layout of your presentation.

Spectacle ( 9.7k ⭐) — A React-based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code, created and maintained by Formidable Labs. You can use it to create beautiful and interactive slides with animations, transitions, code highlighting, and other features.

Code Surfer ( 6.3k ⭐) — A library that allows you to create presentations using Markdown and React components. You can write your slides in a single MDX file and separate them with --- , add code highlighting, code zooming, code scrolling, code focusing, code morphing, and fun to MDX Deck slides.

WebSlides ( 6.2k ⭐) — A library that allows you to create beautiful HTML presentations and websites. Just choose a demo and customize it in minutes. 120+ slides ready to use. You can use HTML, CSS, JavaScript, Markdown, LaTeX, and more to create stunning slides with animations, transitions, code highlighting, and other features.

Fusuma ( 5.4k ⭐) — A tool that allows you to create slides with Markdown easily. You can use HTML, CSS, JavaScript, Markdown, Vue components, and other web technologies to create stunning slides with animations, transitions, code highlighting, and other features.

md2googleslides ( 4.4k ⭐) — Generate Google Slides from markdown & HTML. Run from the command line or embed in another application. While it does not yet produce stunningly beautiful decks, you are encouraged to use this tool for quickly prototyping presentations.

PptxGenJS ( 2.5k ⭐) — A JavaScript library that allows you to create presentations, compatible with PowerPoint, Keynote, and other applications that support the Open Office XML (OOXML) format. You can use it to generate PPTX files with just a few simple JavaScript commands in any modern desktop and mobile browser. You can also integrate PptxGenJS with Node, Angular, React, and Electron.

Common features

Presentation frameworks typically share several common features that aim to enhance the creation and delivery of visually engaging and interactive presentations. Here are some of the common features you can find:

Ease of use : They allow you to use web technologies that you are familiar with, such as HTML, CSS, JavaScript, Markdown, Vue, React, and more. You don’t need to learn a new software or tool to create your slides. You can also use your favorite code editor or IDE to write and edit your slides.

Nested slides : They allow you to create sub-sections or sub-topics within your presentation. You can use nested slides to organize your content, add more details, or create interactive menus.

Markdown support : Markdown is a lightweight markup language that allows you to format text using simple syntax. You can use Markdown to write your slides in a plain text editor and then convert them to HTML. Markdown makes it easy to create headings, lists, links, images, code blocks, and more.

Auto-Animate : A feature that automatically animates the transitions between slides or elements to create smooth and dynamic effects for your presentation, detect the changes between slides and animate them accordingly.

PDF export : You can use PDF export to print your presentation, share it online, or view it offline. PDF export can also preserve the layout, fonts, and images of your presentation.

Speaker notes : You can use speaker notes to prepare your speech, add additional information, or provide references. Speaker notes are usually hidden from the audience but visible to you in a separate window or screen.

LaTeX support : LaTeX is a document preparation system that allows you to create high-quality typesetting for mathematical and scientific expressions. You can use LaTeX to write complex formulas, equations, symbols, and diagrams in your presentation. LaTeX can also handle cross-references, citations, and bibliographies.

Syntax highlighted code : You can use syntax highlighted code to display your source code in your presentation. Syntax highlighted code can make your code more readable, understandable, and attractive.

You might also like

• My presentations

Auth with social network:

Download presentation

We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!

Presentation is loading. Please wait.

INTRODUCTION TO JAVASCRIPT

Published by Owen Carter Modified over 5 years ago

Similar presentations

Presentation on theme: "INTRODUCTION TO JAVASCRIPT"— Presentation transcript:

JavaScript I. JavaScript is an object oriented programming language used to add interactivity to web pages. Different from Java, even though bears some.

Introducing JavaScript

JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.

Java Script Session1 INTRODUCTION.

The Web Warrior Guide to Web Design Technologies

 2008 Pearson Education, Inc. All rights reserved JavaScript: Introduction to Scripting.

Introduction to scripting

Introduction to JavaScript Dr. John P. Abraham University of Texas – Pan American.

JavaScript, Fifth Edition Chapter 1 Introduction to JavaScript.

Scripting Languages.

CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.

Client Scripting1 Internet Systems Design. Client Scripting2 n “A scripting language is a programming language that is used to manipulate, customize,

INTRODUCTION TO JAVASCRIPT AND DOM Internet Engineering Spring 2012.

1 JavaScript in Context. Server-Side Programming.

CHAPTER 4 Java Script อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.

 2003 Prentice Hall, Inc. All rights reserved. CHAPTER 3 JavaScript 1.

Client-Side Scripting JavaScript.  produced by Netscape for use within HTML Web pages.  built into all the major modern browsers. properties  lightweight,

1Computer Sciences Department Princess Nourah bint Abdulrahman University.

Dr. Qusai Abuein1 Internet & WWW How to program Chap.(6) JavaScript:Introduction to Scripting.

Overview of Form and Javascript fundamentals. Brief matching exercise 1. This is the software that allows a user to access and view HTML documents 2.

About project

© 2024 SlidePlayer.com Inc. All rights reserved.

Nov 06, 2014

4.86k likes | 9.95k Views

JavaScript. Defined DOM (Document Object Model) General Syntax Body vs. Head Variables Math & Logic Selection Functions & Events Loops  Animation Getting Help. What is JavaScript?. JavaScript is NOT Java! JavaScript was designed to add interactivity to HTML pages

Share Presentation

• event listeners
• javascript script body
• write good day script

Presentation Transcript

JavaScript Defined DOM (Document Object Model) General Syntax Body vs. Head Variables Math & Logic Selection Functions & Events Loops  Animation Getting Help

What is JavaScript? • JavaScript is NOT Java! • JavaScript was designed to add interactivity to HTML pages • JavaScript is a scripting language • JavaScript is usually embedded directly into HTML pages • JavaScript is an interpreted language (means that scripts execute without preliminary compilation) • JavaScript is free and open-source

What can a JavaScript do? • JavaScript gives HTML designers a programming tool (very simple syntax) • JavaScript can put dynamic text into an HTML page • JavaScript can react to events • JavaScript can read and write HTML elements • JavaScript can be used to validate data (validate form data) • JavaScript can be used to detect the visitor's browser • JavaScript can be used to create cookies

DOM (Document Object Model) • In object-oriented programming we look at a program as a collection of interacting objects. • Objects have properties (facts about them) • Length, width, • Objects have functions (things they can do) • write(), shoot() • In JavaScript the document is considered to be an object.

"dot" syntax • Using Javascript we can access the properties of a document and change a document using special functions. • When you see a dot (.) that implies ownership • Examples: document.title <!-- the title of the document --> document.images[1] <!-- the second image in page --> document.write("Hi!") <!-- function that writes text -->

First JavaScript <html><head></head><body>    <script type="text/javascript">        <!--            document.write("<h1>Hello World!</h1>");        //-->    /script></body></html><!-- Note use of document object model --><!-- See scripts\1_FirstJavaScript.html-->

events & event-listeners • Javascript allows for interactivity. • Specifically it tracks events: • A mouse click • A web page or an image loading • Mousing over a hot spot on the web page • Submitting an HTML form • A keystroke • And allows code to be attached to event-listeners: • onLoad • onUnload • onMouseOver • onMouseOut • onSubmit

functions • As you may have noticed event-listeners are a special type of built in functions. • You can also create your own functions using the "function" keyword. • All JavaScript code (like functions) should be put inside <script> and </script> tags. • It is best to put as much of your JavaScript code as possible, in the head section of your document.

Body vs. Head <html> <head>        <script type="text/javascript">            function message()            {                alert("This alert box called by onload event");            }        </script>    </head>     <body onload="message()">        <script type="text/javascript">            document.write("Message written by JavaScript");        </script>    </body> </html> <!-- See 2_EventListeners-->

General Syntax • Scripts need to be in <script> tags. • JavaScript statements 'should' end in a semicolon. • Large blocks of javascript 'should' be put in { } • Comments can be // or <* <script type="text/javascript">{    document.write("<h1>This is a heading</h1>");    document.write("<p>This is a paragraph.</p>");    document.write("<p>This is another paragraph.</p>");    // Single line comment    /*        Multi-line        comment    */}</script>

Declaring (Creating) Variables • Variables are placeholders. You can create (or 'declare') them in JavaScript by using the "var" keyword.var x;var carname; • You can also assign values to the variables when you declare them:var x=5;var carname="Volvo"; // Text requires quotes • If you assign values to variables that have not yet been declared, the variables will automatically be declared.x=5;carname="Volvo"; • See 3_Var_PromptBox

Math && Logic JavaScript supports the following operatorsMathematical:+, -, *, /, %, ++, --Logical:&&, ||, !, <, >, etc...var x=10;var y=2;var z=x/y;Strings can be concatenated with the '+' sign.var txt1="What a very";var txt2="nice day";var txt3=txt1+" "+txt2;Note: If you add a number and a string, the result will be a string!

Selection (the 'if' statement) <script type="text/javascript"> // Comments are VERY VERY important    // If the time < 10, "Good morning" greeting.    // Otherwise you will get a "Good day" greeting.    var d = new Date();    var time = d.getHours();    if (time < 10){        document.write("Good morning!");    } else {        document.write("Good day!");    }</script> See file 4_Selection

Repetition (loops) <script type="text/javascript"> // This script shows the two common types of loops. // The for loop for (var counter = 1; counter <= 5; ++counter) { document.write(counter + " <br />"); } // The while loop var i = true while (i == true) { i = window.confirm("Redisplay this dialog box?"); } </script> See file 5_Repetition

Popup boxes • As you have seen some of JavaScripts interactive abilities come from the use of pop-up boxes. • There are 3 general kinds: alert("sometext"); confirm("sometext"); // returns "true" or "false") prompt("sometext","defaultvalue"); //returns what user enters as answer • See 6_PopUps

Changing Page Properties • Remember the DOM of JavaScript allows you to change the properties of a page… like the CSS sheet. <head> <link rel="stylesheet" type="text/css" href="default.css" id="css_sheet"/> <script type="text/javascript" language="javascript"> function swapCss() { if(document.getElementById('css_sheet').href == 'default.css') { document.getElementById('css_sheet').href = 'alt.css'; } else { document.getElementById('css_sheet').href = 'default.css'; } } </script> </head>

How Powerful is JavaScript? • It is possible to do simple (and complex) animations (and even games) in JavaScript. • You can create vector images in JavaScript (you will need to download a special library). • You can load and swap bitmap (or jpeg, gif, etc.) images natively. • Timing the image swaps can be done using the built in setTimeout method:      t=setTimeout("javascript statement",milliseconds);Examples:    SimpleAnimation1.html    SimpleAnimation2.html    SimpleAnimation3.html

Getting Help W3C JavaScript Tutorial: http://www.w3schools.com/js/default.asp JavaScript Animations: http://www.schillmania.com/content/projects/javascript-animation-1/ JavaScript Games: http://www.devx.com/webdev/10MinuteSolution/27134

• More by User

Dory Zidon Oct 2016 [email protected] Linkedin :  http://goo.gl/39r2py Facebook:  https://www.facebook.com/doryzi https://www.facebook.com/CoreTeamIo/ https://www.coreteam.io. JavaScript . Past, current and Future. JavaScript - Soap Opera History .

771 views • 22 slides

JavaScript. An Introduction. What is JavaScript?. JavaScript adds “dynamic” behavior to HTML pages, adding programming capabilities. JavaScript is a predominantly &quot;client side&quot; scripting language used for a large variety of tasks, such as form validation, image rollovers and fly-out menus.

811 views • 33 slides

JavaScript. Chapter 1 - Intro. Why use JavaScript? Interactivity LiveScript JavaScript Jscript ECMAScript JavaScript is not Java! Programming….. . Chapter 2. Do what it says on page 5. The first script. &lt;SCRIPT TYPE=&quot;text/javascript&quot; &gt; &lt;!-- alert(&quot;Hello world&quot;); //--&gt; &lt;/SCRIPT&gt;.

1.16k views • 44 slides

JavaScript. Creating a Programmable Web Page. Tutorial Objectives. Understand basic JavaScript syntax Create an embedded and external script Work with variables and data Work with data objects and extract values from dates Work with expressions and operators

1.07k views • 63 slides

JavaScript. What is JavaScript?. Client side interpreted embedded programming language used to enhance websites ECMAScript language standard implementation ECMA-262 No relation to Java  Can manipulate HTML Event driven. To use or not to use. Helpful for: Dynamic content

582 views • 31 slides

Javascript. JavaScipt. A client-side scripting language Allows building dynamic user interfaces Dynamic HTML elements Client side animation Modify client view based on user input Ability to check user input before forwarding to the server NOTE: JavaScipt and Java are different

885 views • 41 slides

Javascript. Like coffee if coffee could read a script ( that would be coffeescript ). Javascript. Client side code All the code we’ve seen so far runs on the server Javascript is one way to run code on the client side You can avoid needing to do postbacks

644 views • 34 slides

JavaScript. Shadi Banitaan. Outline. Introduction JavaScript Functions Using Objects in JavaScript Built-in Objects User-Defined Objects Examples Events. Java vs JavaScript. Web Scripting Languages. Fewer features Can be client side or Server side Server side

734 views • 40 slides

JAVASCRIPT. Computer Science &amp; Engineering. JavaScript and Client-Side Scripting. When HTML was first developed, Web pages were static Static Web pages cannot change after the browser renders them HTML and XHTML could only be used to produce static documents. JavaScript

1.28k views • 71 slides

JavaScript. Kevin Reuter &amp; Brian Guthrie. Overview. Multi-paradigm Prototype based objects Dynamic, weak typing. History. 1995 Originally developed for Netscape as 'Mocha' by Brendan Eich Renamed to LiveScript when it was first included in Navigator Renamed again to JavaScript

527 views • 21 slides

JavaScript. JavaScript Introduction. JavaScript is the world's most popular programming language. It is the language for HTML and the web, for servers, PCs, laptops, tablets, smart phones, and more. JavaScript is a Scripting Language. A scripting language is a lightweight programming language.

1.74k views • 76 slides

JavaScript. JavaScript vs. Java. JavaScript and Java are completely different Java, invented by Sun in 1995, is a complex programming language and platform JavaScript, invented by Brendan Eich in 1995, is a scripting language. First used by the Netscape browser Adopted by ECMA in 1997

495 views • 15 slides

Javascript. CS 236369, Spring 2010. What is Javascript ?. Browser scripting language Dynamic page creation Interactive Embedded into HTML pages Javascript is NOT Java Different syntax Different programming concepts Javascript runs on client-side (browser) only.

363 views • 14 slides

JavaScript. JavaScript Array. JavaScript Array Revisited. Arrays Data structures consisting of related data items JavaScript arrays “dynamic” entities that can change size after they are created The first element in every array is the zeroth element.

462 views • 12 slides

JAVASCRIPT. Session 3. Overview. Introduction, Data Types, Operators and Statements JavaScript Objects, Functions The Browser, The DOM, Dynamic pages, Debugging JavaScript and Custom Object creation, Storage XML - JSON, Introduction to Ajax. The Browser.

567 views • 48 slides

JAVASCRIPT. Session 1. Suggested Text. Learning JavaScript 2nd Shelley Powers 978-0-596-52187-5 Full text can be viewed online via DePaul Library. Search for Safari books database. Skillset. Familiar with Web Technology CSS, HTML, Client, Server Programming Concepts. Overview.

761 views • 62 slides

JavaScript. Language Fundamentals. About JavaScript. JavaScript is not Java, or even related to Java The original name for JavaScript was “ LiveScript ” The name was changed when Java became popular

659 views • 43 slides

This browser is no longer supported.

Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

PowerPoint JavaScript preview APIs

• 5 contributors

New PowerPoint JavaScript APIs are first introduced in "preview" and later become part of a specific, numbered requirement set after sufficient testing occurs and user feedback is acquired.

Preview APIs are subject to change and are not intended for use in a production environment. We recommend that you try them out in test and development environments only. Do not use preview APIs in a production environment or within business-critical documents.

To use preview APIs:

• You must use the preview version of the Office JavaScript API library from the Office.js content delivery network (CDN) . The type definition file for TypeScript compilation and IntelliSense is found at the CDN and DefinitelyTyped . You can install these types with npm install --save-dev @types/office-js-preview (be sure to remove the types for @types/office-js if you've previously installed them).
• You may need to join the Microsoft 365 Insider program for access to more recent Office builds.

The following table lists the PowerPoint JavaScript APIs currently in preview. For a complete list of all PowerPoint JavaScript APIs (including preview APIs and previously released APIs), see all PowerPoint JavaScript APIs .

• PowerPoint JavaScript API Reference Documentation
• PowerPoint JavaScript API requirement sets

Office Add-ins

Additional resources