Skip to Content
Smashing Mobile Web Development
book

Smashing Mobile Web Development

by Greg Avola
November 2012
Intermediate to advanced
312 pages
7h 4m
English
Wiley
Content preview from Smashing Mobile Web Development

Organizing Your Javascript Files

Until now, you have been keeping all your JavaScript files in the bottom of the index.html. This is good for a development build, but you also want to organize these files better based on their purpose. A good practice is to create a new JavaScript file defined by the type of actions the script will perform. For this scenario, you can order the structure as defined here:

assets

js

global.js

database.js

util.js

social.js

geo.js

helper.js

This structure enables you to quickly find the action you want to edit and organize your JavaScript files. You also will be able to separate the files so they download faster upon first load. Table 11-1 breaks down the files and their usage:

Table 11-1 Explanation of JavaScript Files

File Name

File Explanation

Global.js

This contains global variables, the document.ready() function, and any setup functions.

Database.js

As the name implies, this holds database connections, queries, and any other function interacting with the database.

Util.js

This file contains utility functions such as those that determine the time between two entries and other basic functions that get reused throughout the application, such as myStorage.

Social.js

This contains any social interaction between Corks and external sources, such as foursquare and Twitter.

Geo.js

This file contains all elements relating to maps or geolocation.

Helper.js

This file contains the HandlebarsJS helpers for your ...

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

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’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
QuotationMarkI 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
QuotationMarkI’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
QuotationMarkI'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

You might also like

Native Mobile Development

Native Mobile Development

Shaun Lewis, Mike Dunn
The Hidden Cost of AI-Assisted Creativity

The Hidden Cost of AI-Assisted Creativity

Léonard Boussioux, Anil Doshi, Oliver Hauser, Kartik Hosanagar
How to Develop a Great Digital Strategy

How to Develop a Great Digital Strategy

Jeanne W. Ross, Cynthia M. Beath, Ina M. Sebastian

Publisher Resources

ISBN: 9781118348130Purchase book