Learning web app development: build quickly with proven Javascript techniques

Presentación del editor: "'Learning Web App Development' provides a foundation, introducing readers to the major components of client and server-side web application development and demonstrates commonly used frameworks. Grasp the fundamentals of web application development by building a simple database-backed app from scratch, using HTML, JavaScript, and other open source tools. Through hands-on tutorials, this practical guide shows inexperienced web app developers how to create a user interface, write a server, build client-server communication, and use a cloud-based service to deploy the application. Each chapter includes practice problems, full examples, and mental models of the development workflow. Ideal for a college-level course, this book helps you get started with web app development by providing you with a solid grounding in the process. Set up a basic workflow with a text editor, version control system, and web browser Structure a user interface with HTML, and include styles with CSS Use JQuery and JavaScript to add interactivity to your application Link the client to the server with AJAX, JavaScript objects, and JSON Learn the basics of server-side programming with Node.js Store data outside your application with Redis and MongoDB Share your application by uploading it to the cloud with CloudFoundry Get basic tips for writing maintainable code on both client and server." Copyright 4 Table of Contents 7 Preface 13 Technology Choices 14 Is This Book for You? 15 Learning with This Book 15 Teaching with This Book 16 Where to Go for Help 16 General Comments on Code 17 Conventions Used in This Book 17 Using Code Examples 18 Safari庐 Books Online 18 How to Contact Us 19 Acknowledgments 19 Chapter聽1.聽The Workflow 21 Text Editors 21 Installing Sublime Text 22 Sublime Text Basics 24 Version Control 26 Installing Git 27 Unix Command-Line Basics 28 Git Basics 32 Browsers 40 Installing Chrome 40 Summary 41 More Practice and Further Reading 41 Memorization 41 Sublime Text 42 Emacs and Vim 42 Unix Command Line 43 More About Git 43 GitHub 43 Chapter聽2.聽The Structure 45 Hello, HTML! 45 Tags Versus Content 46 Is for Paragraph 47 Comments 48 Headings and Anchors and Lists, Oh My! 49 Generalizations 52 The Document Object Model and Trees 53 Using HTML Validation to Identify Problems 55 Amazeriffic 58 Identifying Structure 59 Visualizing Structure with a Tree 61 Implementing the Structure with Our Workflow 62 Structuring the Main Content 66 Structuring the Footer 68 Summary 69 More Practice and Further Reading 69 Memorization 70 Tree Diagrams 70 Build the FAQ Page for Amazeriffic 71 More About HTML 71 Chapter聽3.聽The Style 73 Hello, CSS! 73 Rulesets 76 Comments 76 Padding, Border, and Margin 77 Selectors 80 Classes 81 Pseudoclasses 82 More Complex Selectors 83 Cascading Rules 84 Inheritance 85 Layouts with Floats 86 The clear Property 91 Working with Fonts 92 Resetting Browser Inconsistencies 96 Using CSS Lint to Identify Potential Problems 98 Interacting and Troubleshooting with the Chrome Developer Tools 100 Styling Amazeriffic 102 The Grid 106 Creating the Columns 110 Adding and Manipulating Fonts 112 A Few More Modifications 112 Summary 112 More Practice and Further Reading 113 Memorization 113 CSS Selectors Practice 113 Style the FAQ Page for Amazeriffic 114 Cascading Rules 115 Responsiveness and Responsive Libraries 115 Chapter聽4.聽The Interactivity 117 Hello, JavaScript! 117 Our First Interactive App 119 The Structure 120 The Style 122 The Interactivity 122 jQuery Generalizations 131 Setting Up a Project 131 Comments 132 Selectors 132 DOM Manipulation 132 Events and Asynchronicity 137 JavaScript Generalizations 140 Interacting with JavaScript in the Chrome JavaScript Console 140 Variables and Types 142 Functions 142 Selection 144 Iteration 145 Arrays 147 Using JSLint to Identify Potential Problems 148 Adding Interactivity to Amazeriffic 151 Getting Started 153 The Structure and Style 153 The Interactivity 154 Summary 160 More Practice and Further Reading 161 Memorization 161 jQuery Plug-ins 161 jQuery Selectors 162 FizzBuzz 163 Array Practice 163 Project Euler 166 Other JavaScript References 166 Chapter聽5.聽The Bridge 169 Hello, JavaScript Objects! 169 Representing Playing Cards 170 Generalizations 172 Communication Between Computers 174 JSON 174 AJAX 175 Accessing an External JSON File 175 Overcoming Browser Security Restrictions 176 The getJSON Function 177 A JSON Array 178 So What? 179 Getting Images from Flickr 180 Adding a Tags Feature to Amazeriffic 183 The map Function 185 Adding a Tags Tab 186 Building the UI 187 Creating an Intermediate Tags Data Structure 189 Tags as Part of Our Input 193 Summary 195 More Practice and Further Reading 196 Flickr Slideshow 196 Object Practice 197 Other APIs 200 Chapter聽6.聽The Server 201 Setting Up Your Environment 201 Installing VirtualBox and Vagrant 202 Building Your Virtual Machine 203 Connecting to Your Virtual Machine with SSH 204 Hello, Node.js! 206 Mental Models 207 Clients and Servers 207 Hosts and Guests 208 Practicalities 209 Hello, HTTP! 209 Modules and Express 211 Installing Express with NPM 212 Our First Express Server 212 Sending Your Client App 213 Generalizations 215 Counting Tweets 215 Getting Your Twitter Credentials 215 Connecting to the Twitter API 217 What鈥檚 Happening Here? 218 Storing Counts 218 Modularizing Our Tweet Counter 221 Importing Our Module Into Express 221 Setting Up a Client 222 Creating a Server for Amazeriffic 224 Setting Up Our Directories 224 Initializing a Git Repository 224 Building the Server 224 Running the Server 225 Posting Information to the Server 225 Summary 228 More Practice and Further Reading 229 Installing Node.js Locally 229 JSHint and CSS Lint via NPM 229 Generalizing Our Tweet Counter Code 230 Poker API 232 Chapter聽7.聽The Data Store 235 NoSQL Versus SQL 235 Redis 236 Interacting with the Redis Command-Line Client 236 Installing the Redis Module via a package.json File 237 Interacting with Redis in Our Code 239 Initializing the Counts from the Redis Store 240 Using mget to Get Multiple Values 242 MongoDB 242 Interacting with the MongoDB Command-Line Client 243 Modeling Data with Mongoose 246 Storing Amazeriffic ToDos 249 Summary 250 More Practice and Further Reading 251 Poker API 251 Other Database References 251 Chapter聽8.聽The Platform 253 Cloud Foundry 253 Creating an Account 254 Getting Your App Ready for Deployment 254 Deploying Our App 255 Getting Information About Your Apps 257 Updating Your App 259 Deleting Apps from Cloud Foundry 260 Dependencies and package.json 260 Binding Redis to Your App 261 Binding MongoDB to Your App 265 Summary 266 More Practice and Further Reading 266 Poker API 266 Other Platforms 267 Chapter聽9.聽The Application 269 Refactoring Our Client 269 Generalizing Meaningful Concepts 270 AJAXifying Our Tabs 273 Ridding Ourselves of Hacks 274 Handling AJAX Errors 276 Refactoring Our Server 277 Code Organization 277 HTTP Verbs, CRUD, and REST 279 Setting Up Routes by ID 280 Using jQuery for put and delete Requests 281 HTTP Response Codes 282 Model-View-Controller 283 Adding Users to Amazeriffic 284 Building the User Model 284 Building the User Controller 285 Setting Up Routes 286 Improving Our ToDo Controller Actions 288 Summary 290 More Practice and Further Reading 291 Removing ToDos 291 Adding a User Admin Page 292 Views Using EJS and Jade 293 Build Another App 293 Ruby on Rails 293 Index 295 About the Author 305 Presentación del editor: "'Learning Web App Development' provides a foundation, introducing readers to the major components of client and server-side web application development and demonstrates commonly used frameworks. Grasp the fundamentals of web application development by building a simple database-backed app from scratch, using HTML, JavaScript, and other open source tools. Through hands-on tutorials, this practical guide shows inexperienced web app developers how to create a user interface, write a server, build client-server communication, and use a cloud-based service to deploy the application. Each chapter includes practice problems, full examples, and mental models of the development workflow. Ideal for a college-level course, this book helps you get started with web app development by providing you with a solid grounding in the process. Set up a basic workflow with a text editor, version control system, and web browser Structure a user interface with HTML, and include styles with CSS Use JQuery and JavaScript to add interactivity to your application Link the client to the server with AJAX, JavaScript objects, and JSON Learn the basics of server-side programming with Node.js Store data outside your application with Redis and MongoDB Share your application by uploading it to the cloud with CloudFoundry Get basic tips for writing maintainable code on both client and server." Presents the fundamentals of web application development by explaining how to build a simple database-backed app from scratch, using HTML, JavaScript, and other open source tools. This guide shows inexperienced web app developers how to create a user interface, write a server, build client-server communication, and use a cloud-based service to deploy the application. Each chapter includes practice problems, full examples, and mental models of the development workflow. --Adapted from publisher description