Build Your First Web App: Learn to Build Web Applications from Scratch

Build Your First Web App: Learn to Build Web Applications from Scratch

by Deborah Levinson, Todd Belton


View All Available Formats & Editions
Choose Expedited Shipping at checkout for delivery by Monday, May 10


Not a techie? Don’t worry! This friendly and approachable guide shows even complete beginners how to build their first web application.
Modern web application design and development can feel overwhelming: How do you design a useful tool that can run on a desktop, tablet, and phone? Which programming framework should you use? How can a non-programmer pick up these skills? Build Your First Web App answers these questions by teaching two popular practical frameworks, Bootstrap and Angular.js, as well as the principles behind programming: the basics of user experience design, planning and structuring your software, and making your application visually attractive and easier to use. The book walks you through every step of creating you first app, and gives you assignments in each chapter. If you already know some HTML and CSS, but want to go further and create something functional rather than static, this book is for you!

Book includes:
  • An overview of the app design planning process—scenario development, feature/flow design through wireframing, and user research.
  • Quick tips for adding visual design intelligently to make the application easier to understand and use.
  • A walkthrough of how to code a sample app using a responsive framework (Bootstrap) and Angular.js. Each chapter of the book covers a different part of the sample app, allowing readers to follow along and draft their own code.

Product Details

ISBN-13: 9781454925668
Publisher: Sterling
Publication date: 10/03/2017
Pages: 280
Sales rank: 487,129
Product dimensions: 7.30(w) x 9.20(h) x 0.80(d)

About the Author

Deborah A. Levinson has worked for more than 20 years providing expert user experience design and consultation, usability testing, and content assessment to software companies, higher education, and nonprofit institutions, including MIT, Furman University, the American Academy of Arts & Sciences, and the Mind and Life Institute. She has also taught introductory responsive web coding and jQuery to design students at Northeastern University. Debby is an MIT graduate and the co-author of Visual Usability: Principles and Practices for Designing Digital Applications (Morgan Kaufmann) and The MIT Guide to Teaching Web Site Design (MIT Press).
Todd Belton started programming computers in elementary school. Today, he primarily writes middleware to glue large databases to web applications. In his spare time he writes things that are not code, and plays more computer games than he cares to admit.

Table of Contents

Introduction 7

1 User Experience Basics 15

User research 15

User research without breaking the bank 17

Defining audiences and scenarios 18

Designing your first responsive web app 23

2 Application Features and Flow 31

Wireframing 31

Sketching out TastyTracker 38

Thinking responsively 43

3 Visual Design Basics 49

The meta-principles: consistency, hierarchy, and personality 49

Using the visual design tools: layout, type, color, imagery, and styled controls 52

Software for your visual design 59

Designing TastyTracker 60

4 Preparing to Code: Installing and Configuring 67

Step 1 Installing the package manager 67

Step 2 Setting up the project directory 70

Step 3 Setting up and running the project configuration files 71

Step 4 Installing dependencies 76

Where are we now? 79

5 Bootstrap 83

Bootstrap basics 84

Editing and compiling SCSS 93

Tracking down errors 96

A few final notes on coding 98

Getting TastyTracker off the ground 100

Adding a modal window 104

6 Getting Started with Angular 109

The way Angular thinks 110

The application module and what imports where 112

The root component 116

The first test (and some troubleshooting) 119

Second time's the charm 123

That's it? 124

7 Coding The App 129

A set of placeholder components 130

We must know our data to make our data services 146

The data services 169

The meal list 189

Totals and trends 197

8 Putting It All Together 213

Breaking up the HTML 214

The meal entry component 218

The totals and trends component 232

The meal list component 241

Restaurants and meals 243

Error feedback 245

Moving forward 251

9 Deployment 255

Downsizing the app 257

SystemJS and relative paths 259

Variations 263

Fixing the router 264

Production mode 267

Taking it further 267

Resources 271

Acknowledgments 274

About the Authors 275

Index 276

Customer Reviews