book

Learning Web App Development

Name: Learning Web App Development
Author: Semmy Purewal
ISBN: 9781449370190

by Semmy Purewal

February 2014

Beginner

303 pages

6h 56m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Dedication
Preface
Technology ChoicesIs This Book for You?Learning with This BookTeaching with This BookWhere to Go for HelpGeneral Comments on CodeConventions Used in This BookUsing Code ExamplesSafari® Books OnlineHow to Contact UsAcknowledgmentsErrata Reporters
1. The Workflow
Text EditorsInstalling Sublime TextSublime Text BasicsVersion ControlInstalling GitUnix Command-Line BasicsWhere am I?Changing directoriesCreating directoriesFilesystems and treesGit BasicsConfiguring Git for the first timeInitializing a Git repositoryDetermining the status of our repositoryOur first commits!Viewing the history of our repoSaving versus committingBrowsersInstalling ChromeSummaryMore Practice and Further ReadingMemorizationSublime TextEmacs and VimUnix Command LineMore About GitGitHub
2. The Structure
Hello, HTML!Tags Versus Content<p> Is for ParagraphCommentsHeadings and Anchors and Lists, Oh My!GeneralizationsThe Document Object Model and TreesUsing HTML Validation to Identify ProblemsAmazerifficIdentifying StructureVisualizing Structure with a TreeImplementing the Structure with Our WorkflowStructuring the Main ContentStructuring the FooterSummaryMore Practice and Further ReadingMemorizationTree DiagramsBuild the FAQ Page for AmazerifficMore About HTML
3. The Style
Hello, CSS!RulesetsCommentsPadding, Border, and MarginSelectorsClassesPseudoclassesMore Complex SelectorsCascading RulesInheritanceLayouts with FloatsThe clear PropertyWorking with FontsResetting Browser InconsistenciesUsing CSS Lint to Identify Potential ProblemsInteracting and Troubleshooting with the Chrome Developer ToolsStyling AmazerifficThe GridCreating the ColumnsAdding and Manipulating FontsA Few More ModificationsSummaryMore Practice and Further ReadingMemorizationCSS Selectors PracticeStyle the FAQ Page for AmazerifficCascading RulesResponsiveness and Responsive Libraries
4. The Interactivity
Hello, JavaScript!Our First Interactive AppThe StructureThe StyleThe InteractivityHandling click eventsDynamically manipulating the DOMSquashing a bugClearing out the input boxMaking the Enter key work as expectedFading in our new commentRefactoring for simplicityjQuery GeneralizationsSetting Up a ProjectCommentsSelectorsDOM ManipulationAdding elements to the DOMRemoving elements from the DOMEvents and AsynchronicityJavaScript GeneralizationsInteracting with JavaScript in the Chrome JavaScript ConsoleVariables and TypesFunctionsSelectionIterationArraysUsing JSLint to Identify Potential ProblemsAdding Interactivity to AmazerifficGetting StartedThe Structure and StyleThe InteractivityCreating the tab functionalityRefactoring the code using a functionRefactoring the code using a loopRefactoring the code using a forEach loopManipulating contentSetting up the tab contentSummaryMore Practice and Further ReadingMemorizationjQuery Plug-insjQuery SelectorsFizzBuzzArray PracticeProject EulerOther JavaScript References
5. The Bridge
Hello, JavaScript Objects!Representing Playing CardsGeneralizationsCommunication Between ComputersJSONAJAXAccessing an External JSON FileOvercoming Browser Security RestrictionsThe getJSON FunctionA JSON ArraySo What?Getting Images from FlickrAdding a Tags Feature to AmazerifficThe map FunctionAdding a Tags TabBuilding the UICreating an Intermediate Tags Data StructureSetting up a test bedMy solutionTags as Part of Our InputSummaryMore Practice and Further ReadingFlickr SlideshowObject PracticeOther APIs
6. The Server
Setting Up Your EnvironmentInstalling VirtualBox and VagrantBuilding Your Virtual MachineConnecting to Your Virtual Machine with SSHHello, Node.js!Mental ModelsClients and ServersHosts and GuestsPracticalitiesHello, HTTP!Modules and ExpressInstalling Express with NPMOur First Express ServerSending Your Client AppGeneralizationsCounting TweetsGetting Your Twitter CredentialsConnecting to the Twitter APIWhat’s Happening Here?Storing CountsUsing the indexOf function to find wordsUsing the setInterval function to schedule tasksModularizing Our Tweet CounterImporting Our Module Into ExpressSetting Up a ClientCreating a Server for AmazerifficSetting Up Our DirectoriesInitializing a Git RepositoryBuilding the ServerRunning the ServerPosting Information to the ServerSummaryMore Practice and Further ReadingInstalling Node.js LocallyJSHint and CSS Lint via NPMGeneralizing Our Tweet Counter CodePoker API
7. The Data Store
NoSQL Versus SQLRedisInteracting with the Redis Command-Line ClientInstalling the Redis Module via a package.json FileInteracting with Redis in Our CodeInitializing the Counts from the Redis StoreUsing mget to Get Multiple ValuesMongoDBInteracting with the MongoDB Command-Line ClientModeling Data with MongooseModelsStoring Amazeriffic ToDosSummaryMore Practice and Further ReadingPoker APIOther Database References
8. The Platform
Cloud FoundryCreating an AccountGetting Your App Ready for DeploymentDeploying Our AppGetting Information About Your AppsUpdating Your AppDeleting Apps from Cloud FoundryDependencies and package.jsonBinding Redis to Your AppBinding MongoDB to Your AppSummaryMore Practice and Further ReadingPoker APIOther Platforms

9. The Application
Refactoring Our ClientGeneralizing Meaningful ConceptsAJAXifying Our TabsRidding Ourselves of HacksHandling AJAX ErrorsRefactoring Our ServerCode OrganizationSeparating concerns: modelsSeparating concerns: controllersHTTP Verbs, CRUD, and RESTSetting Up Routes by IDUsing jQuery for put and delete RequestsHTTP Response CodesModel-View-ControllerAdding Users to AmazerifficBuilding the User ModelBuilding the User ControllerSetting Up RoutesImproving Our ToDo Controller ActionsSummaryMore Practice and Further ReadingRemoving ToDosAdding a User Admin PageViews Using EJS and JadeBuild Another AppRuby on Rails
Index
Colophon
Copyright

Overview

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

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781449371388Errata Page

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills