| |
| |
| Preface | |
| |
| |
| Before You Begin | |
| |
| |
| |
| Introduction to Computers and the Internet | |
| |
| |
| |
| Introduction | |
| |
| |
| |
| The Internet in Industry and Research | |
| |
| |
| |
| HTML5, CSS3, JavaScript, Canvas and jQuery | |
| |
| |
| |
| Demos | |
| |
| |
| |
| Evolution of the Internet and World Wide Web | |
| |
| |
| |
| Web Basics | |
| |
| |
| |
| Multitier Application Architecture | |
| |
| |
| |
| Client-Side Scripting versus Server-Side Scripting | |
| |
| |
| |
| World Wide Web Consortium (W3C) | |
| |
| |
| |
| Web 2.0: Going Social | |
| |
| |
| |
| Data Hierarchy | |
| |
| |
| |
| Operating Systems | |
| |
| |
| |
| Desktop and Notebook Operating Systems | |
| |
| |
| |
| Mobile Operating Systems | |
| |
| |
| |
| Types of Programming Languages | |
| |
| |
| |
| Object Technology | |
| |
| |
| |
| Keeping Up-to-Date with Information Technologies | |
| |
| |
| |
| Introduction to HTML5: Part 1 | |
| |
| |
| |
| Introduction | |
| |
| |
| |
| Editing HTML5 | |
| |
| |
| |
| First HTML5 Example | |
| |
| |
| |
| W3C HTML5 Validation Service | |
| |
| |
| |
| Headings | |
| |
| |
| |
| Linking | |
| |
| |
| |
| Images | |
| |
| |
| |
| Alt Attribute | |
| |
| |
| |
| Void Elements | |
| |
| |
| |
| Using Images as Hyperlinks | |
| |
| |
| |
| Special Characters and Horizontal Rules | |
| |
| |
| |
| Lists | |
| |
| |
| |
| Tables | |
| |
| |
| |
| Forms | |
| |
| |
| |
| Internal Linking | |
| |
| |
| |
| Meta Elements | |
| |
| |
| |
| Web Resources | |
| |
| |
| |
| Introduction to HTML5: Part 2 | |
| |
| |
| |
| Introduction | |
| |
| |
| |
| New HTML5 Form input Types | |
| |
| |
| |
| Input Type color | |
| |
| |
| |
| Input Type date | |
| |
| |
| |
| Input Type datetime | |
| |
| |
| |
| Input Type datetime-local | |
| |
| |
| |
| Input Type email | |
| |
| |
| |
| Input Type month | |
| |
| |
| |
| Input Type number | |
| |
| |
| |
| Input Type range | |
| |
| |
| |
| Input Type search | |
| |
| |
| |
| Input Type tel | |
| |
| |
| |
| Input Type time | |
| |
| |
| |
| Input Type url | |
| |
| |
| |
| Input Type week | |
| |
| |
| |
| Input and datalist Elements and autocomplete Attribute | |
| |
| |
| |
| Input Element autocomplete Attribute | |
| |
| |
| |
| Datalist Element | |
| |
| |
| |
| Page-Structure Elements | |
| |
| |
| |
| Header Element | |
| |
| |
| |
| Nav Element | |
| |
| |
| |
| Figure Element and figcaption Element | |
| |
| |
| |
| Article Element | |
| |
| |
| |
| Summary Element and details Element | |
| |
| |
| |
| Section Element | |
| |
| |
| |
| Aside Element | |
| |
| |
| |
| Meter Element | |
| |
| |
| |
| Footer Element | |
| |
| |
| |
| Text-Level Semantics: mark Element and wbr Element | |
| |
| |
| |
| Introduction to Cascading Style Sheets� (CSS): Part 1 | |
| |
| |
| |
| Introduction | |
| |
| |
| |
| Inline Styles | |
| |
| |
| |
| Embedded Style Sheets | |
| |
| |
| |
| Conflicting Styles | |
| |
| |
| |
| Linking External Style Sheets | |
| |
| |
| |
| Positioning Elements: Absolute Positioning, z-index | |
| |
| |
| |
| Positioning Elements: Relative Positioning, span | |
| |
| |
| |
| Backgrounds | |
| |
| |
| |
| Element Dimensions | |
| |
| |
| |
| Box Model and Text Flow | |
| |
| |
| |
| Media Types and Media Queries | |
| |
| |
| |
| Drop-Down Menus | |
| |
| |
| |
| (Optional) User Style Sheets | |
| |
| |
| |
| Web Resources | |
| |
| |
| |
| Introduction to Cascading Style Sheets� (CSS): Part 2 | |
| |
| |
| Introduction | |
| |
| |
| Text Shadows | |
| |
| |
| Rounded Corners | |
| |
| |
| Color | |
| |
| |
| Box Shadows | |
| |
| |
| Linear Gradients; Introducing Vendor Prefixes | |
| |
| |
| Radial Gradients | |
| |
| |
| (Optional: WebKit Only) Text Stroke | |
| |
| |
| Multiple Background Images | |
| |
| |
| (Optional: WebKit Only) Reflections | |
| |
| |
| Image Borders | |
| |
| |
| Animation; Selectors | |
| |
| |
| Transitions and Transformations | |
| |
| |
| Transition and transform Properties | |
| |
| |
| Skew | |
| |
| |
| Transitioning Between Images | |
| |
| |
| Downloading Web Fonts and the @font-face Rule | |
| |
| |
| Flexible Box Layout Module and :nth-child Selectors | |
| |
| |
| Multicolumn Layout | |
| |
| |
| Media Queries | |
| |
| |
| Web Resources | |
| |
| |
| JavaScript: Introduction to Scripting | |
| |
| |
| Introduction | |
| |
| |
| Your First Script: Displaying a Line of Text with JavaScript in a Web Page | |
| |
| |
| Modifying Your First Script | |
| |
| |
| Obtaining User Input with prompt Dialogs | |
| |
| |
| Dynamic Welcome Page | |
| |
| |
| Adding Integers | |
| |
| |
| Memory Concepts | |
| |
| |
| Arithmetic | |
| |
| |
| Decision Making: Equality and Relational Operators | |
| |
| |
| Web Resources | |
| |
| |
| JavaScript: Control Statements I | |
| |
| |
| Introduction | |
| |
| |
| Algorithms | |
| |
| |
| Pseudocode | |
| |
| |
| Control Statements | |
| |
| |
| If Selection Statement | |
| |
| |
| If�else Selection Statement | |
| |
| |
| While Repetition Statement | |
| |
| |
| Formulating Algorithms: Counter-Controlled Repetition | |
| |
| |
| Formulating Algorithms: Sentinel-Controlled Repetition | |
| |
| |
| Formulating Algorithms: Nested Control Statements | |
| |
| |
| Assignment Operators | |
| |
| |
| Increment and Decrement Operators | |
| |
| |
| Web Resources | |
| |
| |
| Introduction | |
| |
| |
| Essentials of Counter-Controlled Repetition | |
| |
| |
| For Repetition Statement | |
| |
| |
| Examples Using the for Statement | |
| |
| |
| Switch Multiple-Selection Statement | |
| |
| |
| Do�while Repetition Statement | |
| |
| |
| Programmer-Defined Function square | |
| |
| |
| Programmer-Defined Function maximum | |
| |
| |
| Scaling and Shifting Random Numbers | |
| |
| |
| Displaying Random Images | |
| |
| |
| Rolling Dice Repeatedly and Displaying Statistics | |
| |
| |
| Recursion vs. Iteration | |
| |
| |
| Introduction | |
| |
| |
| Arrays | |
| |
| |
| Declaring and Allocating Arrays | |
| |
| |
| Examples Using Arrays | |
| |
| |
| Creating, Initializing and Growing Arrays | |
| |
| |
| Initializing Arrays with Initializer Lists | |
| |
| |
| Summing the Elements of an Array with for and for�in | |
| |
| |
| Using the Elements of an Array as Counters | |
| |
| |
| Fundamentals of Characters and Strings | |
| |
| |
| Methods of the String Object | |
| |
| |
| Character-Processing Methods | |
| |
| |
| Searching Methods | |
| |
| |
| Splitting Strings and Obtaining Substrings | |
| |
| |
| Scale and translate Methods: Drawing Ellipses | |
| |
| |
| Rotate Method: Creating an Animation | |
| |
| |
| Transform Method: Drawing Skewed Rectangles | |
| |
| |
| HTML5 Document | |
| |
| |
| Instance Variables and Constants | |
| |
| |
| Function setupGame | |
| |
| |
| Functions startTimer and stopTimer | |
| |
| |
| Function resetElements | |
| |
| |
| Function newGame | |
| |
| |
| Function updatePositions: Manual Frame-by-Frame Animation and Simple Collision Detection | |
| |
| |
| Function fireCannonball | |
| |
| |
| Function alignCannon | |
| |
| |
| Function draw | |
| |
| |
| Function showGameOverDialog | |
| |
| |
| MathML� | |