Web Coding & Development All-in-One for Dummies

Description

Speak the languages that power the web With more high-paying web development jobs opening every day, people with coding and web/app building skills are having no problems finding employment. If you're a would-be developer looking to gain the know-how to build the interfaces, databases, and other features that run modern websites, web apps, and mobile apps, look no further. Web Coding & Development All-in-One For Dummies is your go-to interpreter for speaking the languages that handle those tasks. Get started with a refresher on the rules of coding before diving into the languages that build interfaces, add interactivity to the web, or store and deliver data to sites. When you're ready, jump into guidance on how to put it all together to build a site or create an app. Get the lowdown on coding basics Review HTML and CSS Make sense of JavaScript, jQuery, PHP, and MySQL Create code for web and mobile apps There's a whole world of opportunity out there for developers--and this fast-track boot camp is here to help you acquire the skills you need to take your career to new heights! Title Page......Page 5 Copyright Page......Page 6 Table of Contents......Page 9 Introduction......Page 25 About This Book......Page 26 “I have coded before!”......Page 27 Beyond the Book......Page 28 Book 1 Getting Ready to Code for the Web......Page 29 Chapter 1 How Web Coding and Development Work......Page 31 How the web works......Page 32 How the web works, take two......Page 35 Understanding the Front End: HTML and CSS......Page 36 Adding structure: HTML......Page 37 Adding style: CSS......Page 38 Understanding the Back End: PHP and MySQL......Page 39 Front end, meet back end: JavaScript......Page 40 Making your web coding life easier: jQuery......Page 41 How Dynamic Web Pages Work......Page 42 What Is a Mobile Web App?......Page 43 What’s the Difference between Web Coding and Web Development?......Page 44 Chapter 2 Setting Up Your Web Development Home......Page 45 Do You Need a Local Web Development Environment?......Page 46 Setting Up the XAMPP for Windows Development Environment......Page 47 Installing XAMPP for Windows......Page 48 Running the XAMPP for Windows Control Panel......Page 50 Accessing your local web server......Page 51 Installing XAMPP for OS X......Page 53 Running the XAMPP Application Manager......Page 54 Accessing your local web server......Page 55 Choosing Your Text Editor......Page 57 Chapter 3 Finding and Setting Up a Web Host......Page 59 Using your existing Internet provider......Page 60 A Buyer’s Guide to Web Hosting......Page 61 Finding a Web Host......Page 64 Finding Your Way around Your New Web Home......Page 65 Making your hard disk mirror your web home......Page 66 Uploading your site files......Page 68 Making changes to your web files......Page 69 Book 2 Coding the Front End, Part 1: HTML & CSS......Page 71 Chapter 1 Structuring the Page with HTML......Page 73 Getting the Hang of HTML......Page 74 Understanding Tag Attributes......Page 76 Learning the Fundamental Structure of an HTML5 Web Page......Page 77 Giving your page a title......Page 78 Adding some text......Page 80 Some Notes on Structure versus Style......Page 81 Emphasizing text......Page 82 Marking important text......Page 83 Adding headings......Page 84 Adding quotations......Page 85 Linking basics......Page 86 Anchors aweigh: Internal links......Page 87 Making your point with bulleted lists......Page 89 Numbered lists: Easy as one, two, three......Page 91 Inserting Special Characters......Page 92 Inserting Images......Page 93 The tag......Page 95 The tag......Page 96 The tag......Page 97 The tag......Page 98 The tag......Page 99 Handling non-semantic content with ......Page 100 Handling words and characters with ......Page 101 Chapter 2 Styling the Page with CSS......Page 103 Sheets: Collections of styles......Page 104 Getting the Hang of CSS Rules and Declarations......Page 105 Inserting inline styles......Page 107 Embedding an internal style sheet......Page 108 Linking to an external style sheet......Page 110 Setting the type size......Page 111 Getting comfy with CSS measurement units......Page 112 Applying a font family......Page 113 Styling links......Page 115 Indenting a paragraph’s first line......Page 116 Specifying a color......Page 117 Coloring the background......Page 118 Getting to Know the Web Page Family......Page 119 Using CSS Selectors......Page 120 The class selector......Page 121 The id selector......Page 122 The child selector......Page 123 Revisiting the Cascade......Page 124 Chapter 3 Sizing and Positioning Page Elements......Page 127 Learning about the CSS Box Model......Page 128 Styling Sizes......Page 129 Adding Padding......Page 131 Building Borders......Page 133 Making Margins......Page 134 Collapsing margins ahead!......Page 135 Getting a Grip on Page Flow......Page 137 Floating Elements......Page 139 Clearing your floats......Page 140 Collapsing containers ahead!......Page 141 Positioning Elements......Page 144 Using relative positioning......Page 145 Giving absolute positioning a whirl......Page 146 Trying out fixed positioning......Page 149 Chapter 4 Creating the Page Layout......Page 151 Laying Out Page Elements with Floats......Page 152 Laying Out Page Elements with Inline Blocks......Page 156 Making Flexible Layouts with Flexbox......Page 160 Setting up the flex container......Page 161 Aligning flex items along the primary axis......Page 163 Aligning flex items along the secondary axis......Page 164 Centering an element horizontally and vertically......Page 165 Laying out a navigation bar with flexbox......Page 167 Allowing flex items to grow......Page 168 Allowing flex items to shrink......Page 170 Laying out content columns with flexbox......Page 173 Flexbox browser support......Page 176 Shaping the Overall Page Layout with CSS Grid......Page 177 Specifying the grid rows and columns......Page 178 Creating grid gaps......Page 179 Assigning grid items to rows and columns......Page 181 Aligning grid items......Page 184 Laying out content columns with Grid......Page 185 Grid browser support......Page 187 Providing Fallbacks for Page Layouts......Page 188 Book 3 Coding the Front End, Part 2: JavaScript......Page 191 Chapter 1 An Overview of JavaScript......Page 193 JavaScript: Controlling the Machine......Page 194 What Is a Programming Language?......Page 195 Is JavaScript Hard to Learn?......Page 196 What Can You Do with JavaScript?......Page 197 What Can’t You Do with JavaScript?......Page 198 The tag......Page 199 Where do you put the tag?......Page 200 Example #1: Displaying a message to the user......Page 201 Example #2: Writing text to the page......Page 203 Adding Comments to Your Code......Page 204 Creating External JavaScript Files......Page 205 Chapter 2 Understanding Variables......Page 207 Declaring a variable......Page 208 Storing a value in a variable......Page 209 Using variables in statements......Page 210 Rules for naming variables......Page 211 Ideas for good variable names......Page 212 Working with numeric literals......Page 213 Working with string literals......Page 215 JavaScript Reserved Words......Page 217 JavaScript Keywords......Page 218 Understanding Expression Structure......Page 221 A quick look at the arithmetic operators......Page 223 Using the increment (++) operator......Page 224 Using the subtraction and negation (-) operators......Page 225 Using the division (/) operator......Page 226 Using the arithmetic assignment operators......Page 228 Building String Expressions......Page 229 Using the equal (==) operator......Page 232 Using the less than (