Intro to Web Development

  • bvseo_sdk, p_sdk, 3.2.1
  • CLOUD, getReviews, 4.15ms
  • REVIEWS, PRODUCT
  • bvseo-msg: HTTP status code of 404 was returned; HTTP status code of 404 was returned;
Intro to Web Development
Course Trailer
Overview
1: Overview

In this episode, Daniel and Justin give a general overview of what to expect in the upcoming Intro to Web Development series. They cover topics like who is the intended audience, what the scope of the series will cover, and what are some specific topics that will be addressed.

2 min
Web APIs for JavaScript, Part 1
2: Web APIs for JavaScript, Part 1

In this episode, Daniel and Justin begin their look at building a Web API using JavaScript. They start by explaining what an API is, exploring the Browser Object Model, and reviewing the Windows Object. Then they look over the Location Object.

28 min
Web APIs for JavaScript, Part 2
3: Web APIs for JavaScript, Part 2

In this episode, Daniel and Justin continue their look at building a Web API using JavaScript. They pick back up by reviewing the History Object, the Screen Object, the Navigator Object, and the Document Object.

25 min
The Document Object Model, Part 1
4: The Document Object Model, Part 1

In this episode, Daniel and Justin begin their discussion and demonstration of the Document Object Model(DOM) used in Web API development. They start by introducing you to DOM "Getters" such as getElementById(). getElementsByTagName, querySelector, and querySelectorAll.

27 min
The Document Object Model, Part 2
5: The Document Object Model, Part 2

In this episode, Daniel and Justin continue their discussion and demonstration of the Document Object Model(DOM) used in Web API development. They pick back up by exploring different elements and their properties. Then they show you how to create your own custom elements with the createElement function and then make modifications to that custom element.

37 min
Working with Events
6: Working with Events

In this episode, Daniel and Justin discuss working with Events when building a Web API. They start by defining what constitutes an Event and the different types of Events you might employ. Then they demonstrate the basics of connecting those events to a response.

29 min
Data Storage in the Browser, Part 1
7: Data Storage in the Browser, Part 1

In this episode, Daniel and Justin look at some common ways in which data is stored using the browser. They begin by explaining the use of cookies to store data in the browser, how to create your own cookies, and reasons you may or may not want to use them.

20 min
Data Storage in the Browser, Part 2
8: Data Storage in the Browser, Part 2

In this episode, Daniel and Justin continue their look at ways in which you can store data in the browser. They start by exploring the LocalStorage feature of the browser; discussing and demonstrating its use. Finally, they check out the IndexedDB solution for browser data storage.

25 min
Let’s Build It: Counter, Part 1
9: Let’s Build It: Counter, Part 1

In this episode, Daniel and Justin begin building a Web API using the foundational skills from previous episodes. Here they will demonstrate building a counting utility which utilizes Events, Document Object Models, display manipulation.

33 min
Let’s Build It: Counter, Part 2
10: Let’s Build It: Counter, Part 2

In this episode, Daniel and Justin continue building their Counter program as a Web API, this time explaining the process of Refactoring which is basically taking code that you've already gotten to work and making it more maintainable and modular.

34 min
Let’s Build It: Timer, Part 1
11: Let’s Build It: Timer, Part 1

In this episode, Daniel and Justin are back in their Intro to Web Development series with another Build-It project. This time they will be creating a countdown timer app using the techniques we've learned so far as well as a few new tips and tricks.

32 min
Let’s Build It: Timer, Part 2
12: Let’s Build It: Timer, Part 2

In this episode, Daniel and Justin continue building their timer app as a Web API. They begin by debugging their timer app as it had some unexpected results when running, which they use to illustrate their methodology for debugging and improving your code.

35 min
Let’s Build It: Timer, Part 3
13: Let’s Build It: Timer, Part 3

In this episode, Daniel and Justin finish building their timer app as a Web API. Here they make some changes to our Timer app that address a runtime issue as well as making it more appealing stylistically.

24 min
Let’s Build It: Hangman, Part 1
14: Let’s Build It: Hangman, Part 1

In this episode, Daniel and Justin are back with another example app which will give us more experience with coding a Web API. Watch as they build a simple hangman game which will help us develop our proficiency with handling keyboard Events.

36 min
Let’s Build It: Hangman, Part 2
15: Let’s Build It: Hangman, Part 2

In this episode, Daniel and Justin continue building their hangman game as a web API which will give us more experience working through the logic, functions, and styling commonly used in modern web applications.

26 min
Let’s Build It: Hangman, Part 3
16: Let’s Build It: Hangman, Part 3

In this episode, Daniel and Justin put the finishing touches on their Hangman application. They begin with more refactoring of the code to make it more modular and maintainable. They also make some changes to the way that app interacts with the user to make it more "user friendly".

23 min
Let’s Build It: Piano, Part 1
17: Let’s Build It: Piano, Part 1

In this episode, Daniel and Justin begin building a "Piano" type web app to illustrate more handling of key press events, which in this case will make sounds. Key concepts to take away include: Using the data attributes of HTML and using audio elements programmatically.

28 min
Let’s Build It: Piano, Part 2
18: Let’s Build It: Piano, Part 2

In this episode, Daniel and Justin continue working on their "Piano" web app, adding more functionality and usability. Key concepts to take away include: Utilizing repetitive nature of HTML for selection and using CSS transitions in conjunction with JavaScript to accentuate application behavior.

26 min
Let’s Build It: Piano, Part 3
19: Let’s Build It: Piano, Part 3

In this episode, Daniel and Justin finish refactoring and refining their Piano application. Key concepts to take away include: The importance of being careful and diligent to pay attention to details during the refactoring process and the debugging process.

min
Justin Dennison

ALMA MATER

University of Florida

INSTITUTION

ITProTV

About Justin Dennison

Justin Dennison leads AWS and developer content creation for ITProTV, an elearning company specializing in information technology education. He has experience in multiple programming languages. His certifications inlcude AWS Certified Solutions Architect - Associate; AWS Certified Developer - Associate; AWS Certified Cloud Practitioner; Oracle Certified Associate; Java SE 7 Programmer.

Also By This Professor