Getting Started with JavaScript

Información

• Editorial: SAP PRESS
• Autores: Thomas Theis
• Año: 2025
• Edición: 1
• Páginas: 456
• Idiomas: Inglés

Descripción

New to programming and JavaScript? Look no further! With this beginner’s guide, learn the language ABCs and start developing applications. Walk through the programming basics: branches, functions, methods, objects, and more. Then create forms and events; use the Document Object Model (DOM); and work with large data sets, processing strings, mathematics, time, and other data structures. Design your web and mobile applications using tools like Ajax, CSS, jQuery, and Onsen UI. Follow code examples and expert tips, and you’ll be developing in no time!

• Get to know the basics of JavaScript development, from HTML to jQuery
• Learn to create dynamic web and mobile applications by working with key language features such as objects, forms, events, and the DOM
• Download more than 200 complete sample programs to use as project templates

Aspectos Destacados

• Programming basics
• Web application development
• Forms and events
• Document Object Model (DOM)
• Ajax
• XML and JSON
• CSS and HTML properties
• Graphics and animations
• jQuery
• Mobile apps with Onsen UI
• Media files
• Example projects

Aprenderás sobre

• Language Basics:
  Master the building blocks of JavaScript programming. From performing calculations to finding and avoiding errors, you’ll learn the essential skills you need for web application development.
• JavaScript in Practice:
  Start developing with JavaScript! Learn how to work with standard and custom objects, forms and events, and the DOM. Design with CSS, add 2D and 3D graphics with SVG and Three.js, simplify your tasks with jQuery, and much more!
• Example Exercises:
  Reinforce your knowledge with programming exercises. For each core concept, follow along with code examples that are available for download. Get insight into professional development with JavaScript through sample projects!

Tabla de Contenidos

• Materials for This Book

• 1 Introduction
• 1.1 What Can JavaScript Do?
• 1.2 What Can JavaScript Not Do?
• 1.3 Browsers and Mobile Browsers
• 1.4 ECMAScript
• 1.5 Structure of This Book
• 1.6 First Example with HTML and CSS
• 1.6.1 Output of the Program
• 1.6.2 HTML File
• 1.6.3 UTF-8 Encoding
• 1.6.4 Responsive Web Design
• 1.7 Some Special Characters
• 1.8 JavaScript in the Document
• 1.9 JavaScript from an External File
• 1.10 Comments
• 1.11 No JavaScript Is Possible

• 2 Basic Principles of Programming
• 2.1 Storing Values
• 2.1.1 Formatting Strings
• 2.1.2 Naming Rules
• 2.1.3 Input and Output of Strings
• 2.1.4 Storing Numbers
• 2.1.5 Storing Truth Values
• 2.2 Performing Complex Calculations
• 2.2.1 Calculation Operators
• 2.2.2 Combined Assignment
• 2.2.3 Entering Numbers
• 2.2.4 Number Systems
• 2.3 Different Branches in a Program
• 2.3.1 Branches with if
• 2.3.2 Requesting a Confirmation
• 2.3.3 Linking Multiple Conditions
• 2.3.4 Linking and Assigning
• 2.3.5 Checking the Input of Numbers
• 2.3.6 Checking the Value and Type
• 2.3.7 Priority of Operators
• 2.3.8 Branches with switch
• 2.4 Repeating Program Sections
• 2.4.1 Loops with for
• 2.4.2 Loops and Tables
• 2.4.3 Loops and Fields
• 2.4.4 Loops with while
• 2.4.5 Loops with do … while
• 2.4.6 A Game for Memory Training
• 2.5 Finding and Avoiding Errors
• 2.5.1 Developing a Program
• 2.5.2 Finding Errors Using onerror
• 2.5.3 Exception Handling Using try ... catch
• 2.5.4 Throwing Exceptions Using throw
• 2.5.5 Debugging a Program
• 2.6 Custom Functions
• 2.6.1 Simple Functions
• 2.6.2 Swapping Out Functions
• 2.6.3 Functions with Parameters
• 2.6.4 Changing Parameters
• 2.6.5 Functions with Return Value
• 2.6.6 Destructuring Assignment
• 2.6.7 Evaluation Using Short Circuit
• 2.6.8 Any Number of Parameters
• 2.6.9 Default Values for Parameters
• 2.6.10 The Validity of Variables
• 2.6.11 Recursive Functions
• 2.6.12 Anonymous Functions
• 2.6.13 Callback Functions

