WSQ Front End Development (sf) (classroom and Asynchronous E-Learning)

In the Front-End Development module, learners will acquire a deep understanding of user interface design principles, UI development tools, techniques, libraries, frameworks, single-page application development and testing. The module begins with learners acquiring a thorough comprehension of design thinking methodologies, UI heuristics, visual design principles, user experience design metrics and prototyping techniques, leading to transform the designs to user-centric websites. The instructional units equip them with the knowledge necessary to create interactive user interfaces and deliver seamless experiences. By engaging in practical exercises and hands-on activities, learners develop a high level of proficiency in creating visually appealing websites that adhere to the best UI design principles, leveraging front-end tools, techniques, frameworks, and libraries.

The module project provides learners with an opportunity to demonstrate their skills in analyzing business requirements, conducting user research, creating personas, wireframing, prototyping, and transforming them into visually appealing website designs. Their expertise in UI development tools, techniques, and responsive design allows them to apply the most effective UI design principles, resulting in the creation of responsive websites with interactive features that enhance user engagement. Additionally, graduates showcase their ability to optimize website performance for swift loading times and seamless navigation. In conclusion, learners acquire the ability to develop responsive websites that deliver optimal performance and an enhanced user experience, positioning themselves competitively in the field of front-end development.

What You'll Learn

This course is designed to target the audience who would like to gain front end development skills. Duration of this course is 40.5 hours.

This course comprises of following Instructional Units

• User Interface Design Principles
• Mark-up & Styling Languages
• Responsive Design
• Scripting & Single Page Application
• Testing & Documentation

Learning Outcomes -Knowledge

By the end of this module, learners will be able to:

• Explain user interface (UI) design principles, user experience (UX) design metrics, and heuristics for effective web design.
• Describe the role of markup and styling languages (HTML, CSS) in front-end development.
• Understand the principles of responsive design and how to create adaptable layouts for different screen sizes.
• Explain scripting techniques and single-page application (SPA) development using JavaScript frameworks.
• Recognize the importance of website testing, documentation, and performance optimization techniques.

Learning Outcomes -Skills

By the end of this module, learners will be able to:

• Apply UI and UX design principles to create user-centered website designs.
• Develop responsive web pages using markup and styling languages, frameworks, and libraries.
• Implement interactive web features using JavaScript and front-end frameworks.
• Conduct usability testing and performance evaluation to enhance user experience.
• Optimize website performance by improving loading times and navigation efficiency.

Ability Statement

By completing this module, learners will have the ability to design, develop, and optimize responsive, user-centric websites that adhere to UI/UX best practices, ensuring optimal performance and enhanced user engagement.

Minimum Entry Requirement

Academic Qualification – Minimum one credit in Nitec in STEM

English – IELTS 5.5 or its equivalent