Web Application Development Course Outline

Lesson 1. Orientation

1.1 Syllabus Review – course content, resources and procedures
1.2 Subscribe to course calendar and Google + community

Lesson 2. How the Web Works

2.1 History and background of the Internet
2.2 Types and Purposes of web sites
2.3 5 phases of web development life cycle
2.4 Working with web clients and servers
2.5 Web protocols, such as HTTP, HTTPS, DNS, URL, and more!

Lesson 3. Code Versioning

3.1 What is version control and a version control system (VCS)?
3.2 The advantages of using a VCS for developers
3.3 Basic Git commands (commit, push, pull, clone, etc.)
3.4 How to create a local and remote repository using GitHub

Lesson 4. JavaScript 1 – JavaScript Basics and Dev Tools

4.1 Storing and tracking information with variables
4.2 Making decisions with conditional statements
4.3 How to access developer tools, the devTools window, inspecting the DOM and styles, debugging JavaScript

Lesson 5. JavaScript 2 – Loops, Objects, and Arrays

5.1 Control structures: while, do..while, for loop
5.2 Creating reusable code with functions
5.3 Storing value in an array
5.4 Tracking data using objects – JSON

Lesson 6. JavaScript 3 – JavaScript and the DOM

6.1 What is the Document Object Model (DOM)?
6.2 Change the content of HTML elements, CSS properties and attributes
6.3 React to HTML DOM events
6.4 Add, modify and delete HTML elements

Lesson 7. jQuery Basics

7.1 jQuery Basics and how it works
7.2 jQuery core features – DOM manipulation, event handling, AJAX support, and animation
7.3 jQuery useful resources

Lesson 8. AJAX

8.1 What is AJAX and examples of applications using AJAX
8.2 How AJAX works
8.3 How to handle an AJAX HTTP request to a server and the response
8.4 Working with the response data (JSON) from a web service and/or a database

Lesson 9. Putting it all Together

9.1 This lesson will apply the concepts from all previous lessons to develop a web application solution