From the course: Learning App Building with Vanilla JavaScript

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Application architecture

Application architecture - JavaScript Tutorial

From the course: Learning App Building with Vanilla JavaScript

Start my 1-month free trial

Application architecture

- [Instructor] In this course we're starting with an existing app that uses jQuery and React, and we're refactoring that app to use Vanilla Javascript. So before we dig in on coding, let's get familiar with the app and its existing code. Our app is a page for a sports company, and most of the page is about its products and personnel. Now up here at the top is a widget, and that's what we'll be working on. Now a user can enter a location in the box. So I'll type Dakar and click Get Forecast. And then weather forecast information is displayed below. And then below that is a list of potential sports that the user could engage in that would be appropriate for the current weather conditions in the location they entered. And there are also tabs, so the user can choose between Team or Solo sports, or a combined list of team and solo activities, which is displayed by default. Now let's look at how the app is structured, and the flow of data. So at the start we have several constants and…

Contents