Web Development
The Web Design & Development unit of the course focusses on the process of designing and bulding websites.
What Will I Learn?
The course provides an introduction to the world of web design and development. Here's what you'll get out of it...
- 🎨 Become confident in designing websites
- 🖥️ Learn to build websites using HTML, CSS and JavaScript
- 🎯 Master the art of testing websites
- 🗒️ Develop the ability to evaluate a finished website
Chapters
Analysis
1 Functional Requirements
Learn to identify the end user and functional requirements of a website
Design
1 Website Structure
How to create a navigational diagram for a website
2 Wireframes
How to design a wireframe for a website
3 Low Fidelity Prototypes
Learn how low fidelity prototypes are used in web design
Implementation
1 HTML - Introduction
An introduction to HTML at Higher level
2 HTML - Semantic Elements
Learn some of the new HTML elements needed at higher
3 HTML - Form Elements
An introduction to HTML at forms
4 HTML - Form Validation
Learn to validate user inputs in form elements
5 CSS - Introduction
An introduction to CSS at Higher level
6 CSS - Display
How to use the display property in CSS
7 CSS - Box Model
An introduction to the CSS box model
8 CSS - Border
How to add a border to HTML elements
9 CSS - Padding
How to change the padding of an HTML element
10 CSS - Margin
How to change the margin of an HTML element
11 CSS - Float
Learn to use the float property
12 CSS - Clear
Learn to move content below a floated element
13 CSS - Sizes
How to change the height and width of an element
14 CSS - Links
How to remove the underline from a link
15 CSS - Lists
How to change remove bullet points from a list
16 CSS - Hover
Learn to change CSS when the cursor moves over an element
17 CSS - Grouping Selectors
Learn to apply CSS to mulitple elements
18 CSS - Descendant Selectors
Learn to use descendant selectors in CSS
19 JavaScript - Introduction
An introduction to JavaScript at Higher level
20 JavaScript - Events
Learn to use JavaScript events to run JavaScript code
Testing
1 Personas
How personas can be used to test a solution
2 Testing
Learn to test the main components of a webpage
3 Compatability
Learn about compatability testing
Evaluation
1 Evaluation
Learn to evaluate a finished website