/
Study Resources

Study Resources

HTML, CSS and JavaScript (Frontend)

Make sure you know…

  • Basic HTML syntax, basic elements (divs, images, forms, semantic HTML) and attributes.

  • Basic CSS syntax, flex box and grid.

  • Basic JavaScript syntax including variables, control structures, arrow functions and classes.

  • Asynchronous JavaScript and Promises.

  • JavaScript classes, getters and setters.

  • Basics of the DOM in the browser.

Resources

React (Frontend)

Make sure you know…

  • HTML, CSS and vanilla JS.

  • Basics of JSX.

  • What React functional components and props are.

  • Basic React hooks such as useState and useEffect.

Resources

TypeScript (Frontend)

Make sure you know…

  • How to specify types of variables, return types of functions in JavaScript

  • Interfaces

  • Access modifiers in classes

  • Generics (for React)

Resources

svg.js (Visualiser)

Make sure you know…

  • How to animate DOM objects

  • How to create and manipulate an animation timeline

Resources


Node, Express (Backend)

Make sure you know…

  • The basics of how to write a REST API.

    • You would have learned how to do this in COMP1531

Note: if you know JavaScript, there will be virtually no learning curve in knowing how to work with Node.js.

Resources

MongoDB (Backend)

Make sure you know…

  • What Mongoose is and what it does for you.

    • You’ll pick it up quite quickly through reading and working with the existing codebase, so don’t worry!

Note: it’s worth stating what you don’t need to know for development. You don’t really need to know SQL or how to work with databases because you’ll be working with MongoDB via the Mongoose library (although having the knowledge will definitely help).

Resources

 

Related content