HTML, CSS, & JavaScript All-in-One For Dummies

HTML, CSS, & JavaScript All-in-One For Dummies

by Paul McFedries
Released August 2023
Publisher(s): For Dummies
ISBN: 9781394164684

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

A thorough and helpful reference for aspiring website builders

Looking to start an exciting new career in front-end web building and design? Or maybe you just want to develop a new skill and create websites for fun. Whatever your reasons, it’s never been easier to start learning how to build websites from scratch than with help from HTML, CSS, & JavaScript All-in-One For Dummies. This book has the essentials you need to wrap your head around the key ingredients of website design and creation.

You’ll learn to build attractive, useful, and easy-to-navigate websites by combining HTML, CSS, and JavaScript into fun and practical creations. Using the 6 books compiled within this comprehensive collection, you’ll discover how to make static and dynamic websites, complete with intuitive layouts and cool animations. The book also includes:

  • Incorporate the latest approaches to HTML, CSS, and JavaScript, including those involving new markup, page styles, interactivity, and more
  • Step-by-step instructions for new site creators explaining the very basics of page layouts and animations
  • Easy-to-follow advice for adjusting page color and background, adding widgets to a site, and getting rid of all the bugs that affect site performance
  • Bonus 6th book available at https://www.wiley.com/en-us/HTML%2C+CSS%2C+%26amp%3B+JavaScript+All+in+One+For+Dummies-p-9781394164721. 

Web development is a fun, interesting, and challenging skill that can lead to a lucrative career (if you’re so inclined). And with the right help, almost anyone can learn to create engaging websites from scratch. So, grab a copy of HTML, CSS, & JavaScript All-in-One For Dummies and you’ll be designing and building before you know it!

