Introduction to JavaScript Programming

<div class="c-un-numbered-headers-and-contents-list__container"> <ol> <li><strong>A Gentle Introduction</strong> <ul> <li>1.1 Introducing Karel</li> <li>1.2 Teaching Karel to solve problems</li> <li>1.3 Control statements</li> <li>1.4 Stepwise refinement</li> <li>1.5 Algorithms in Karel’s world</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Introducing JavaScript</strong> <ul> <li>2.1 Data and types</li> <li>2.2 Numeric data</li> <li>2.3 Variables</li> <li>2.4 Functions</li> <li>2.5 String data</li> <li>2.6 Running JavaScript in the browser</li> <li>2.7 Testing and debugging</li> <li>2.8 Software maintenance</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Control Statements</strong> <ul> <li>3.1 Boolean Data</li> <li>3.2 The if statement</li> <li>3.3 The switch statement</li> <li>3.4 The while statement</li> <li>3.5 The for statement</li> <li>3.6 Algorithmic programming</li> <li>3.7 Avoiding fuzzy standards of truth</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Simple Graphics</strong> <ul> <li>4.1 A graphical version of “Hello World”</li> <li>4.2 Classes, objects, and methods</li> <li>4.3 Graphical objects</li> <li>4.4 The graphics window</li> <li>4.5 Creating graphical applications</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Functions</strong> <ul> <li>5.1 A quick review of functions</li> <li>5.2 Libraries</li> <li>5.3 A library to support randomness</li> <li>5.4 The mechanics of function calls</li> <li>5.5 Recursive functions</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Writing Interactive Programs</strong> <ul> <li>6.1 First-class functions</li> <li>6.2 A simple interactive example</li> <li>6.3 Controlling properties of objects</li> <li>6.4 Responding to mouse events</li> <li>6.5 Timer-based animation</li> <li>6.6 Expanding the graphics library</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Strings</strong> <ul> <li>7.1 Binary representation</li> <li>7.2 String operations</li> <li>7.3 Classifying characters</li> <li>7.4 Common string patterns</li> <li>7.5 String applications</li> <li>7.6 Reading from the console</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Arrays</strong> <ul> <li>8.1 Introduction to arrays</li> <li>8.2 Array operations</li> <li>8.3 Using arrays for tabulation</li> <li>8.4 Reading text from files</li> <li>8.5 Multidimensional arrays</li> <li>8.6 Image processing</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Objects</strong> <ul> <li>9.1 Objects in JavaScript</li> <li>9.2 Using objects as maps</li> <li>9.3 Representing points</li> <li>9.4 Rational numbers</li> <li>9.5 Linking objects together</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Designing Data Structures</strong> <ul> <li>10.1 Abstract data types</li> <li>10.2 Implementing a token scanner</li> <li>10.3 Efficiency and representation</li> <li>10.4 Representing real-world data</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>Inheritance</strong> <ul> <li>11.1 Class hierarchies</li> <li>11.2 Defining an employee hierarchy</li> <li>11.3 Extending graphical classes</li> <li>11.4 Decomposition and inheritance</li> <li>11.5 Alternatives to inheritance</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> <li><strong>JavaScript and the Web</strong> <ul> <li>12.1 A simple interactive example</li> <li>12.2 An expanded look at HTML</li> <li>12.3 Controlling style using CSS</li> <li>12.4 Connecting JavaScript and HTML</li> <li>12.5 Storing data in the index.html file</li> </ul> <ul> <li>Summary</li> <li>Review questions</li> <li>Exercises</li> </ul></li> </ol> </div>