IDEAS Training logo

How to code HTML5, CSS3, & JavaScript

  1. Getting Started on the Web
    1. Understanding How the Web Works
      1. A Brief History of HTML and the World Wide Web
      2. Creating Web Content
      3. Understanding Web Content Delivery
      4. Selecting a Web Hosting Provider
      5. Testing with Multiple Web Browsers and Devices
      6. Creating a Sample File
      7. Using FTP to Transfer Files
      8. Understanding Where to Place Files on the Web Server
      9. Distributing Content Without a Web Server
      10. Tips for Testing Web Content
    2. Structuring an HTML Document
      1. Getting Prepared
      2. Getting Started with a Simple Web Page
      3. HTML Tags Every Web Page Must Have
      4. Organizing a Page with Paragraphs and Line Breaks
      5. Organizing Your Content with Headings
      6. Understanding Semantic Elements
      7. Using <header> in Multiple Ways
      8. Understanding the <section> Element
      9. Using <article>
      10. Implementing the <nav> Element
      11. When to Use <aside>
      12. Using <footer> Effectively
    3. Understanding Cascading Style Sheets
      1. How CSS Works
      2. A Basic Style Sheet
      3. A CSS Style Primer
      4. Using Style Classes
      5. Using Style IDs
      6. Internal Style Sheets and Inline Styles
    4. Understanding JavaScript
      1. Learning Web Scripting Basics
      2. How JavaScript Fits into a Web Page
      3. Exploring JavaScript’s Capabilities
      4. Displaying Time with JavaScript
      5. Testing the Script
    5. Validating and Debugging Your Code
      1. Validating Your Web Content
      2. Debugging HTML and CSS Using Developer Tools
      3. Debugging JavaScript Using Developer Tools
  2. Building Blocks of Practical Web Design
    1. Working with Fonts, Text Blocks, Lists, and Tables
      1. Working with Special Characters
      2. Boldface, Italic, and Special Text Formatting
      3. Tweaking the Font
      4. Using Web Fonts
      5. Aligning Text on a Page
      6. The Three Types of HTML Lists
      7. Placing Lists Within Lists
      8. Creating a Simple Table
      9. Controlling Table Sizes
      10. Alignment and Spanning Within Tables
      11. Page Layout with Tables
      12. Using CSS Columns
    2. Using External and Internal Links
      1. Using Web Addresses
      2. Linking Within a Page Using Anchors
      3. Linking Between Your Own Web Content
      4. Linking to Non-HTML Files
      5. Linking to External Web Content
      6. Linking to an Email Address
      7. Opening a Link in a New Browser Window
      8. Giving Titles to Links
      9. Using CSS to Style Hyperlinks
      10. Using Links Effectively
    3. Working with Colors, Images, and Multimedia
      1. Best Practices for Choosing Colors
      2. Understanding Web Colors
      3. Using Hexadecimal Values for Colors
      4. Using RGB and RGBa Values for Colors
      5. Using CSS to Set Background, Text, and Border Colors
      6. Choosing Graphics Software
      7. The Least You Need to Know About Graphics
      8. Preparing Photographic Images
      9. Creating Banners and Buttons
      10. Optimizing Images by Reducing or Removing Colors
      11. Creating Tiled Background Images
      12. Placing Images on a Web Page
      13. Describing Images with Text
      14. Specifying Image Height and Width
      15. Aligning Images
      16. Turning Images into Links
        1. Using Background Images
        2. Using Image Maps
      1. Linking to Multimedia Files
        1. Embedding Multimedia Files
        2. Additional Tips for Using Multimedia
  1. Advanced Web Page Design with CSS
    1. Working with Margins, Padding, Alignment, and Floating
      1. Using Margins
      2. Padding Elements
      3. Keeping Everything Aligned
      4. Centering Blocks of Content
      5. Understanding the float Property
    2. Understanding the CSS Box Model and Positioning
      1. The CSS Box Model
      2. Changing the Box Model
      3. The Whole Scoop on Positioning
      4. Controlling the Way Things Stack Up
      5. Managing the Flow of Text
    3. Using CSS to Do More with Lists, Text, and Navigation
      1. HTML List Refresher
      2. How the CSS Box Model Affects Lists
      3. Placing List Item Indicators
      4. Creating Image Maps with List Items and CSS
      5. How Navigation Lists Differ from Regular Lists
      6. Creating Vertical Navigation with CSS
      7. Creating Horizontal Navigation with CSS
    4. Creating Layouts Using Modern CSS Techniques
      1. Getting Ready to Do Page Layout
      2. The Importance of Putting Mobile Devices First
      3. Understanding Fixed Layouts
      4. Understanding Liquid Layouts
      5. Creating a Fixed/Liquid Hybrid Layout
      6. Using Modern CSS Layout Techniques
    5. Taking Control of Backgrounds and Borders
      1. Reviewing Background and Border Basics
      2. Using Multiple Borders and Backgrounds
      3. Using Forgotten Background Properties
      4. Using Gradients as Backgrounds
      5. Rounding the Corners of HTML Elements
      6. Using Images as Borders
      7. Understanding CSS Outlines
    6. 4 Using CSS Transformations and Transitions
      1. Understanding CSS 2D Transformations
      2. Transforming Elements in Three Dimensions
      3. Working with CSS Transitions
      4. Using JavaScript to Trigger Transitions
    7. 5 Animating with CSS and the Canvas
      1. Understanding CSS Animation
      2. Using the CSS Canvas
      3. Choosing Between CSS Animation and Canvas Animation
  2. Responsive Web Design
    1. Understanding the Importance of Responsive Web Design
      1. What Is Responsive Web Design?
      2. What Is Progressive Enhancement?
      3. Writing HTML for Responsive Web Design
      4. Validating HTML, CSS, and JavaScript
    2. Designing for Mobile Devices
      1. Designing for Mobile Devices
      2. Understanding Mobile First Design
      3. Using Responsive Tables and Images
      4. Creating Responsive Layouts Without Media Queries
      5. Alternatives for Mobile Design Besides RWD
    3. Using Media Queries and Breakpoints
      1. What Is a Media Query?
      2. Using Media Query Expressions
      3. What Is a Breakpoint?
      4. How to Define Breakpoints in Your CSS
      5. Optimal Breakpoints
  3. Getting Started with Dynamic Sites
    1. 9 Understanding Dynamic Websites and HTML5 Applications
      1. Understanding the Different Types of Scripting
      2. Including JavaScript in HTML
      3. Displaying Random Content
      4. Understanding the Document Object Model
      5. Changing Images Based on User Interaction
      6. Thinking Ahead to Developing HTML5 Applications
    2. 0 Getting Started with JavaScript Programming
      1. Basic Concepts
      2. JavaScript Syntax Rules
      3. Using Comments
      4. Best Practices for JavaScript
      5. Understanding JSON
    3. 1 Working with the Document Object Model (DOM)
      1. Understanding the Document Object Model
      2. Using window Objects
      3. Working with the document Object
      4. Accessing Browser History
      5. Working with the location Object
      6. More About the DOM Structure
      7. Working with DOM Nodes
      8. Creating Positionable Elements (Layers)
      9. Hiding and Showing Objects
      10. Modifying Text in a Page
      11. Adding Text to a Page
    4. 2 Using JavaScript Variables, Strings, and Arrays
      1. Using Variables
      2. Understanding Expressions and Operators
      3. Data Types in JavaScript
      4. Converting Between Data Types
      5. Using String Objects
      6. Working with Substrings
      7. Using Numeric Arrays
      8. Using String Arrays
      9. Sorting a Numeric Array
      10. Using Functions
      11. Introducing Objects
      12. Using Objects to Simplify Scripting
      13. Extending Built-in Objects
      14. Using the Math Object
      15. Working with Math Methods
      16. Working with Dates
    5. Controlling Flow with Conditions and Loops
      1. The if Statement
      2. Using Shorthand Conditional Expressions
      3. Testing Multiple Conditions with if and else
      4. Using Multiple Conditions with switch
      5. Using for Loops
      6. Using while Loops
      7. Using do...while Loops
      8. Working with Loops
      9. Looping Through Object Properties
    6. Responding to Events and Using Windows
      1. Understanding Event Handlers
      2. Using Mouse Events
      3. Using Keyboard Events
      4. Using the load and unload Events
      5. Using click to Change the Appearance of a <div>
      6. Controlling Windows with Objects
      7. Moving and Resizing Windows
      8. Using Timeouts
      9. Displaying Dialog Boxes
    7. 5 JavaScript Best Practices
      1. Scripting Best Practices
      2. Reading Browser Information
      3. Cross-Browser Scripting
      4. Supporting Non-JavaScript-Enabled Browsers
      5. Creating an Unobtrusive Script
    8. 6 Using Third-Party JavaScript Libraries and Frameworks
    9. Using Third-Party JavaScript Libraries
      1. Adding JavaScript Effects by Using a Third-Party Library
      2. Using JavaScript Frameworks
  4. Advanced Website Functionality and Management
    1. 7 Working with Web-Based Forms
      1. How HTML Forms Work
      2. Creating a Form
      3. Accepting Text Input
      4. Naming Each Piece of Form Data
      5. Labeling Each Piece of Form Data
      6. Grouping Form Elements
      7. Exploring Form Input Controls
      8. Using HTML5 Form Validation
      9. Submitting Form Data
      10. Accessing Form Elements with JavaScript
    2. Organizing and Managing a Website
      1. When One Page Is Enough
      2. Organizing a Simple Site
      3. Organizing a Larger Site
      4. Optimizing Your Site for Search Engines
      5. Writing Maintainable Code
      6. Thinking About Version Control
      7. Using HTML and CSS Frameworks