Module 1 – Web Development

Lesson 1: Introduction to the Web

In this lesson, we briefly discuss the architecture of the web. This allows you to solidify your understanding of the client/server architecture before we begin scripting. First we delve into better understand the internet and the world wide web, then we move onto networking basics, followed by a very important topic, web server basics. Lastly, we wrap this session up with languages of the web, which includes HTML and CSS.

Lesson 2: Introduction to HTML

In this lesson, we jump right into web development we learn more about the HTML markup language. We will install the required software so that we can begin developing our first web page using HTML. So stay tuned, because it’s going to be an exciting lesson! 

Lesson 3: HTML elements

In this lesson we review the important and common HTML elements used in web development. Here we will focus on text level elements, grouping elements and provide our website with a more coherent structure and flow by implementing very basic navigation. We will also explore the importance of making comments in our code.   

Lesson 4: HTML attributes

Web applications cannot exist without a back-end. The ability of a web application to recognize, remember, and recall information about a user, and to provide personalized, dynamic content is what sets them apart from a standard website. This class will investigate the two main technologies used to provide this dynamic functionality, namely the back-end code, and databases. 

Lesson 5: HTML inputs

In this lesson we delve right into HTML inputs and forms. These elements allow us to capture data from the user to be processed by either a database or server. We can also use an array of input types to make websites more dynamic and interactive. By the end of this session, we will wrap everything up with all that we have learned so far in HTML by completing a practical session. 

Lesson 6: Introduction to CSS

In this lesson, you will be introduced to CSS as a styling language. This will give you an idea of how we go about styling our bare bone website to something more appealing to end users. CSS is the most popular language used when it comes to styling our website and it is capable of dramatically improving the usability of a website. So stay tuned, because things are going to become a lot more colourful.  

Lesson 7: PHP & Databases

In this lesson we will discuss the CSS box model and learn all about how we can use padding, margin and borders to style our elements. This will greatly improve the layout and dimensions of our elements. We will also learn all about positioning our styled elements in our viewport and working with animations. To wrap things up we will put everything we’ve learned so far into practice. 

Lesson 8: HTML and CSS Project

In our final lesson of module 1, we’ll be gearing towards bringing everything together. This includes everything we have covered in CSS and HTML. We’ll develop a single page application as part of this major project and we’ll use animations, positioning, padding and margins – you name it! The goal is to develop a basic front-end web page for an e-commerce grocery store. So put on you creativity hats because this is going to be an exciting project! 

Module 2 – Web Development

Lesson 1: Introduction to JavaScript

In this lesson we will explore JavaScript as a programming language and its role in web development. We will also have a look at the JavaScript syntax and identify online code editors we can to robustly test our code. Last we’ll demonstrate the use of JavaScript in action with a couple of examples. 

Lesson 2: JavaScript Data Types and Variables

In this lesson, we dive right into writing JavaScript code. First we will familiarise ourselves with creating variables, after which we will discuss the different data types JavaScript has to offer. We will then move onto outputting the code we have written to the client, so stay tuned for this lesson because it’s going to be a practical one. 

Lesson 3: Operators and Conditional Logic

In this lesson, we explore the use of operators in JavaScript. Operators are an excellent way to perform arithmetic computation. It’s also a core part of implementing conditional logic in our code. So come prepared with your thinking hats and prepare yourself for some basic algebra. 

Lesson 4: JavaScript Loops and Arrays

In this lesson we tackle one of the trickiest concepts in programming – loops. In JavaScript, loops are particularly powerful in the event that we want to save time writing code or if we are required to perform tedious tasks indefinitely. In this lesson, we’ll learn all about the 3 basic loops, the for loop, while loop and do while loop. 

Lesson 5: JavaScript Objects, Properties and Methods

In this lesson, we explore role of properties and functions, otherwise known as methods, in JavaScript. Properties allow us to manipulate characteristics of objects both in vanilla JavaScript and the HTML document object model. While functions or methods are extremely powerful for building reusable code to perform specific tasks. 

Lesson 6: Advanced Front-end Scripting

In this lesson, we will focus on bringing it all together, everything we’ve learned in front-end web development thus far. This includes HTML, CSS and JavaScript. This lesson will lay the foundation for the major project as we come the end of this course. Much like the previous lesson, it’s going to be quite code intensive so ensure that you are fairly comfortable with everything we’ve covered in web development up to this point. 

Lesson 7: Core Project – Part-1

In this lesson, we dive right into the first of two lessons where we will tackle our course project. Everything we’ve learned so far has been to prepare us for this major project. We will develop a very basic single page application for an HR system that allows an HR department to capture employee data and schedule interviews for any upcoming roles. This is going to be an exciting one and it will require your thinking hat. 

Lesson 8: Core Project – Part-2

Everything we’ve been working towards in the last two modules has been to prepare us for this major project. In this lesson we’ll finalise our basic single page application for an HR system that allows an HR department to capture employee data and schedule interviews for any upcoming job roles. We have tons to do, so let’s dive right into it. 

Module 3 – Web Development

Lesson 1: Introduction to PHP

In this lesson, we will revisit the concept and architecture of server-side technologies. We’ll also explore the PHP programming language and install a server on our local machine. 

Lesson 2: Basic PHP syntax

With our server installed we will proceed with learning the PHP syntax. The focus here is understanding the basic syntax, how to work with variables and output data. 

Lesson 3: PHP variable scope

Given that we’ve covered variables; it’s time to understand the concept of scope. In this lesson we explore the use of variable scope to manage variable exposure within our script. 

Lesson 4: PHP data types

Like many other programming languages, data types are important to grasp. The focus here is on how to use some the most common data types to perform different computation operations. 

Lesson 5: PHP operators

Like many other programming languages, data types are important to grasp. The focus here is on how to use some the most common data types to perform different computation operations. 

Lesson 6: PHP loops and functions

Reusable code offers developers a means to create modular blocks of code that can be called without hardcoding values and writing lengthy scripts. Using loops and functions are extremely useful to perform tasks that require a touch of automation. 

Lesson 7: PHP superglobals

Superglobals in PHP are ideal when developers require universal access to script computation, variables and even server details. In this lesson, we learn all about the widely used superglobals to manage user input and sessions data.  

Lesson 8: PHP superglobals practical

In this lesson we’ll learn how to use superglobals alongside some core PHP principles to send data between scripts before a deep dive into databases.