Duration
Introduction to Web Development
5 days
Overview
This 5-day intensive course will provide an introduction to the core technologies used in web development.
Students will learn the fundamentals of HTML, CSS, and JavaScript, including DOM manipulation, event handling, and basic web page interactivity.
The course will also cover introductory concepts of SVG, XML, jQuery, and PHP.
Target Audience
Beginners with little to no prior programming experience.
Learning Objectives
- Understand the basic structure and syntax of HTML, CSS, and JavaScript.
- Create simple web pages with basic HTML elements and style them using CSS.
- Learn to manipulate the Document Object Model (DOM) using JavaScript.
- Understand the concept of event handling in JavaScript.
- Learn basic JavaScript concepts like variables, data types, operators, and control flow.
- Understand the basics of SVG for creating vector graphics.
- Learn the basic structure and syntax of XML.
- Learn how to use jQuery for simplified DOM manipulation and event handling.
- Understand the basic concepts of server-side scripting with PHP.
Day 1: HTML Fundamentals
- Introduction to the World Wide Web and its core technologies.
- Basic HTML structure: tags, attributes, and elements.
- Common HTML elements
- Headings
- Paragraphs
- Lists
- Images
- Links.
- Creating simple web pages with basic HTML elements.
- HTML tables and forms.
- Introduction to CSS: Cascading Style Sheets.
- Basic CSS syntax
- Selectors
- Properties
- Values
- Applying CSS to HTML elements
- Inline
- Internal
- External stylesheets
Day 2: CSS and Introduction to JavaScript
- CSS layout: positioning elements
- Float
- Absolute
- Relative
- CSS flexbox and grid for responsive layouts.
- CSS animations and transitions.
- Introduction to JavaScript: variables, data types, operators.
- Control flow
- Conditional statements (if/else)
- Loops
- Introduction to the Document Object Model (DOM).
- Basic DOM manipulation: accessing and modifying HTML elements.
Day 3: JavaScript Continuation and SVG
- JavaScript functions: defining and calling functions.
- Event handling: handling user interactions (click, hover, etc.).
- Working with JavaScript objects.
- Introduction to SVG: Scalable Vector Graphics.
- Basic SVG shapes: lines, rectangles, circles, paths.
- Using CSS to style SVG elements.
- Creating simple SVG graphics.
Day 4: XML, jQuery, and Introduction to PHP
- Introduction to XML: Extensible Markup Language.
- XML syntax and structure.
- Using XML for data exchange.
- Introduction to jQuery: a JavaScript library for simplified DOM manipulation.
- jQuery selectors and methods.
- Handling events with jQuery.
- Introduction to PHP: server-side scripting language.
- Basic PHP syntax: variables, data types, and output.
Day 5: PHP and Project
- PHP arrays and loops.
- Working with forms in PHP: handling form submissions.
- Introduction to databases and basic interaction with databases using PHP
- Create a simple web page with basic interactivity using HTML, CSS, JQuery, PHP, SVG and XML,
Sample project
To-Do List by incorporating PHP for server-side data handling. Students will create an interactive to-do list application where users can add, view, and potentially mark tasks as complete.
Programme scope, delivery arrangements and suitability are confirmed during enquiry.