book

JavaScript: A Beginner's Guide, Fifth Edition, 5th Edition

Name: JavaScript: A Beginner's Guide, Fifth Edition, 5th Edition
Author: John Pollock
ISBN: 9781260457698

by John Pollock

November 2019

Beginner

560 pages

13h 36m

English

McGraw-Hill

Read now

Unlock full access

Cover
Title Page
Copyright Page
Dedication
Contents
ACKNOWLEDGMENTS
INTRODUCTION
1 Introduction to JavaScript
What You Need to KnowBasic HTML and CSS KnowledgeBasic Text Editor and Web Browser KnowledgeWhich Version?Client-Side and Server-Side ProgrammingBeginning with JavaScriptPrototype-BasedInterpreted LanguageNumerous EnvironmentsPutting It All TogetherOnline ResourcesTry This 1-1: Use JavaScript to Write TextChapter 1 Self Test
2 Placing JavaScript in an HTML File
Using the HTML Script TagsIdentifying the Scripting LanguageCalling External ScriptsSpecifying when the Script Should LoadUsing <noscript></noscript> TagsCreating Your First ScriptWriting a “Hello World” ScriptCreating an HTML Document for the ScriptInserting the Script into the HTML DocumentTry This 2-1: Insert a Script into an HTML DocumentUsing External JavaScript FilesCreating a JavaScript FileCreating the HTML FilesViewing the Pages in Your BrowserTry This 2-2: Call an External Script from an HTML DocumentUsing JavaScript CommentsInserting Comments on One LineAdding Multiple-Line CommentsChapter 2 Self Test
3 Using Variables
Understanding VariablesWhy Variables Are UsefulVariables as Placeholders for Unknown ValuesVariables as Time-SaversVariables as Code ClarifiersDefining Variables for Your ScriptsDeclaring VariablesAssigning Values to VariablesNaming VariablesUnderstanding Data TypesNumberStringBooleanNullUndefinedSymbolObjectTry This 3-1: Declare VariablesUsing Variables in ScriptsMaking a Call to a VariableAdding Variables to Text StringsWriting a Page of JavaScriptCreating the FrameworkDefining the VariablesAdding the CommandsModifying the PageTry This 3-2: Create an HTML Page with JavaScriptChapter 3 Self Test

