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.
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.
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.
This lecture will show you the code used to make the HTML structure. There's no content, just the structure.
The navigation is a little different than most websites. The code here will setup the navigation so they will eventually look like tabs.
This lecture will step you through the process of adding some randomly generated text for the first tab.
Starting with this lecture, we start creating rules to make the site look more professional.
Here you are going to write the rules to configure what the main tag will look like. This will shape the look of the main content areas of the web app.
This lecture is where you change the navigation links into tabs.
This lecture will show you how to change the colour of the tabs as you click on them.
This first lecture on the budget shows what the finished product looks like.
In this lecture we will step through the process of building the first slider which is the food slider.
Once the first slider is made, we can follow the structure used for the first slider to make the rest of the sliders.
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.
This lecture will step you through the process of changing the value of the text based on the value of the food slider.
Once the food slider provides an update, we will follow the coding sample to make the other sliders work the same way.
This lecture will step you through the process of getting values from the slider.
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.
This lecture will step you through the process of embedding a live map in from the web service Google Maps.
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.
This lecture goes through the process of creating a basic HTML structure for a standard web form.
It's important to use the email input when asking for people's email. It doesn't change the look of the text input but it will change the virtual keyboard for the mobile user.
This lecture coming up, we will step through some of the properties of the textarea input. We will also learn how to make some cosmetic changes.
In this lecture you will learn how to insert both a submit and a reset button.
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.