We have created four simple but powerful new views types that can be used easily on projects, minimizing the effort and making less redundant code. In the next section, we will convert our contacts project into a more complex project, using what we have learned here:

Figure 2.4: Application root layout
Our application will have a root layout with three sections:
Header – Will contain a navigation bar
Footer – Copyright information
Main – This element shows all sub-applications on demand
This layout description is not a Layout object; instead, it describes the HTM root content:
<!doctype html> <html lang=""> <head> <meta charset="utf-8"> <title>mastering backbone design</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">...