Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.

Build a HTML5 Business Web Application

Create a number of unique features that can be applied to a number of web applications for business.

4.6
(4 ratings)

Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.

We will be using Dreamweaver as our development tool but it's not required. You can use any development tool of your choice or even Notepad.

Description

This course is geared for people who want to learn a little more about building web applications that have a business slant to them. Although there is some coding involved to get the budget sliders to work, you don't need a programming or a business background to create these projects. The content is explained in a very simple way.

It will take about three hours to complete this course. There is no material that you need to download as you will create everything you need from scratch! You will access two online resources.

This course starts out by first looking at the completed project. We then take a planned and methodical process to build one small step at a time. The lessons typically are short and you'll see yourself building momentum as you quickly progress through these lessons.

This course is geared for people who would want to start to add interactivity to their sites. Rather than having just pictures, text and links, you can now start to build an interface that engages visitors.

So if you're interested in learning how to create some neat interactions that has a bit of a business approach to it, this is the course for you.

At the end, you will have a fully functioning HTML5 website that you can populate with your own content.

Who is the target audience?

This course is meant for people at all levels to build a business web application from scratch

This is an overview of the course. You will be shown steps on how to build a web application as opposed to an entire website.

Introduction

02:34

Before starting, professional developers define their. While this tutorial uses Dreamweaver, you can use your own editor to define the site. If you're editor doesn't work with sites, then you can just watch this lecture to get a sense of how to do it.

In this lesson you'll start adding the JavaScript to get the navigation to show and hide the appropriate DIV tags.

JavaScript and Navigation

09:34

This lecture will show you how to change the colour of the tabs as you click on them.

Highlight Tabs

06:08

This lesson will add the JavaScript code that shows and hides the DIV tags.

Show Hide Content

03:11

+–

Build Budget App - Structure

3 Lectures
18:14

This first lecture on the budget shows what the finished product looks like.

Introduction to the Budget App

01:40

In this lecture we will step through the process of building the first slider which is the food slider.

Making the Food Slider

09:07

Once the first slider is made, we can follow the structure used for the first slider to make the rest of the sliders.

Make Remaining Sliders

07:27

+–

JavaScript Coding for the Budget

6 Lectures
33:29

Rather than storing all the JavaScript code within the HTML file, you can write the code in an external JS file and link the HTML file to it. This makes it easier to reuse the code with other HTML files.

In order to get the values from the different sliders, you need to have some variables point to the sliders. You can't link variables to the slider until after they have been loaded. This lecture shows you how this is done.

Loading Slider Initializer Function

03:37

This lecture will step you through the process of changing the value of the text based on the value of the food slider.

Output for Food Slider

04:15

Once the food slider provides an update, we will follow the coding sample to make the other sliders work the same way.

The Rest of the Sliders

03:57

This lecture will step you through the process of getting values from the slider.

Get Values

07:54

Now that all the sliders are displaying the values, it's time to add the values together to get a grand total. This lecture will step you through this process.

Display Grand Total

05:57

JavaScript Quiz

5 questions

+–

Add an Interactive Map

2 Lectures
06:01

This lecture will step you through the process of embedding a live map in from the web service Google Maps.

Embed Map

03:04

Once the map is in your app, you can alter the parameters to change the look of the app. This lecture will show you how to make some simple changes.

Krista is a professional developer, professor and conference speaker. She travels throughout North America speaking on topics related to development, design and delivers workshops specializing in explaining complex concepts in a straightforward and simple way to people with a variety of backgrounds.

Her background is in Advertising and Communications with a focus toward digital and electronic communications and development of web and native applications for iOS and Android devices. She was hired to teach technology related courses at the post secondary and post graduate level in 2013, and has been strengthening her skills and building up lessons and techniques for teaching that she's anxious to share.

Krista's has a Diploma in Advertising, a Degree in Communications and a Post-Grad Certificate in Mobile Application Development.

Phil Cowcill has been working with educational technology since 1983. He started developing websites in 1994. In 1995, he started teaching full-time multimedia and web development at the post-graduate level. In 2011, Mr. Cowcill designed and delivered Canada's first Mobile Application Development program for a college. This program was also at the post graduate level.

He's very passionate about helping people learn. Most of his students over the years come with out having a programming background. He has found a way to explain difficult concepts to non technical people. This has provided people without a programming background to now successfully build web sites, interactive learning, games and native mobile applications for both Android and iOS.

Now that Mr. Cowcill has retired from full-time teaching, he's looking to share his experience and knowledge with a much larger "class". Mr. Cowcill is first and foremost an educator and is here to help upgrade your skill by helping you learn.