Web Development
Syllabus
1. Introduction to front-end development
● Distinguish between front-end, back-end, and full-stack developers.
● Create and style a webpage with HTML and CSS.
● The benefits of working with UI frameworks.
2. Programming with JavaScript
● Creating simple JavaScript codes.
● Creating and manipulating objects and arrays.
● Writing unit tests using Jest
3. Version Control
● Implement Version Control systems
● Navigate and configure using the command line
● Use a GitHub repository. Create a GitHub repository
● Manage code revisions
4 HTML and CSS in depth
● Create a simple form with a responsive layout using HTML5 and CSS
● Create a responsive layout using CSS
● Create a UI using Bootstrap
● Implement debugging tools
5 React Basics
● Use reusable components to render views where data changes over
time
● Organise React projects to create more scalable and maintainable
websites and apps
● Use props to pass data between components. Create dynamic and
interactive web pages and apps
● Use forms to allow users to interact with the app. Build an application
in React
6. Advanced React
● Create robust and reusable components with advanced techniques
and learn different patterns to reuse common behaviour
● Interact with a remote server and fetch and post data via an API
● Seamlessly test React applications with React Testing Library
● Integrate commonly used React libraries to streamline your application
development
7. Principles of UX/UI Design
● Describe the fundamentals of User Experience (UX) design and
research
● Describe accessibility considerations in design
● Practise developing user empathy through research
● Create wireframes and prototypes in Figma
8. Front-End Developer Capstone
● Design and style a responsive User Interface (UI)
● Demonstrate clean and bug free coding
● Use React components to create multiple views
● Create a website front-end using React JS and JavaScript
9. Coding Interview Preparation
● Prepare for a coding interview
● Prepare for a Meta interview
● Solve problems using code