Skip to Content

FED VOC

Year 1
- HTML and CSS
  
  Module 1
  
  Overview
  Introduction
  File management
  Fonts
  
  Module 2
  
  Overview
  Images and Icons
  Forms
  Navigation
  CSS Box Model
  
  Module 3
  
  Overview
  Positioning
  Flexbox
  CSS Grids
  Media Queries
  
  Module 4
  
  Overview
  Bug Fixing
  Animations and transitions
  CSS Variables
  Common layouts
  
  Course Assignment
  
  Brief
  Marking Criteria
  
  Semester Project 1
  
  Brief
- Programming foundations
  
  Module 1
  
  Overview
  Getting Started
  Strings, Numbers, Booleans
  Making Decisions
  Loops
  
  Module 2
  
  Overview
  String properties
  Arrays
  null, Objects and arrays of objects
  Introduction to functions
  
  Course Assignment
  
  CA Brief
  Marking Criteria
- Javascript 1
  
  Module 1
  
  Overview
  Introductory concepts
  Manipulating the DOM
  Creating HTML from objects
  Creating HTML in functions
  
  Module 2
  
  Overview
  forEach, setTimeout and setInterval
  DOM events
  length, trim, addEventListener and onkeyup
  More DOM concepts
  
  Module 3
  
  Overview
  Query Strings and GET requests
  Handling errors
  Arrow functions and promises
  More about calling APIs
  
  Module 4
  
  Overview
  Skipping Certain API results
  Single API results and the filter method
  Query string parameters
  Form validation
  
  Course Assignment
  
  Course Assignment Brief
- Interaction design
  
  Module 1
  
  Overview
  What is Interaction Design
  Design Research
  Personas and Scenarios
  Usability Testing
  
  Module 2
  
  Overview
  Persuasion and Design Values
  Context and Platforms
  Info Architecture and Design for the Middle
  Design the Flow
  
  Module 3
  
  Overview
  Metaphors, Affordances, and Signifiers
  Take Action and Get Feedback
  Handling Errors
  Practical UX design
  
  Course Assignment
  
  Course Assignment Brief
- CMS
  
  Module 1
  
  Overview
  What are CMSs and why use them
  How to get set up with WordPress
  Site Administration
  Appearance
  
  Module 2
  
  Overview
  Introduction to PHP
  Child themes
  Working with child themes
  WordPress REST API
  
  Course Assignment
  
  Course Assignment Brief
- Exam
  
  Semester Exam
  
  Exam Brief
- Portfolio
  
  Semester Portfolio
  
  Portfolio Brief
Year 2
- Introduction
  
  Welcome
  
  Overview
- CSS Frameworks
  
  Module 1
  
  Overview
  Introduction to frameworks
  Introduction to Bootstrap
  Introduction to SASS
  Customising Bootstrap
  
  Course Assignment
  
  CA Brief
  Marking Criteria
  
  Additional Content
  
  Introduction to Tailwind CSS
  Building with Tailwind CSS
- Javascript 2
  
  Module 1
  
  Overview
  Debugging
  JSDocs
  JSON
  Local Storage
  Destructing
  Map
  Set
  Classes
  Advanced Topics
  
  Module 2
  
  Overview
  Array Methods
  Map()
  filter()
  Reduce()
  Find() and findIndex()
  Some() and every()
  Object Methods
  Chaining
  Best Practices
  
  Module 3
  
  Overview
  ES6 Modules Introduction
  ES6 Modules Setup
  ES6 Modules Basics
  Splitting Code
  Additional Info
  
  Module 4
  
  Overview
  Asynchoronous Code
  Callbacks
  Promises
  Async/Await
  API
  REST
  fetch()
  HTTP Response status codes
  HTTP Request Methods
  HTTP GET Request Method
  HTTP POST Request Method
  HTTP PUT Request Method
  HTTP PATCH Request Method
  HTTP DELETE Request Method
  Postman
  URL Parameters
  JWT
  
  Module 5
  
  Overview
  Factory functions
  Object literal
  IIFE
  Module pattern
  Singleton pattern
  Observer pattern
  
  Course Assignment
  
  Course Assignment Brief
  Marking Criteria
  
  Additional Content
  
  Overview
  Algorithms
  Big O Notation
  Sort - Bubble sort
  Sort - Insert sort
  Sort - Selection Sort
  Search - Linear Search
  Search - Interpolation Search
  Graphs - Breadth First
  Graphs - Dijkstra's Algorithm
  Data Structures - Linked Lists
- Workflow
  
  Module 1
  
  Overview
  Git command line
  Git your own adventure
  Introduction to Github Actions
  Managing Secrets
  
  Module 2
  
  Overview
  Your working enviromnent
  Tailoring your enviromnent
  Automating your workflow
  Using a Bundler
  
  Module 3
  
  Overview
  Introduction to testing
  Unit testing
  End-to-end testing
  Automated testing
  
  Course Assignment
  
  Course Assignment Brief
  Marking Criteria
  Resit
- Semester Project 2
  
  Project
  
  Brief
  Marketing Criteria
- Industry Knowledge
  
  Module 1
  
  Overview
  Job options in web development
  Your first job
  Preparing your GitHub Account
  Creating your Portfolio website
  
  Module 2
  
  Overview
  Freelancing
  Positioning and pricing
  Finding clients
  Contracts
  
  Course Assignment
  
  Overview
- Development platforms
  
  Module 1
  
  Overview
  Relational Datastores
  Non-Relational Datastores
  Caching
  DBaaS
  
  Module 2
  
  Overview
  Hosting
  Networking
  Baas
  BaaS starter
  
  Module 3
  
  Overview
  DevOps
  Security
  Containerization
  Machine learning
  
  Course Assignment
  
  Overview
  Marking Criteria
  Collaboration guide
- JavaScript Frameworks
  
  Module 1
  
  Overview
  Introduction
  Getting started with React
  JSX
  Components
  Props
  Events
  State
  Mapping out lists
  Conditional rendering
  React dev tools
  Best practices
  
  Module 2
  
  Overview
  Basic classes
  CSS Modules
  SASS
  Styled-components
  UI & CSS Frameworks
  Using images
  
  Module 3
  
  Overview
  useState
  useEffect
  useReducer
  useContext
  State Management
  Zustand
  Redux Toolkit (Depreciated)
  
  Module 4
  
  Overview
  React Router
  API Calls
  Using route params to fetch data
  Creating our own hooks
  API Hook
  Forms
  react-hook-form
  
  Module 5
  
  Overview
  Testing in React
  Deploying a site ot Netlify
  TypeScript
  
  Course Assignment
  
  Brief
  Marking Criteria
  
  Additional content
  
  RTK Query
  TanStack Query
- Project Exam 2
  
  Brief
  
  Overview
  Overview (Open source)
  Delivery template
- Portfolio 2
  
  Brief
  
  Overview

Module 5

On this page

Overview

Welcome to module 5, where we will be looking at testing in React, deploying a site to Netlify, and TypeScript in React.

Edit this page

On this page

Overview

Edit this page

Made with ❤️