Learning Web App Development

Learning Web App Development

Semmy Purewel

Language: English

Pages: 305

ISBN: 2:00222391

Format: PDF / Kindle (mobi) / ePub

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

Building an Information Security Awareness Program: Defending Against Social Engineering and Technical Threats

Linux Bible (8th Edition)

Linux Bible (8th Edition)

Understanding the Basics of Raspberry Pi: A User Guide to Using Raspberry Pi

Sams Teach Yourself Xcode 4 in 24 Hours

Bioinformatics and the Cell: Modern Computational Approaches in Genomics, Proteomics and Transcriptomics













we’ve seen. The first is that all normal text content is wrapped in HTML tags. Second, you’ll probably notice that we’ve indented HTML tags that are contained in other HTML tags. The reason is that HTML is a hierarchical method of structuring documents. We use indentation as a visual cue to remind us where we are in the hier‐ archy. That’s why the tag and the tag are indented within the tag, and the

tag and the

tags are also indented relative to the tag. We’ve

page has a small navigation section with links to a Sign Up page, a FAQ page, and a Support page. Sure enough, HTML has a tag that supports a navigation element, and it’s called nav. So we’ll add that section to our



Note that the nav element contains several links that are separated by the | symbol. That symbol is right above the Enter

relative to a single element. These properties give a developer more control over where objects appear. One of the more commonly used properties of this nature is the float property. This flexible property can allow us to create layouts that are more complicated than the stacked layout that HTML builds automatically. The float property of a DOM element can be set to left or right. This takes the element out of the normal flow (which typically stacks block elements on top of one another) and

awesome. Plus, it gave my students the opportunity to learn to use GitHub, which is becoming immensely popular. Although I don’t cover GitHub in this book, it’s pretty easy to pick up once you get the hang of Git. I decided to use jQuery on the client because it’s still relatively popular and I enjoy working with it. I didn’t use any other frameworks on the client, although I do mention Twitter Bootstrap and Zurb Foundation in Chapter 3. I chose to stay away from modern client-side frameworks

more easily exchange in‐ formation. I like to think of this set of technologies as the bridge between the client and the server. Specifically, we’ll study JavaScript objects, JSON (JavaScript Object Notation), and AJAX (Asynchronous JavaScript And XML—a misnomer of sorts). These topics will prepare us for Node.js, which we’ll study in the next chapter. Hello, JavaScript Objects! Before we start talking about transferring data between computers, we need to discuss one more important JavaScript

Download sample


About admin