• 3 Custom Objects
• 3.1 Objects and Properties
• 3.2 Methods
• 3.3 Private Members
• 3.4 Setters and Getters
• 3.5 Static Members
• 3.6 Static Blocks
• 3.7 Reference to Nothing
• 3.8 Object in an Object
• 3.9 Inheritance
• 3.10 Operations with Objects
• 3.10.1 Access Operators
• 3.10.2 Creating and Comparing References to Objects
• 3.10.3 Checking Instances
• 3.10.4 Determining a Type
• 3.10.5 Checking a Member
• 3.10.6 Objects and Functions
• 3.10.7 Deleting Properties
• 3.11 Copying Objects

• 4 Forms and Events
• 4.1 First Form and First Event
• 4.2 Submitting and Resetting
• 4.2.1 The Submit Process
• 4.2.2 A Web Server as an Alternative
• 4.2.3 Code for Submitting
• 4.2.4 Code for Receiving
• 4.3 Mandatory Fields and Checking
• 4.4 Radio Buttons and Checkboxes
• 4.5 Selection Menus
• 4.6 Other Form Events
• 4.7 Mouse Events
• 4.8 Changing the Document
• 4.9 Other Types and Properties
• 4.9.1 Text Inputs, Search Fields, and Colors
• 4.9.2 Elements for Numbers
• 4.9.3 Elements for Time Information
• 4.9.4 Validating Forms
• 4.10 Dynamically Created Forms

• 5 The Document Object Model
• 5.1 Tree and Nodes
• 5.2 Retrieving Nodes
• 5.3 Child Nodes
• 5.4 Adding Nodes
• 5.5 Changing Nodes
• 5.6 Deleting Nodes
• 5.7 Creating a Table

• 6 Using Standard Objects
• 6.1 Arrays for Large Amounts of Data
• 6.1.1 One-Dimensional Arrays
• 6.1.2 Multidimensional Arrays
• 6.1.3 Arrays as Parameters and Return Values
• 6.1.4 Callback Functions
• 6.1.5 Adding and Removing Elements
• 6.1.6 Changing Arrays
• 6.1.7 Copying Arrays
• 6.1.8 Sorting Number Arrays
• 6.1.9 Finding Elements in an Array
• 6.1.10 Destructuring and the Spread Operator
• 6.1.11 Arrays of Objects
• 6.2 Processing Strings
• 6.2.1 Creating and Checking Strings
• 6.2.2 Elements of a String
• 6.2.3 Searches and Substrings
• 6.2.4 Changing Strings
• 6.2.5 Checking a Password
• 6.2.6 Unicode Characters
• 6.3 Numbers and Math
• 6.3.1 Math Object
• 6.3.2 Trigonometric Functions
• 6.3.3 Random Generators and Typed Arrays
• 6.3.4 Integers
• 6.3.5 Numbers with Decimal Places
• 6.3.6 Custom Extension for Numbers
• 6.4 Using Time Specifications
• 6.4.1 Creating Time Data
• 6.4.2 Outputting Time Data
• 6.4.3 Extension of the Date Object
• 6.4.4 Calculating with Time Data
• 6.4.5 Second Extension of the Date Object
• 6.5 Time-Controlled Processes
• 6.5.1 Starting Time-Controlled Processes
• 6.5.2 Starting and Ending Time-Controlled Processes
• 6.5.3 Controlling Processes
• 6.5.4 Slideshow and Single Image
• 6.6 Other Data Structures
• 6.6.1 Sets
• 6.6.2 Maps
• 6.7 JavaScript Object Notation
• 6.7.1 JSON Format and JSON Objects
• 6.7.2 Custom Classes and JSON Methods
• 6.7.3 JSON Object and Arrays
• 6.7.4 JSON Format and Arrays
• 6.7.5 Custom Classes and Arrays

• 7 Changes Using Ajax
• 7.1 Hello Ajax
• 7.2 Sending Parameters
• 7.3 Reading an XML File
• 7.3.1 Single Object
• 7.3.2 Collection of Objects
• 7.3.3 Search Suggestions
• 7.4 Reading a JSON File
• 7.4.1 Single Object
• 7.4.2 Collection of Objects

