Web Coding & Development All-in-One For Dummies

903 Pages·2018·11.7 MB·English

by  Paul McFedries

Web Coding & Development All-in-One For Dummies®
Published by: John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ
07030-5774, www.wiley.com
Copyright © 2018 by John Wiley & Sons, Inc., Hoboken, New Jersey
Published simultaneously in Canada
No part of this publication may be reproduced, stored in a retrieval system or
transmitted in any form or by any means, electronic, mechanical,
photocopying, recording, scanning or otherwise, except as permitted under
Sections 107 or 108 of the 1976 United States Copyright Act, without the
prior written permission of the Publisher. Requests to the Publisher for
permission should be addressed to the Permissions Department, John Wiley
& Sons, Inc., 111 River Street, Hoboken, NJ 07030, [phone], fax
[phone], or online at http://www.wiley.com/go/permissions.
Trademarks: Wiley, For Dummies, the Dummies Man logo, Dummies.com,
Making Everything Easier, and related trade dress are trademarks or
registered trademarks of John Wiley & Sons, Inc. and may not be used
without written permission. All other trademarks are the property of their
respective owners. John Wiley & Sons, Inc. is not associated with any
product or vendor mentioned in this book.
LIMIT OF LIABILITY/DISCLAIMER OF WARRANTY: THE
PUBLISHER AND THE AUTHOR MAKE NO REPRESENTATIONS OR
WARRANTIES WITH RESPECT TO THE ACCURACY OR
COMPLETENESS OF THE CONTENTS OF THIS WORK AND
SPECIFICALLY DISCLAIM ALL WARRANTIES, INCLUDING
WITHOUT LIMITATION WARRANTIES OF FITNESS FOR A
PARTICULAR PURPOSE. NO WARRANTY MAY BE CREATED OR
EXTENDED BY SALES OR PROMOTIONAL MATERIALS. THE
ADVICE AND STRATEGIES CONTAINED HEREIN MAY NOT BE
SUITABLE FOR EVERY SITUATION. THIS WORK IS SOLD WITH
THE UNDERSTANDING THAT THE PUBLISHER IS NOT ENGAGED
IN RENDERING LEGAL, ACCOUNTING, OR OTHER PROFESSIONAL
SERVICES. IF PROFESSIONAL ASSISTANCE IS REQUIRED, THE
SERVICES OF A COMPETENT PROFESSIONAL PERSON SHOULD
BE SOUGHT. NEITHER THE PUBLISHER NOR THE AUTHOR SHALL
BE LIABLE FOR DAMAGES ARISING HEREFROM. THE FACT THAT
AN ORGANIZATION OR WEBSITE IS REFERRED TO IN THIS WORK
AS A CITATION AND/OR A POTENTIAL SOURCE OF FURTHER
INFORMATION DOES NOT MEAN THAT THE AUTHOR OR THE
PUBLISHER ENDORSES THE INFORMATION THE ORGANIZATION
OR WEBSITE MAY PROVIDE OR RECOMMENDATIONS IT MAY
MAKE. FURTHER, READERS SHOULD BE AWARE THAT INTERNET
MAKE. FURTHER, READERS SHOULD BE AWARE THAT INTERNET
WEBSITES LISTED IN THIS WORK MAY HAVE CHANGED OR
DISAPPEARED BETWEEN WHEN THIS WORK WAS WRITTEN AND
WHEN IT IS READ.
For general information on our other products and services, please contact
our Customer Care Department within the U.S. at 877-762-2974, outside the
U.S. at 317-572-3993, or fax [phone]. For technical support, please
visit https://hub.wiley.com/community/support/dummies.
Wiley publishes in a variety of print and electronic formats and by print-on-
demand. Some material included with standard print versions of this book
may not be included in e-books or in print-on-demand. If this book refers to
media such as a CD or DVD that is not included in the version you
purchased, you may download this material at
http://booksupport.wiley.com. For more information about Wiley
products, visit www.wiley.com.
Library of Congress Control Number: 2018935649
ISBN: 978-1-119-47392-3; ISBN: 978-1-119-47383-1 (ePDF); ISBN: 978-1-
119-47379-4 (ePub)
Web Coding & Development All-in-
One For Dummies®
To view this book's Cheat Sheet, simply go to
www.dummies.com and search for “Web Coding &
Development All-in-One For Dummies Cheat Sheet”
in the Search box.
Table of Contents
Cover
Introduction
About This Book
Foolish Assumptions
Icons Used in This Book
Beyond the Book
Book 1: Getting Ready to Code for the Web
Chapter 1: How Web Coding and Development Work
The Nuts and Bolts of Web Coding and Development
Understanding the Front End: HTML and CSS
Understanding the Back End: PHP and MySQL
How It All Fits Together: JavaScript and jQuery
How Dynamic Web Pages Work
What Is a Web App?
What Is a Mobile Web App?
What’s the Difference between Web Coding and Web Development?
Chapter 2: Setting Up Your Web Development Home
What Is a Local Web Development Environment?
Do You Need a Local Web Development Environment?
Setting Up the XAMPP for Windows Development Environment
Setting Up the XAMPP for OS X Development Environment
Choosing Your Text Editor
Chapter 3: Finding and Setting Up a Web Host
Understanding Web Hosting Providers
A Buyer’s Guide to Web Hosting
Finding a Web Host
Finding Your Way around Your New Web Home
Book 2: Coding the Front End, Part 1: HTML & CSS
Chapter 1: Structuring the Page with HTML
Getting the Hang of HTML
Understanding Tag Attributes
Learning the Fundamental Structure of an HTML5 Web Page
Some Notes on Structure versus Style
Applying the Basic Text Tags
Creating Links
Building Bulleted and Numbered Lists
Inserting Special Characters
Inserting Images
Carving Up the Page
Chapter 2: Styling the Page with CSS
Figuring Out Cascading Style Sheets
Getting the Hang of CSS Rules and Declarations
Adding Styles to a Page
Styling Page Text
Working with Colors
Getting to Know the Web Page Family
Using CSS Selectors
Revisiting the Cascade
Chapter 3: Sizing and Positioning Page Elements
Learning about the CSS Box Model
Styling Sizes
Adding Padding
Building Borders
Making Margins
Getting a Grip on Page Flow
Floating Elements
Positioning Elements
Chapter 4: Creating the Page Layout
What Is Page Layout?
Laying Out Page Elements with Floats
Laying Out Page Elements with Inline Blocks
Making Flexible Layouts with Flexbox
Shaping the Overall Page Layout with CSS Grid
Providing Fallbacks for Page Layouts
Book 3: Coding the Front End, Part 2: JavaScript
Chapter 1: An Overview of JavaScript
JavaScript: Controlling the Machine
What Is a Programming Language?
Is JavaScript Hard to Learn?
What Can You Do with JavaScript?
What Can’t You Do with JavaScript?
What Do You Need to Get Started?
Basic Script Construction
Adding Comments to Your Code
Creating External JavaScript Files
Chapter 2: Understanding Variables
What Is a Variable?
Naming Variables: Rules and Best Practices
Understanding Literal Data Types
JavaScript Reserved Words
JavaScript Keywords
Chapter 3: Building Expressions
Understanding Expression Structure
Building Numeric Expressions
Building String Expressions
Building Comparison Expressions
Building Logical Expressions
Understanding Operator Precedence
Chapter 4: Controlling the Flow of JavaScript
Understanding JavaScript’s Control Structures
Making True/False Decisions with if() Statements
Branching with if()…else Statements
Making Multiple Decisions
Understanding Code Looping
Using while() Loops
Using for() Loops
Using do…while() Loops
Controlling Loop Execution
Avoiding Infinite Loops
Chapter 5: Harnessing the Power of Functions
What Is a Function?
The Structure of a Function
Where Do You Put a Function?
Calling a Function
Passing Values to Functions
Returning a Value from a Function
Understanding Local versus Global Variables
Using Recursive Functions
Chapter 6: Working with Objects
What Is an Object?
The JavaScript Object Hierarchy
Manipulating Object Properties
Working with Object Methods
Playing Around with the window Object
Programming the document Object
Chapter 7: Working with Arrays
What Is an Array?
Declaring an Array
Populating an Array with Data
Creating Multidimensional Arrays
Using the Array Object
Chapter 8: Manipulating Strings, Dates, and Numbers
Manipulating Text with the String Object
Dealing with Dates and Times
Working with Numbers: The Math Object
Chapter 9: Debugging Your Code
Understanding JavaScript’s Error Types
Getting to Know Your Debugging Tools
Debugging with the Console
Pausing Your Code
Stepping through Your Code
Monitoring Script Values
More Debugging Strategies
Top Ten Most Common JavaScript Errors
Top Ten Most Common JavaScript Error Messages
Book 4: Coding the Front End, Part 3: jQuery
Chapter 1: Developing Pages Faster with jQuery
Getting Started with jQuery
Selecting Elements with jQuery
Manipulating Page Elements with jQuery
Modifying CSS with jQuery
Tweaking HTML Attributes with jQuery
Chapter 2: Livening Up Your Page with Events and
Animation
Building Reactive Pages with Events
Building Lively Pages with Animation
Chapter 3: Getting to Know jQuery UI
What’s the Deal with jQuery UI?
Getting Started with jQuery UI
Working with the jQuery UI Widgets
Introducing jQuery UI Effects