Frontend Development Best Practices

This course offers a deep dive into best practices and techniques required to develop high-performance web applications. It is designed to equip students with valuable insights into the latest techniques, tools, and strategies for creating high-quality and scalable web applications.

2 Credits

2 weeks

SDE 807

Content

The course has a range of topics covering HTML, CSS, and JavaScript best practices, performance optimisation, accessibility, and responsive design. Over the duration of this course, students will work their way through the following topics:

  • Introduction to frontend development best practices
  • Version control with Git/GitHub
  • Building efficient HTML structures
  • Styling with CSS and CSS Pre-processors
  • Responsive web design principles
  • Web accessibility best practices
  • Optimizing website performance
  • JavaScript best practices; debugging and testing strategies
  • Cross-browser compatibility and troubleshooting.

Outcomes

By the end of the course, students should be able to:

  • Apply best practices in HTML and CSS to create responsive and accessible user interfaces that work on a variety of devices and platforms.
  • Implement modular, reusable code using JavaScript and libraries such as React or Vue.js, with a focus on code organization and maintainability.
  • Use modern development tools such as Git, package managers, and build tools to streamline the development process and automate repetitive tasks.
  • Apply performance optimization techniques to improve page load times and minimize network requests, while maintaining a high level of code quality and readability.
  • Collaborate effectively with designers, developers, and stakeholders by using industry-standard tools and methodologies for version control, project management, and communication.