Front-end development: responsibilities and practical exercise
Build the interfaces and check their behavior in the browser.
These sheets describe activities and teaching exercises. They do not constitute job offers, certifying courses or recruitment promises.
All job descriptionsAn exercise to practice
Create a catalog filter that can be used on the keyboard and shareable by a URL.
Work on a copy or demo environment. Define the data used and the expected result before you begin. Keep your decisions and the difficulties encountered in order to be able to explain the process.
- Define states and HTML structure before interactive behavior.
- Predict absence of javascript, loading and zero results as needed.
- Check keyboard, focus, long texts and small screens.
- Document dependencies and regression controls.
Deliverable and verifications
A functional interface, course tests and component documentation.
A complete task succeeds with different entries and errors remain accessible.
For each check, note the context, the action, the expected result and what has been observed. Distinguish a successful verification from a remaining hypothesis. Another person must be able to understand the deliverable without attending all its manufacture.
Use the Functional Validation BookPoints of vigilance and teamwork
Mouse operation on a single screen is not enough. The interface must announce its changes and maintain an understandable state.
Collaboration to explore: Design UI.
Specify the sharing of responsibilities: who provides the information, who decides, who checks and maintains the result. A good handover retains the constraints and decisions, not just the final file.
Employment, trades and trainingFrequently asked questions
Does this exercise prove a professional qualification?
It allows you to show an approach and its limits. It is neither a diploma, nor a certification, nor proof of a production experience.
How to present the work in a portfolio?
Specify that this is an exercise, your role, constraints, decisions and checks. Use test data and media whose rights are established.
How to assess the quality of the deliverable?
A complete task succeeds with different entries and errors remain accessible. Add the difficulties encountered and what remains to be verified rather than presenting absolute validation.