Table of contents

  1. Cover
  2. Title Page
  3. Copyright
  4. Introduction
    1. About This Book
    2. Foolish Assumptions
    3. Icons Used in This Book
    4. Beyond the Book
  5. Book 1: Getting Started
    1. Chapter 1: Getting Acquainted with HTML, CSS, and JavaScript
      1. What Do HTML, CSS, and JavaScript Do, Exactly?
      2. Why Learn HTML, CSS, and JavaScript?
      3. Seeing How It All Works
      4. Adding Structure with HTML
      5. Adding Style with CSS
      6. Adding Dynamism with JavaScript
    2. Chapter 2: Getting Ready to Code
      1. Setting Up Your Test Browsers
      2. Creating Your Local Folders
      3. Choosing Your Text Editor
      4. What Else Do You Need?
      5. Using the WebDev Workbench
    3. Chapter 3: Finding and Setting Up a Web Host
      1. Understanding Web Hosting Providers
      2. A Buyer’s Guide to Web Hosting
      3. Finding a Web Host
      4. Finding Your Way around Your New Web Home
    4. Chapter 4: Testing and Validating Your Code
      1. Cross-Browser Testing Your Code
      2. Understanding Validation
      3. Don’t Skip Validation!
      4. Validating Your HTML Code
      5. Validating Your CSS Code
      6. Validating Your JavaScript Code
  6. Book 2: Learning HTML Basics
    1. Chapter 1: Building Good Bones: Structuring the Page
      1. Getting to Know HTML’s Basic Structure Tags
      2. Carving Up the Page
      3. Commenting Your Code
    2. Chapter 2: Adding Links, Lists, and Other Text Tidbits
      1. Applying the Basic Text Tags
      2. Creating Links
      3. Building Bulleted and Numbered Lists
      4. Inserting Special Characters
      5. A Few More HTML Text Tags to Know
    3. Chapter 3: Working with Images, Video, and other Media
      1. Inserting Images
      2. Embedding Videos
      3. Embedding Audio Snippets
    4. Chapter 4: Building Tables with Your Bare Hands
      1. What Is a Table?
      2. Web Woodworking: How to Build a Table
      3. Adding More Table Elements
      4. Table Refinishing: Styling Your Tables
    5. Chapter 5: Using Forms to Make a Page Interactive
      1. What Is a Web Form?
      2. Building a Web Form
    6. Chapter 6: Making Your Web Pages Accessible
      1. Why to Make Your Pages Accessible
      2. Understanding Web Accessibility
      3. Making Your Page Structure Accessible
      4. Making Text Accessible
      5. Making Media Accessible
      6. Buffing Up Your Page Accessibility Semantics
      7. Making Your Pages Keyboard-Friendly
      8. Ensuring Sufficient Color Contrast
      9. Validating the Accessibility of a Page
  7. Book 3: Learning CSS Basics
    1. Chapter 1: Figuring Out the CSS Box Model
      1. Thinking Outside (but Also Inside) the Box Model
      2. A Brief Digression on Whitespace
      3. Adding Padding
      4. Putting a Border on It
      5. Manipulating Element Margins
      6. Styling Element Sizes
    2. Chapter 2: Getting to Know the CSS Selectors
      1. Introducing Yourself to the Web Page Family
      2. What’s All This About a Selector?
      3. Learning the Standard Selectors
      4. Selecting Descendants, Children, and Siblings
      5. Selecting Elements by Attribute
    3. Chapter 3: Pseudo School: Learning Pseudo-Classes and Pseudo-Elements
      1. Scratching Your Head Over Pseudo-Classes
      2. Getting Up to Speed with Pseudo-Elements
    4. Chapter 4: Making CSS Make Sense
      1. Commenting Your CSS Code
      2. Using a CSS Reset
      3. Debugging CSS
      4. Popping the Hood: How Styles Get Applied
    5. Chapter 5: Taking the Measure of CSS
      1. Getting Comfy with CSS Measurement Units
      2. Checking Out the Absolute Measurement Units
      3. Getting to Know the Relative Measurement Units
      4. Here's Looking at View(port Measurement Units)
      5. Calculating with CSS
    6. Chapter 6: Fancifying Pages with Colors and Backgrounds
      1. Specifying Colors in CSS
      2. Using Color to Spruce Up Your Text
      3. Styling an Element’s Background
      4. Impressing Your Friends with Color Gradients
      5. Setting Border Colors
      6. Playing with Colors in the Dev Tools
    7. Chapter 7: Taking Your Text Up a Notch with Web Typography
      1. Taking Care of Your Text
      2. The Typographic Trinity: Setting Type Size, Line Height, and Line Length
      3. Applying Text Styles
      4. More Typographical Trickery
      5. Giving Your Links a Makeover
      6. Messing with Alignment
  8. Book 4: Building Dynamic Pages with JavaScript
    1. Chapter 1: JavaScript: The Bird’s-Eye View
      1. What Is Web Coding?
      2. What Is a Programming Language?
      3. Is JavaScript Hard to Learn?
      4. What You Can Do with JavaScript
      5. What You Can’t Do with JavaScript
      6. What Do You Need to Get Started?
      7. Dealing with a Couple of Exceptional Cases
      8. Adding Comments to Your Code
      9. Creating External JavaScript Files
    2. Chapter 2: Understanding Variables
      1. Understanding Variables
      2. Naming Variables: Rules and Best Practices
      3. Understanding Literal Data Types
      4. JavaScript Reserved Words
      5. JavaScript and HTML Keywords
    3. Chapter 3: Building Expressions
      1. Understanding Expression Structure
      2. Building Numeric Expressions
      3. Building String Expressions
      4. Building Comparison Expressions
      5. Building Logical Expressions
      6. Understanding Operator Precedence
    4. Chapter 4: Controlling the Flow of JavaScript
      1. Making True/False Decisions with if Statements
      2. Branching with if…else Statements
      3. Making Multiple Decisions
      4. Understanding Code Looping
      5. Using while Loops
      6. Using for Loops
      7. Using do…while Loops
      8. Controlling Loop Execution
      9. Avoiding Infinite Loops
    5. Chapter 5: Harnessing the Power of Functions
      1. What Is a Function?
      2. The Structure of a Function
      3. Where Do You Put a Function?
      4. Calling a Function
      5. Passing Values to Functions
      6. Returning a Value from a Function
      7. Getting Your Head around Anonymous Functions
      8. Moving to Arrow Functions
      9. Running Functions in the Future
      10. Understanding Variable Scope
      11. Using Recursive Functions
    6. Chapter 6: Playing with the Document Object Model
      1. Working with Objects
      2. Getting to Know the Document Object Model
      3. Specifying Elements
      4. Traversing the DOM
      5. Manipulating Elements
      6. Modifying CSS with JavaScript
      7. Tweaking HTML Attributes with JavaScript
      8. Building Reactive Pages with Events
    7. Chapter 7: Working with Arrays
      1. What Is an Array?
      2. Declaring an Array
      3. Populating an Array with Data
      4. How Do I Iterate Thee? Let Me Count the Ways
      5. Creating Multidimensional Arrays
      6. Manipulating Arrays
    8. Chapter 8: Manipulating Strings, Dates, and Numbers
      1. Manipulating Text with the String Object
      2. Dealing with Dates and Times
      3. Working with Numbers: The Math Object
    9. Chapter 9: Storing User Data in the Browser
      1. Understanding Web Storage
      2. Introducing JSON
      3. Adding Data to Web Storage
      4. Getting Data from Web Storage
      5. Removing Data from Web Storage
    10. Chapter 10: Debugging Your Code
      1. Understanding JavaScript’s Error Types
      2. Getting to Know Your Debugging Tools
      3. Debugging with the Console
      4. Pausing Your Code
      5. Stepping Through Your Code
      6. Monitoring Script Values
      7. More Debugging Strategies
      8. The Ten Most Common JavaScript Errors
      9. The Ten Most Common JavaScript Error Messages
    11. Chapter 11: Processing Form Data
      1. Looking at the HTMLFormElement Object
      2. Taking a Peek at the HTMLInputElement Object
      3. Programming Text Fields
      4. Coding Checkboxes
      5. Dealing with Radio Buttons
      6. Programming Selection Lists
      7. Handling and Triggering Form Events
      8. Creating Keyboard Shortcuts for Form Controls
      9. Dealing with the Form Data
  9. Book 5: Looking Good with Layouts
    1. Chapter 1: Exploring Some Layout Basics
      1. Getting a Grip on Page Flow
      2. Floating Elements
      3. Positioning Elements
      4. Stacking Elements
    2. Chapter 2: Getting Fancy with Flexbox
      1. Introducing Flexbox
      2. Do I Still Need Flexbox Now That CSS Grid Is Here?
      3. Setting Up and Configuring Flex Containers
      4. Taking Control of Flex Items
    3. Chapter 3: Laying Out a Page with CSS Grid
      1. Introducing CSS Grid
      2. Setting Up the Grid Container
      3. Specifying the Grid Rows and Columns
      4. Taking Control: Assigning Grid Items
      5. Getting Your Grid Ducks in a Row (or a Column): Aligning Things
    4. Chapter 4: Creating Responsive Layouts
      1. What is a Responsive Layout?
      2. Going with the Flow: Fluid Layouts
      3. Querying Your Way to Responsiveness: Adaptive Layouts
      4. Working with Images Responsively
      5. Exploring the Principles of Mobile-First Development
  10. Index
  11. About the Author
  12. Connect with Dummies
  13. End User License Agreement

Product information

  • Title: HTML, CSS, & JavaScript All-in-One For Dummies
  • Author(s): Paul McFedries
  • Release date: August 2023
  • Publisher(s): For Dummies
  • ISBN: 9781394164684