by Shawn Rider
CLI3 upgrade by Rebecca Peltz
Welcome to the Book
1.1. Introduction
1.2. Prerequisites and Assumptions
How We Build Web Applications
2.1. Introduction
2.2. Core Concept: Software Architecture
2.3. Evolving Approaches to Web Application Development
2.4. Popular Single Page Application Frameworks
2.5. Application Architecture
2.6. Quiz: How We Build Web Applications
Setting Up the Workspace
3.1. Introduction
3.2. Core Concept: Development Environments
3.3. Development Tooling
3.4. Installing Node.js
3.5. Installing Git
3.6. Notes for Windows Users
3.7. Quiz: Setting Up the Workspace
3.8. Project: Testing the Workspace
Bootstrapping a New App
4.1. Introduction
4.2. Core Concept: Application Frameworks
4.3. Creating a new Vue.js App
4.4. Getting to Know Vue
4.5. Quiz: Bootstrapping a New App
4.6. Project: Bootstrap an App
Debugging the App
5.1. Introduction
5.2. Core Concept: Debugging Techniques
5.3. Using Vue Devtools
5.4. Quiz: Debugging the App
5.5. Project: Practice Debugging
Deploying the App
6.1. Introduction
6.2. Core Concept: Deployment Tooling
6.3. Configuring Deployment
6.4. Building and Deploying the App
6.5. Quiz: Deploying the App
6.6. Project: Deploying the App
Working with Templates
7.1. Introduction
7.2. Core Concept: Template Fundamentals
7.3. Using Data in Templates
7.4. Conditionals in Templates
7.5. Looping in Templates
7.6. Computed Values
7.7. Quiz: Working with Templates
7.8. Project: Templating Data Output
Handling User Input
8.1. Introduction
8.2. Core Concept: Forms and User Input
8.3. Using Forms in Vue.js
8.4. Handling Events in Vue.js
8.5. Quiz: Handling User Input
8.6. Project: Responding to User Input Part One
Routing and URLs
9.1. Introduction
9.2. Core Concept: Routing and URLs
9.3. Setting Up vue-router
9.4. Creating New Locations in the App
9.5. Building Navigation
9.6. Quiz: Routing and URLs
9.7. Project: Responding to User Input Part Two
Using API Data
10.1. Introduction
10.2. Core Concept: API Fundamentals
10.3. Exploring APIs
10.4. Requesting Data from an API
10.5. Quiz: Using API Data
10.6. Project: Using API Data
Application Architecture
11.1. Introduction
11.2. Core Concept: Separation of Concerns
11.3. Tips for Refactoring
11.4. Composing Components
11.5. Organizing Data and Configuration Code
11.6. Quiz: Application Architecture
11.7. Project: Application Architecture
Visual Feedback and Enhancement
12.1. Introduction
12.2. Core Concept: Visual Feedback
12.3. Dynamic Classes
12.4. Transitions and Animations
12.5. Messaging
12.6. Quiz: Visual Feedback and Enhancement
12.7. Project: Visual Feedback and Enhancement
Caching Data
13.1. Introduction
13.2. Core Concept: Methods of Storing Frontend Data
13.3. Saving User-Generated Data
13.4. Caching Data from APIs
13.5. Quiz: Caching Data
13.6. Project: Caching Data
14.1. Conclusion
15.1. Glossary
Appendices
16.1. Appendix A: Additional Resources for Learning
16.2. Appendix B: API Suggestions
Published with GitBook

Quiz: How We Build Web Applications

Quiz: How We Build Web Applications

Please enjoy this self-check quiz to help you identify key concepts, points, and techniques discussed in this section.

The "high level structures of a software system, the discipline of creating such structures, and the documentation of these structures" is known as what?

Software Construction

Application Design

Software Architecture

Refactoring

Explanation

Software architecture is the "high level structures of a software system, the discipline of creating such structures, and the documentation of these structures."

Check my answersExplainShow all

What kinds of technologies are HTML, CSS, and JavaScript?

dynamic

difficult

Explanation

HTML, CSS, and JavaScript are all frontend technologies.

Check my answersExplainShow all

A website that delivers the exact files uploaded by the developer directly to the user, with no manipulation of those files, is called what?

a dynamic website

a static website

a service-oriented website

a broken website

Explanation

Static websites deliver the exact same files uploaded by the developer to the user without manipulation on the server.

Check my answersExplainShow all

When a website makes use of discrete components accessible via API to provide core features of the site, what do we call that architecture?

dynamic architecture

static architecture

service oriented architecture

API architecture

Explanation

A service-oriented architecture uses multiple components connected by APIs to provide functionality.

Check my answersExplainShow all

What features are commonly offered through SPAFs?

routing

data binding

templating

control logic

Explanation

Most SPAFs provide some form of all of these features.

Check my answersExplainShow all

The method of applying JavaScript improvements to a page after it has been loaded is called:

Progressive Enhancement

Templating

Event Handling

Dynamization

Explanation

The method of applying JavaScript improvements to a page after it has been loaded is called "progressive enhancement."

Check my answersExplainShow all

Which of the following would not be part of the development tooling for a Vue.js application?

Node.js

Webpack

Vue.js

ESLint

Explanation

Vue.js is the SPAF that runs in the client browser, so it is a part of the web application and not the development tooling.

Check my answersExplainShow all

What does XHR stand for?

eXtra Hot Records

Excess Host Resource

XMLHTTPRequest

X-Ray Heat Router

Explanation

XHR stands for "XMLHTTPRequest", which is the method used to make asynchronous requests to a server.

Check my answersExplainShow all

A dynamic website uses backend technology to create the HTML that is sent to the user.

True

False

Explanation

Some dynamic websites even customize the CSS and/or JavaScript that is sent to the user.

Check my answersExplainShow all

Which are JavaScript Single Page Application Frameworks?

Angular

Meteor JS

Mayo

Vue.js

Explanation

Mayo is not (yet) the name of an SPAF.

Check my answersExplainShow all

Visit Quiz Online

The quiz on this page has been removed from your PDF or ebook format. You may take the quiz by visiting this book online.

results matching ""

No results matching ""