À propos du rôle
Nous recherchons un développeur Full Stack passionné pour faire évoluer artmontreal.ca, le site d'AvangArtiste. Vous serez le pilier technique du projet et travaillerez sur des interfaces modernes et performantes au service de l'art et de la culture.
Vos Responsabilités
Développement de fonctionnalités
Concevoir et implémenter de nouvelles features front-end (React) et back-end (API Routes Next.js / Serverless).
Architecture & Déploiement
Gérer le cycle de vie des applications via GitHub et Vercel (CI/CD, gestion des environnements de pré-production/production).
Optimisation
Assurer la performance (Core Web Vitals) et le SEO technique des sites.
Profil Recherché
- Expérience concrète en développement web sur la stack React/Next.js.
- Capacité à travailler de manière autonome et à résoudre des problèmes complexes.
- Sensibilité au design et à l'expérience utilisateur (UX/UI).
- Intérêt pour le milieu artistique ou culturel est un plus.
Ce que nous offrons
- Un environnement de travail stimulant à Montréal, au contact d'une équipe culturelle.
- L'opportunité d'avoir un impact direct sur des plateformes visibles.
- Un environnement agile et moderne.
Objectifs
Les objectifs à atteindre sont basés sur les 3 grandes axes de responsabilités du développeur Full-Stack : 1) développement de fonctionnalités, 2) architecture et déploiement et 3) optimisation. Les objectifs de chaque axe sont sur une base journalière, et ne sont pas tous à réaliser chaque jour. Ils servent comme une sélection d'objectifs que le stagiaire peut choisir de prioriser selon la situation du projet.
Important
L'usage de l'IA dans le travail du stage est permis à condition que le stagiaire comprenne la démarche suivie et le résultat produit. En particulier, il doit pouvoir expliquer ce qui est écrit dans sa Pull Request lors de la passation du code au Scrum Master. Un stagiaire incapable d'expliquer son propre travail lorsqu'on le lui demande s'expose à une exclusion du stage.
Questions d'entretien
1. Peux-tu te présenter et expliquer ton intérêt pour ce stage ?
Je suis un développeur web en formation ou en début de carrière avec de bonnes bases en JavaScript et React. Je souhaite approfondir mes compétences en développement full stack avec Next.js. Ce stage m'intéresse particulièrement car il me permettrait de travailler sur des projets concrets dans un environnement réel, tout en contribuant à des plateformes artistiques et culturelles.
2. Pourquoi vouloir travailler sur artmontreal.ca ?
Ces plateformes mettent en valeur l'art et la culture à travers le numérique. J'apprécie l'idée de développer des solutions techniques qui soutiennent des créateurs et des projets culturels, avec un impact réel et visible.
3. Qu'est-ce que React et pourquoi l'utiliser ?
React est une bibliothèque JavaScript utilisée pour créer des interfaces utilisateur. Elle repose sur des composants réutilisables et permet de gérer efficacement l'état d'une application, ce qui rend le développement plus structuré et performant.
4. Quelle est la différence entre props et state ?
Les props sont des données passées d'un composant parent vers un composant enfant et ne peuvent pas être modifiées par ce dernier. Le state est une donnée interne au composant qui peut évoluer dans le temps et déclencher un nouveau rendu.
5. Qu'est-ce qu'un hook React ? Donne un exemple.
Les hooks permettent d'utiliser des fonctionnalités avancées de React dans les composants fonctionnels. Par exemple, le hook useState permet de gérer un état local et useEffect permet d'exécuter du code après le rendu d'un composant.
6. Pourquoi utiliser Next.js au lieu de React seul ?
Next.js est un framework basé sur React qui ajoute des fonctionnalités comme le rendu côté serveur, le rendu statique, le routage automatique et une meilleure optimisation SEO, ce qui est essentiel pour des sites publics.
7. Quelle est la différence entre SSR, SSG et CSR ?
SSR (Server Side Rendering) : la page est générée à chaque requête côté serveur. SSG (Static Site Generation) : la page est générée au moment du build. CSR (Client Side Rendering) : le rendu se fait côté navigateur.
8. À quoi servent les API Routes dans Next.js ?
Les API Routes permettent de créer des endpoints backend directement dans Next.js pour gérer des données, des formulaires, l'authentification ou communiquer avec une base de données.
9. Quels sont les enjeux et avantages de l'intelligence artificielle dans la production de code ?
10. En UX, quels sont les caractéristiques d'une bonne interface et étapes à suivre pour valider l'interface avant le développement ?
11. Quelle est la différence entre pull et push et quels sont les bonnes pratiques pour collaborer en équipe sur GitHub et comment faire une bonne pull request ?
12. As-tu déjà utilisé Git et GitHub ?
Oui, pour gérer le versionnement du code, travailler avec des branches, faire des commits clairs et collaborer sur des projets.
13. Quel est ton objectif à la fin de ce stage ?
Devenir plus autonome en développement full stack, approfondir mes connaissances en Next.js, travailler sur des projets réels et améliorer mes compétences techniques et professionnelles.
Postuler
Envoyez votre CV et vos relevés de notes en précisant le stage visé.