• How the internet works
• Setting up your Integrated Development Enviroment (IDE)
• Technologies to use

The main tool that will be used is Visual Studio Code

• What is HTML?
• The structure of an HTML document
• Starting to fill the structure
• Images & attributes
• URLs, Links & iframing
• Practice Exercise

• Getting started with CSS
• Starting to make our webpage beautiful: text
• Colors
• Classes and ID’s
• The CSS box model
• Building a simple layout
• Polishing our blog post
• Relative vs Absolute
• Practice Exercise

• Bootstrap Installation
• Responsive Navbar & nav colours
• Containers, media breakpoint & grid in Bootstrap 4
• Styling your pages with Icons

• The Steps in Analysing & Designing Web pages
• Git
• Project 1: Landing Page
• Project 2: Facebook Clone

• A brief introduction to Javascript
• Variables & Data Types
• Basic Operators
• DOM Manipulations & events
• If/else Statements
• Boolean Logic
• Arrays
• Functions (Arrow functions)
• Practice Exercise

• Introduction to programming with Python
• Command Line basics
• Installing python
• Variable Assignment
• Introduction to Strings
• Indexing & Slicing of strings
• Python data structures & data types (Lists, Sets, Tuples, Ranges, Dictionaries…)
• Conditionals (If, elif, else statements), Loops (for/while loops)& Exceptions
• List Comprehension
• Generators with Python
• Decorators
• Method & Functions
• Object-oriented programming

• Django project setup
• Setting up admin site
• URLs and views
• Static files
• Template inheritance
• Setting up your models
• Practice Project 1
• Practice Project 2