• 8 Design Using Cascading Style Sheets
• 8.1 Structure and Rules
• 8.1.1 Locations and Selectors
• 8.1.2 Combinations
• 8.1.3 Cascading and Overlaying
• 8.2 Changing Properties
• 8.2.1 Position
• 8.2.2 Size
• 8.2.3 Position in the Z Direction
• 8.2.4 Transparency
• 8.2.5 Visibility
• 8.2.6 Color
• 8.3 Additional Options
• 8.3.1 Transparency when Changing Images
• 8.3.2 Visibility of a Menu
• 8.3.3 Animated Throw

• 9 Two-Dimensional Graphics and Animations Using SVG
• 9.1 Creating an SVG File
• 9.2 Basic Shapes
• 9.2.1 Rectangles
• 9.2.2 Circles and Ellipses
• 9.2.3 Lines, Polylines, and Polygons
• 9.3 Paths
• 9.3.1 Filled Paths
• 9.3.2 Groups and Paths
• 9.3.3 Paths with Curves
• 9.4 Animations
• 9.4.1 Procedure
• 9.4.2 Time Control
• 9.4.3 Event Control
• 9.5 Rotations
• 9.6 SVG and JavaScript
• 9.7 Dynamic SVG Elements
• 9.7.1 Sequence of the Animation
• 9.7.2 Creating the Start State
• 9.7.3 Creating Animations

• 10 Three-Dimensional Graphics and Animations Using Three.js
• 10.1 First 3D Graphic
• 10.1.1 3D Coordinate System
• 10.1.2 Structure of the Program
• 10.1.3 3D Object with Geometry and Material
• 10.1.4 Camera
• 10.1.5 Canvas and Scenes
• 10.2 Moving the Camera
• 10.3 Animation
• 10.4 Various Shapes

• 11 jQuery
• 11.1 Structure
• 11.2 Selectors and Methods
• 11.3 Events
• 11.4 Animations
• 11.5 Example: Sinusoidal Movement
• 11.6 jQuery and Ajax

• 12 Mobile Apps Using Onsen UI
• 12.1 Structure of a Page
• 12.1.1 First Page
• 12.1.2 List of Elements
• 12.1.3 Table with Items
• 12.2 Elements within a Page
• 12.2.1 Icons and Floating Action Buttons
• 12.2.2 Standard Dialogs
• 12.2.3 Input Fields
• 12.2.4 Selection Fields
• 12.2.5 Selection from a Number Range

• 13 Mathematical Expressions Using MML and MathJax
• 13.1 Basic Elements
• 13.2 Parentheses and Tables
• 13.3 Summarizing Expressions
• 13.4 Fractions
• 13.5 Mathematical Symbols
• 13.6 Dynamically Generated Expressions

• 14 Sample Projects
• 14.1 Financial Investment
• 14.2 Fitness Values
• 14.3 Fun Run
• 14.4 Solitaire
• 14.5 Concentration
• 14.6 Snake

• 15 Media, Drawings, and Sensors
• 15.1 Playing Media Files
• 15.1.1 Audio Files
• 15.1.2 Video Files
• 15.2 Canvas
• 15.2.1 Drawings
• 15.2.2 Images
• 15.2.3 Formatted Texts
• 15.3 Sensors
• 15.3.1 Geolocation
• 15.3.2 Waytracking
• 15.3.3 Position Sensor
• 15.3.4 Acceleration Sensor

• A Installation and Keywords
• A.1 Installation of the XAMPP Package
• A.1.1 Installation on Windows
• A.1.2 Installation on Ubuntu Linux
• A.1.3 Installation on macOS
• A.2 List of Keywords

• B The Author

• Index

Descargo de responsabilidad

SAP, otros productos SAP y servicios mencionados aquí así como sus respectivos logos son marca registrada de SAP SE (o una compañía afiliada de SAP) en Alemania y otros países. Nuestra compañía no está afiliada con SAP SE ni con ninguna de sus compañías afiliadas incluyendo pero no limitada a: Sybase, Business Objects, Hybris, Ariba y SuccessFactors. Todos los otros nombres, marcas, logos, etc. son marcas o servicios registrados de sus respectivos propietarios.