1. Training Overview

This training is focused on professional hands-on practice.

Learners do not work only on isolated exercises. They receive project briefs inspired by real business, commercial, non-profit, and entrepreneurial needs, then design and deliver an appropriate web interface.

For example, a client may request:

• A homepage to present their business.
• A showcase website for their services.
• A product page to present an offer or sell an item.
• A contact or booking form.
• A mini website optimized for smartphones and computers.
• A clear interface that guides visitors toward a desired action.

Learners learn to analyze requirements, organize their projects, design pages, code interfaces, test layouts on different devices, fix issues, and present the final result to the client.

The training develops the professional habits expected from a Front-End Developer: understanding requirements, producing clear solutions, meeting deadlines, testing before delivery, and presenting one's work.

2. Practical Information, Schedule & Fees

Assignments, Projects & Feedback

• Tuesday, Thursday and Friday: practical lessons, exercises, assignments, and project submissions with instructor feedback.
• Following Monday: submission of finalized assignments and projects.
• Following Tuesday: corrections, feedback, and grade publication.

Training fees

3. What You Will Learn

This training enables you to master the essential tools and skills required to build the visible and interactive part of a website.

You will work with HTML, CSS, JavaScript, Visual Studio Code, Git, GitLab, Figma and wireframing tools, responsive testing tools, and website deployment tools.

By the end of the training, you will be able to:

• Understand client requirements and organize the pages of a website.
• Build a clear website structure with HTML.
• Correctly use HTML tags, links, images, buttons, forms, and sections.
• Design modern interfaces using CSS.
• Use colors, typography, spacing, grids, and professional layouts.
• Build websites optimized for smartphones, tablets, and computers.
• Use the mobile-first approach to build responsive interfaces.
• Create mobile menus, product cards, buttons, service sections, and forms.
• Add useful interactions with JavaScript.
• Create dropdown menus, modal windows, interactive buttons, filters, and simple confirmation dialogs.
• Test web pages and fix issues using browser developer tools.
• Improve a website's readability, accessibility, and navigation.
• Organize a project's files, images, stylesheets, and scripts.
• Use Git and GitLab to save, version, and present your work.
• Build a Front-End development portfolio.

4. Discover Our Other Training Programs

• Introduction to Computing and Office Software
• Professional Office Suite & Digital Workplace Tools
• MS Excel PRO
• Professional Graphic Design & Video
• Back-End Web Development
• Applied Artificial Intelligence

5. Registration & Contact

Join Samedi-Informatique and learn how to build modern, responsive web interfaces ready to be delivered to clients.