4 Using Functions
What a Function IsWhy Functions Are UsefulStructuring FunctionsDeclaring FunctionsDefining the Code for FunctionsNaming FunctionsAdding Arguments to FunctionsAdding Return Statements to FunctionsCalling Functions in Your ScriptsScript Tags: Head Section or Body SectionCalling a Function from Another FunctionCalling Functions with ArgumentsCalling Functions with Return StatementsOther Ways to Define FunctionsTry This 4-1: Create an HTML Page with FunctionsScope/Context BasicsGlobal ContextFunction ContextBlock ContextTry This 4-2: Write Your Own FunctionsChapter 4 Self Test
5 JavaScript Operators
Understanding the Operator TypesUnderstanding Arithmetic OperatorsThe Addition Operator (+)The Subtraction Operator (–)The Multiplication Operator (*)The Division Operator (/)The Modulus Operator (%)The Increment Operator (++)The Decrement Operator (– –)The Unary Plus Operator (+)The Unary Negation Operator (–)The Exponentiation OperatorUnderstanding Assignment OperatorsThe Assignment Operator (=)The Add-and-Assign Operator (+=)The Subtract-and-Assign Operator (–=)The Multiply-and-Assign Operator (*=)The Divide-and-Assign Operator (/=)The Modulus-and-Assign Operator (%=)The Exponent-and-Assign Operator (**=)Try This 5-1: Adjust a Variable ValueUnderstanding Comparison OperatorsThe Is-Equal-To Operator (==)The Is-Not-Equal-To Operator (!=)The Strict Is-Equal-To Operator (===)The Strict Is-Not-Equal-To Operator (!==)The Is-Greater-Than Operator (>)The Is-Less-Than Operator (<)The Is-Greater-Than-or-Equal-To Operator (>=)The Is-Less-Than-or-Equal-To Operator (<=)Understanding Logical OperatorsThe AND Operator (&&)The OR Operator (||)The NOT Operator (!)The Bitwise OperatorsSpecial OperatorsUnderstanding Order of OperationsTry This 5-2: True or False?Chapter 5 Self Test
6 Conditional Statements and Loops
Defining Conditional StatementsWhat Is a Conditional Statement?Why Conditional Statements Are UsefulUsing Conditional StatementsUsing if/else StatementsUsing the switch StatementUsing the Conditional OperatorUser Input from a PromptTry This 6-1: Work with User InputDefining LoopsWhat Is a Loop?Why Loops Are UsefulUsing Loopsforwhiledo whilefor in, for each in, and for ofUsing break and continueTry This 6-2: Work with for Loops and while LoopsChapter 6 Self Test
7 JavaScript Arrays
What Is an Array?Why Arrays Are UsefulDefining and Accessing ArraysNaming an ArrayDefining an ArrayAccessing an Array’s ElementsUsing the length Property and LoopsChanging Array Values and Changing the LengthTry This 7-1: Use Loops with ArraysArray Properties and MethodsPropertiesMethodsNesting ArraysDefining Nested ArraysLoops and Nested ArraysTry This 7-2: Nested Arrays PracticeChapter 7 Self Test
8 Objects
Defining ObjectsCreating ObjectsNamingSingle ObjectsTry This 8-1: Create a Computer ObjectObject StructuresConstructor FunctionsUsing PrototypesThe class KeywordHelpful Statements for ObjectsThe for-in LoopThe with StatementTry This 8-2: Practice with the Combination Constructor/Prototype PatternUnderstanding Predefined JavaScript ObjectsThe Navigator ObjectThe History ObjectChapter 8 Self Test
9 The Document Object
Defining the Document ObjectUsing the Document Object ModelUsing the Properties of the Document ObjectCollectionsThe cookie PropertyThe dir PropertyThe lastModified PropertyThe referrer PropertyThe title PropertyThe URL PropertyThe URLUnencoded PropertyUsing the Methods of the Document ObjectThe get Methods for ElementsThe open() and close() MethodsThe write() and writeln() MethodsUsing DOM NodesDOM Node PropertiesDOM Node MethodsTry This 9-1: Add a DOM Node to the DocumentCreating Dynamic ScriptsStyles in JavaScriptSimple Event HandlingCoding a Dynamic ScriptTry This 9-2: Try Out Property ChangesChapter 9 Self Test
10 Event Handlers
What Is an Event Handler?Why Event Handlers Are UsefulUnderstanding Event Handler Locations and UsesUsing an Event Handler in an HTML ElementUsing an Event Handler in the Script CodeLearning the EventsThe Click EventFocus and Blur EventsThe Load and Unload EventsThe Reset and Submit EventsThe Mouse EventsThe Keyboard EventsTry This 10-1: Focus and BlurOther Ways to Register EventsThe addEventListener() MethodThe attachEvent() MethodThe Event ObjectDOM and Internet Explorer: DOM Level 0 RegistrationUsing event with Modern Event RegistrationProperties and MethodsEvent InformationTry This 10-2: Using addEventListener()Creating Scripts Using Event HandlersShow Hidden ContentChange ContentCustom EventsChapter 10 Self Test
11 Introduction to Node.js
Introducing Node.jsInstalling Node.jsCheck for a Current InstallationInstall Node.jsWrite a “Hello World” ScriptUsing Node ModulesUsing Native Node ModulesAsynchronous ExecutionNon-Native ModulesTry This 11-1: Use a Custom ModuleInstalling a DatabaseDatabase OptionsInstall PostgreSQLCreate a Database Using pgAdminTry This 11-2: Test Some SQL QueriesCreating a Web ServerChapter 11 Self Test
12 Math, Number, and Date Objects
Using the Math ObjectWhat Is the Math Object?How the Math Object Is UsefulPropertiesMethodsTry This 12-1: Display a Random Link on a PageUnderstanding the Number ObjectPropertiesMethodsUsing the Date ObjectProperties and MethodsMethods That Get ValuesMethods That Set ValuesOther MethodsHow About Some Date Scripts?Try This 12-2: Create a JavaScript ClockContinuing ProjectGetting to the Needed DataRunning Some Calculations on the ResultsChapter 12 Self Test
13 Handling Strings
Introduction to the String ObjectThe String ObjectThe String LiteralWhat’s the Difference?Using the Properties and Methods of the String ObjectThe length PropertyMethods of the String ObjectTry This 13-1: Use indexOf() to Test an AddressUsing CookiesSetting a CookieReading a CookieTry This 13-2: Remember a NameUsing Regular ExpressionsCreating Regular ExpressionsTesting Strings Against Regular ExpressionsAdding FlagsCreating Powerful PatternsGrouping ExpressionsThe replace(), match(), matchAll(), and search() MethodsMore InformationContinuing ProjectChapter 13 Self Test
14 Browser-Based JavaScript
Window: The Global ObjectUsing the Properties of the Window ObjectThe closed PropertyThe frames PropertyThe innerWidth and innerHeight PropertiesThe length PropertyThe location PropertyThe name PropertyThe opener PropertyThe parent, self, and top PropertiesThe status and defaultStatus PropertiesTry This 14-1: Use the location and innerWidth PropertiesUsing the Methods of the Window ObjectThe alert(), prompt(), and confirm() MethodsThe print() MethodThe setInterval() and clearInterval() MethodsThe setTimeout() and clearTimeout() MethodsTry This 14-2: Use the setTimeout() and confirm() MethodsThe Main Window and New WindowsThe Tale of Pop-up WindowsOpening New WindowsClosing New WindowsMoving, Resizing, and Scrolling New WindowsThe resizeBy() and resizeTo() MethodsThe scrollBy() and ScrollTo() MethodsWorking with ImagesRolloversJavaScript and FramesPurpose of FramesAccessing FramesBreaking Out of FramesUsing iFramesChapter 14 Self Test
15 JavaScript Forms and Data
Accessing FormsUsing the forms ArrayUsing an IDUsing the Properties and Methods of the Form ObjectPropertiesMethodsEnsuring the Accessibility of FormsUsing Proper Element and Label OrderUsing <label></label> TagsUsing <fieldset></fieldset> TagsNot Assuming Client-Side ScriptingValidationSimple ValidationTechniquesCheck Boxes and Radio ButtonsTry This 15-1: Request a NumberHTML5 and FormsNew ElementsNew Input TypesNew AttributesHTML5 Form ValidationTry This 15-2: Validate a Phone Number with HTML5 or JavaScriptAJAX and JSONAJAXJSONChapter 15 Self Test
16 Further Browser-Based JavaScript
Using jQueryObtaining jQueryGetting Started: document.ready()Using SelectorsAltering ClassesMethods for EffectsFurther ReadingTry This 16-1: Use jQuery to Create EffectsDebugging ScriptsTypes of ErrorsUsing the ConsoleUsing a Lint ToolBrowser Developer ToolsJavaScript and AccessibilitySeparate Content from PresentationEnhancing ContentTry This 16-2: Make This Code AccessibleJavaScript SecurityPage ProtectionJavaScript and APIs from HTMLThe <canvas> ElementDrag and DropTry This 16-3: Drag and DropNode.js App CompletionUpdate the Node.js CodeUpdate the Front-end CodeNeed Help?Chapter 16 Self Test
A Answers to Self Tests
Chapter 1: Introduction to JavaScriptChapter 2: Placing JavaScript in an HTML FileChapter 3: Using VariablesChapter 4: Using FunctionsChapter 5: JavaScript OperatorsChapter 6: Conditional Statements and LoopsChapter 7: JavaScript ArraysChapter 8: ObjectsChapter 9: The Document ObjectChapter 10: Event HandlersChapter 11: Introduction to Node.jsChapter 12: Math, Number, and Date ObjectsChapter 13: Handling StringsChapter 14: Browser-Based JavaScriptChapter 15: JavaScript Forms and DataChapter 16: Further Browser-Based JavaScript
Index

Content preview from JavaScript: A Beginner's Guide, Fifth Edition, 5th Edition

Chapter 2 Placing JavaScript in an HTML File

Key Skills & Concepts

• Using the HTML Script Tags

• Creating Your First Script

• Using External JavaScript Files

• Using JavaScript Comments

Now that you have been introduced to JavaScript, you’re ready to start coding. This chapter introduces front-end (browser-based) JavaScript, while Chapter 3 will introduce how JavaScript can be used with Node.js.

Since front-end JavaScript code is included in HTML documents, you need to know how to tell Web browsers to run your scripts. The most common way to set off a script is to use the HTML <script> and </script> tags in your document. You can place your script tags in either the head or the body section of an HTML document.

This chapter first shows ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Javascript Absolute Beginner's Guide, 3rd Edition

Publisher Resources

ISBN: 9781260457698

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

JavaScript: A Beginner's Guide, Fifth Edition, 5th Edition

by John Pollock

Chapter 2