Derniers tutorials ajoutés (Tuto.com) https://fr.tuto.com/rss/last-entries Les derniers tutorials ajoutés sur Tuto.com fr-FR Copyright 2026 Retouche de paysage avec DxO PhotoLab : maîtrisez le RAW en 4 ateliers https://fr.tuto.com/dxo-photolab/dxo-photolab-retouche-paysage-raw,219271.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219271.jpg"/><br>Vos photos de paysage manquent de mati&egrave;re dans le ciel, souffrent d&#39;un contre-jour trop marqu&eacute; ou d&#39;un premier plan un peu fade ?<br /> Dans cette formation pratique, Julien Pons vous montre comment tirer le meilleur de vos fichiers RAW avec <strong>DxO PhotoLab 9</strong>, &agrave; travers quatre ateliers concrets tourn&eacute;s vers le r&eacute;sultat professionnel.<br /> <br /> Tous les fichiers sources sont fournis au format RAW, pris en Islande, pour que vous puissiez travailler exactement dans les m&ecirc;mes conditions que la vid&eacute;o. Vous suivez, vous reproduisez, vous progressez sur vos propres images. <h3>Ce que vous allez apprendre dans ce tuto DxO PhotoLab</h3> La formation s&#39;articule autour de sc&eacute;narios de retouche paysage que vous rencontrez au quotidien : <ul> <li><strong>Atelier 1 : changer la saison.</strong> R&eacute;cup&eacute;rer un ciel surexpos&eacute;, r&eacute;v&eacute;ler la mati&egrave;re dans les hautes lumi&egrave;res et transformer un paysage d&#39;&eacute;t&eacute; en ambiance d&#39;automne gr&acirc;ce au TSL et &agrave; sa glissi&egrave;re d&#39;uniformit&eacute;.</li> <li><strong>Atelier 2 : g&eacute;rer un contre-jour.</strong> &Eacute;galiser un ciel spectaculaire et un premier plan sous-expos&eacute; avec les masques, le filtre gradu&eacute; et la courbe des tons, sans virer au faux HDR.</li> <li><strong>Atelier 3 : retouches locales et parcours visuel.</strong> Guider le regard avec le micro-contraste, la nettet&eacute; s&eacute;lective et un travail couleur bleu et orange compl&eacute;mentaire.</li> <li><strong>Atelier 4 : Islande en noir et blanc.</strong> Convertir avec le m&eacute;langeur de canaux, sculpter la lumi&egrave;re au Smart Lighting et teinter votre monochrome &agrave; la courbe, sans avoir besoin du Film Pack.</li> </ul> <h3>Les techniques DxO PhotoLab au programme</h3> Au fil des ateliers, vous ma&icirc;trisez les outils qui font la force du logiciel : le <strong>masquage IA</strong> et les retouches locales au pinceau pour ceux qui n&#39;ont pas la derni&egrave;re version, la tonalit&eacute; s&eacute;lective, le micro-contraste, la correction des aberrations chromatiques et du vignettage, le recadrage, et bien s&ucirc;r le d&eacute;bruitage <strong>DeepPrime</strong> et DeepPrime XD pour un rendu propre m&ecirc;me sur un capteur ancien.<br /> Une approche directe et p&eacute;dagogique, pens&eacute;e pour que vous deveniez autonome sur le d&eacute;veloppement RAW de vos paysages. <h3>Pour aller plus loin</h3> Si vous d&eacute;butez sur le logiciel ou souhaitez en couvrir toutes les fonctions, d&eacute;couvrez tous les tutos DxO PhotoLab, et notamment la formation compl&egrave;te DXO du m&ecirc;me auteur. Ou alors optez pour ce cours de 9 ateliers pratiques concernant la Nik Collection. https://fr.tuto.com/dxo-photolab/dxo-photolab-retouche-paysage-raw,219271.html Fri, 10 Jul 2026 11:41:30 +0200 Créer un beat House moderne sur Logic Pro, comme Solomun et Skrillex https://fr.tuto.com/logic-pro/logic-pro-beat-house-moderne,220121.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220121.jpg"/><br>Vous &eacute;coutez ces morceaux house qui cartonnent en club, fa&ccedil;on Solomun ou Skrillex, et vous vous demandez comment ils sont construits ?<br /> <br /> Dans cette formation, <strong>vous cr&eacute;ez un beat house moderne de A &agrave; Z dans Logic Pro</strong>, m&ecirc;me en partant de z&eacute;ro. Batterie, basse, synth&eacute;s, effets : chaque brique est mont&eacute;e devant vous, puis expliqu&eacute;e simplement pour que vous puissiez la reproduire et composer la v&ocirc;tre.<br /> Vous repartez avec le<strong> projet complet </strong>et toutes les pistes s&eacute;par&eacute;es, &agrave; t&eacute;l&eacute;charger, ouvrir et remixer comme un jeu de Lego sonore. <h3>Ce que vous allez apprendre</h3> Vous d&eacute;marrez par la batterie avec la mythique 808 et l&#39;outil Drummer de Logic Pro, pour obtenir un groove &eacute;lectronique dynamique sans jouer une seule note au clavier. Vous calez le tempo dans la fourchette de la house (110 &agrave; 135 BPM), puis vous ajoutez une caisse claire travaill&eacute;e &agrave; la reverb pour lui donner de la place dans le mix. <h3>Une basse et des synth&eacute;s qui envoient</h3> Vous construisez ensuite une basse synth&eacute;tique moderne et percutante, &eacute;paissie avec les outils de saturation int&eacute;gr&eacute;s, puis des nappes et m&eacute;lodies de synth&eacute;s qui donnent de l&#39;air au morceau. Vous d&eacute;couvrez au passage comment faire monter la pression avec un sound effect d&#39;intro, un ressort dramatique typique du style. <h3>La construction et le mixage pr&ecirc;ts pour le club</h3> Vous assemblez le morceau section par section : intro, breaks, mont&eacute;es, twists et coupes de kick pour relancer l&#39;&eacute;nergie. C&ocirc;t&eacute; rendu, vous appliquez les effets essentiels, compression pour faire taper la batterie et reverb pour la profondeur, afin d&#39;obtenir un son propre, puissant et pr&ecirc;t &agrave; passer en soir&eacute;e. <h3>Un formateur qui conna&icirc;t la maison Apple</h3> Laurent Nivon a &eacute;t&eacute; Sp&eacute;cialiste Formation chez Apple France pendant plus de 11 ans et a form&eacute; plus de 8 000 utilisateurs, des professionnels aux cr&eacute;ateurs ind&eacute;pendants. Vous profitez d&#39;une p&eacute;dagogie rod&eacute;e, pens&eacute;e pour vous faire progresser vite sur Logic Pro, sans jargon inutile. <h3>Pour qui est cette formation</h3> Ce cours est fait pour vous si vous d&eacute;butez ou avez un niveau interm&eacute;diaire sur Logic Pro et que vous voulez produire des beats house actuels et efficaces. Aucune exp&eacute;rience avanc&eacute;e n&#39;est n&eacute;cessaire : il suffit de Logic Pro et de l&#39;envie de cr&eacute;er. <h3>Pour aller plus loin</h3> Explorez tous les cours du channel Logic Pro, retrouvez les autres formations de Laurent Nivon, et parcourez la cat&eacute;gorie Audio &amp; MAO pour approfondir la production musicale. https://fr.tuto.com/logic-pro/logic-pro-beat-house-moderne,220121.html Fri, 10 Jul 2026 11:39:42 +0200 Prompt engineering sur Nano Banana Pro et 2 : créez des visuels IA qui sortent du lot https://fr.tuto.com/magnific/prompt-engineering-nano-banana,218411.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/218411.jpg"/><br>Vous g&eacute;n&eacute;rez des images avec l&#39;IA, mais le r&eacute;sultat reste al&eacute;atoire : cadrage bancal, personnage qui change de visage &agrave; chaque essai, texte illisible, ambiance &agrave; c&ocirc;t&eacute; de la plaque. Le probl&egrave;me n&#39;est presque jamais le mod&egrave;le. C&#39;est le <strong>prompt</strong>. Cette formation vous apprend &agrave; parler &agrave; l&#39;IA avec m&eacute;thode pour passer d&#39;une id&eacute;e brute &agrave; un visuel abouti, du premier coup ou presque, sur <strong>Nano Banana Pro</strong> et <strong>Nano Banana 2</strong>.<br /> <br /> Laurent Buret ne vient pas de la th&eacute;orie. BIM manager, photographe et vid&eacute;aste, habitu&eacute; de la postproduction sur Photoshop et Lightroom, il vous transmet une approche de terrain, fond&eacute;e sur des cas d&#39;usage r&eacute;els et des prompts test&eacute;s, r&eacute;g&eacute;n&eacute;r&eacute;s et corrig&eacute;s devant vous. Vous voyez ce qui marche, ce qui rate, et surtout pourquoi. <h3>Ce que vous allez apprendre &agrave; faire</h3> Vous partez des fondamentaux : comprendre comment Nano Banana Pro et 2 analysent une sc&egrave;ne, puis structurer un prompt clair et complet. La formation s&#39;appuie sur des rep&egrave;res simples &agrave; m&eacute;moriser, les <strong>6 piliers d&#39;un prompt efficace</strong> (composition, sujet, action, lieu, &eacute;clairage, style) et des fiches aide-m&eacute;moire (m&eacute;thodes 4S et 5W). Vous repartez avec un mod&egrave;le de prompt pr&ecirc;t &agrave; copier-coller et &agrave; adapter &agrave; l&#39;infini. <h3>Cr&eacute;er, &eacute;diter et fusionner vos images</h3> Vous apprenez &agrave; cr&eacute;er un visuel enti&egrave;rement &agrave; partir de texte, sans image de r&eacute;f&eacute;rence, puis &agrave; <strong>&eacute;diter une image par prompting</strong> : changer un fond, une expression, une tenue, transformer une photo en illustration, tout en conservant la pose et la coh&eacute;rence du personnage. Vous orchestrez ensuite plusieurs images de r&eacute;f&eacute;rence (jusqu&#39;&agrave; 5, 6, 7 visuels) pour habiller un mod&egrave;le, int&eacute;grer un personnage dans un d&eacute;cor ou lui faire adopter une nouvelle posture, gr&acirc;ce aux prompts &agrave; actions cibl&eacute;es. <h3>Passer aux contr&ocirc;les avanc&eacute;s</h3> Une fois les bases pos&eacute;es, vous montez en puissance : contr&ocirc;les de cam&eacute;ra et de perspective (contre-plong&eacute;e, grand angle, fisheye), ma&icirc;trise de l&#39;&eacute;clairage et de l&#39;ambiance jusqu&#39;&agrave; l&#39;&eacute;chelle Kelvin, prompts de mouvement avec flou de vitesse, int&eacute;gration typographique et cr&eacute;ation de storyboards annot&eacute;s. Vous finissez par la stylisation avanc&eacute;e : restaurer une vieille photo de famille, transformer un croquis d&#39;architecture en rendu photor&eacute;aliste ou d&eacute;cliner un personnage en figurine, en manga ou en statue de marbre. <h3>Pour qui et avec quels outils</h3> Cette formation s&#39;adresse aux cr&eacute;ateurs, social media managers, marketeurs, designers, e-commer&ccedil;ants et infographistes qui veulent produire des visuels premium sans passer des heures sur un logiciel 3D. Aucun pr&eacute;requis technique lourd : tout se pilote au clavier, en langage naturel. Les d&eacute;monstrations sont r&eacute;alis&eacute;es sur la plateforme Magnific (ex-Freepik), mais le programme reste agnostique : vous pouvez le suivre sur Google Gemini (AI Pro) ou toute autre plateforme donnant acc&egrave;s &agrave; Nano Banana Pro et 2, voire l&#39;adapter &agrave; un autre g&eacute;n&eacute;rateur comme ChatGPT Image. <h3>&Agrave; la fin de cette formation</h3> Vous saurez transformer une simple id&eacute;e en image percutante, coh&eacute;rente et r&eacute;utilisable, prototyper rapidement vos concepts et donner &agrave; vos projets un rendu vraiment professionnel.<br /> Une comp&eacute;tence qui prend de la valeur &agrave; mesure que l&#39;IA g&eacute;n&eacute;rative s&#39;installe dans le design visuel.<br /> Pour aller plus loin, explorez nos&nbsp;tutos intelligence artificielle du catalogue. https://fr.tuto.com/magnific/prompt-engineering-nano-banana,218411.html Thu, 09 Jul 2026 15:13:04 +0200 Formation Illustrator 2026 : initiation complète au dessin vectoriel https://fr.tuto.com/illustrator/illustrator-initiation-2026,219691.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219691.jpg"/><br><h2>Apprenez Illustrator de A &agrave; Z et donnez vie &agrave; vos id&eacute;es en vectoriel</h2> Vous r&ecirc;vez de cr&eacute;er vos propres logos, illustrations et visuels professionnels, mais Illustrator vous impressionne ? Cette formation Illustrator pour d&eacute;butant, enti&egrave;rement mise &agrave; jour pour la version 2026, vous prend par la main d&egrave;s l&#39;installation du logiciel et vous am&egrave;ne, &eacute;tape par &eacute;tape, jusqu&#39;&agrave; la cr&eacute;ation compl&egrave;te d&#39;une identit&eacute; visuelle. Aucun pr&eacute;requis : seulement l&#39;envie de cr&eacute;er.<br /> Votre formateur, Romain Duclos, est designer graphique depuis 2008, dipl&ocirc;m&eacute; des Beaux-Arts de Reims et titulaire d&#39;un Master en design de l&#39;&Eacute;cole Polytechnique de Milan. Formateur Adobe, il enseigne Illustrator, Photoshop et InDesign en &eacute;coles de graphisme depuis 2010. Tout au long du cours, il partage ses r&eacute;flexes de professionnel du print et du branding : diff&eacute;rence RVB et CMJN, exports adapt&eacute;s au web ou &agrave; l&#39;impression, r&egrave;gles d&#39;or d&#39;un bon logo. <h3>Une m&eacute;thode 100 % pratique : 10 ateliers cr&eacute;atifs complets</h3> Ici, pas de th&eacute;orie interminable. Chaque notion est imm&eacute;diatement appliqu&eacute;e dans des exercices corrig&eacute;s, puis consolid&eacute;e dans des ateliers concrets : illustration d&#39;un cactus &agrave; la plume, fruits en flat design, affiche typographique, portrait vectoriel, logo avec ses d&eacute;clinaisons, visuel motard combinant photo vectoris&eacute;e et typographie... Les fichiers sources sont fournis, et chaque atelier se termine par un &laquo; &agrave; vous de jouer &raquo; pour ancrer vos acquis. <h3>Ma&icirc;trisez les fondamentaux du dessin vectoriel</h3> Vous apprendrez &agrave; manipuler tous les outils essentiels : formes, plume, pinceau, crayon et shaper, calques et trac&eacute;s, Pathfinder et concepteur de formes, alignements, contours, d&eacute;grad&eacute;s et nuanciers. Vous saurez aussi vectoriser une image dans Illustrator gr&acirc;ce &agrave; la vectorisation dynamique, pour transformer une photo ou un croquis en fichier vectoriel propre et exploitable. <h3>Prenez une longueur d&#39;avance avec l&#39;IA g&eacute;n&eacute;rative d&#39;Illustrator</h3> Un chapitre entier est d&eacute;di&eacute; aux derni&egrave;res innovations de la version 2026 : g&eacute;n&eacute;ration de vecteurs par prompt, passage du croquis au logo, rotation g&eacute;n&eacute;rative pour d&eacute;cliner une illustration sous plusieurs angles, cr&eacute;ation de motifs et d&eacute;veloppement g&eacute;n&eacute;ratif. Romain vous explique aussi comment g&eacute;rer intelligemment vos cr&eacute;dits IA, sans jamais sacrifier la ma&icirc;trise des outils manuels. <h3>Ce que vous saurez faire &agrave; la fin de la formation</h3> &Agrave; l&#39;issue de ces 9 heures de cours, vous serez capable de cr&eacute;er un document correctement param&eacute;tr&eacute;, de dessiner n&#39;importe quelle forme au vectoriel, de concevoir un logo professionnel et ses d&eacute;clinaisons, de vectoriser des images, et d&#39;exporter vos cr&eacute;ations dans les r&egrave;gles de l&#39;art pour le web comme pour l&#39;impression. Des quiz et tests de positionnement jalonnent le parcours pour mesurer votre progression.<br /> Envie d&#39;aller plus loin ? Retrouvez tous nos tuto Illustrator, les autres formations de Romain Duclos, ainsi que notre&nbsp;formation Illustrator &eacute;ligible CPF pour une mont&eacute;e en comp&eacute;tences certifiante. Vous d&eacute;butez aussi en retouche photo ? Jetez un &oelig;il &agrave; nos tuto Photoshop. https://fr.tuto.com/illustrator/illustrator-initiation-2026,219691.html Thu, 09 Jul 2026 09:51:07 +0200 Créer un menu à onglet accessible en HTML, CSS et JavaScript (ARIA, RGAA) https://fr.tuto.com/html/menu-onglet-accessible-rgaa-html-css-js,218421.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/218421.jpg"/><br>La plupart des syst&egrave;mes d&#39;onglets que l&#39;on trouve en ligne fonctionnent parfaitement... &agrave; la souris. Branchez un clavier ou un lecteur d&#39;&eacute;cran, et tout s&#39;effondre : impossible de naviguer entre les onglets, focus perdu, contenu invisible pour les technologies d&#39;assistance. Dans ce tuto pratique, vous allez coder un composant &laquo; Tabs &raquo; de niveau professionnel, &agrave; la fois moderne visuellement et parfaitement conforme aux normes RGAA et WAI-ARIA. Le tout en JavaScript vanilla, sans aucune d&eacute;pendance.<br /> Ce cours est le 6e volet de la s&eacute;rie Frontend moderne de Carl Brison, dans laquelle vous construisez, un par un, les composants interactifs incontournables du web accessible. Ici, place aux onglets : un motif d&#39;interface omnipr&eacute;sent pour organiser beaucoup de contenu dans un espace r&eacute;duit, et l&#39;un des plus d&eacute;licats &agrave; rendre r&eacute;ellement accessible. <h3>Pourquoi tant de menus &agrave; onglets sont inaccessibles</h3> Un onglet, ce n&#39;est pas un simple bloc que l&#39;on affiche ou que l&#39;on masque au clic. Pour une personne qui navigue au clavier, l&#39;enjeu est double : ne pas la forcer &agrave; tabuler &agrave; travers chaque onglet, et lui permettre de circuler avec les fl&egrave;ches directionnelles, exactement comme le pr&eacute;voit le motif &laquo; tabs &raquo; du WAI-ARIA. C&#39;est cette logique, souvent oubli&eacute;e par les scripts tout faits, que vous allez impl&eacute;menter proprement, avec la gestion du focus et du tabindex qui va avec. <h3>Ce que vous allez coder, &eacute;tape par &eacute;tape</h3> Vous partez d&#39;une structure claire avec la balise <code>section</code> et un titre reli&eacute; via <code>aria-labelledby</code>, puis vous attribuez les bons r&ocirc;les &agrave; chaque &eacute;l&eacute;ment : <code>tablist</code> pour la barre, <code>tab</code> pour les boutons, <code>tabpanel</code> pour les contenus. Vous cr&eacute;ez ensuite les liaisons invisibles mais essentielles entre onglets et panneaux gr&acirc;ce &agrave; <code>aria-controls</code> et <code>aria-labelledby</code>, et vous g&eacute;rez les &eacute;tats avec <code>aria-selected</code> et l&#39;attribut <code>hidden</code>.<br /> <br /> C&ocirc;t&eacute; style, vous utilisez Flexbox et la fameuse propri&eacute;t&eacute; <code>flex: 1</code> pour une barre d&#39;onglets parfaitement &eacute;quilibr&eacute;e et responsive. Le point cl&eacute; : votre CSS r&eacute;agit directement au code d&#39;accessibilit&eacute;, avec une stylisation bas&eacute;e sur <code>[aria-selected=&quot;true&quot;]</code>. Vous ajoutez aussi une animation d&#39;entr&eacute;e douce sur les panneaux et un &eacute;tat de focus visible aux petits oignons pour la navigation clavier.<br /> <br /> Vient enfin le c&oelig;ur du tuto, en JavaScript vanilla. Vous bouclez sur les onglets pour identifier le panneau cible, vous mettez &agrave; jour dynamiquement tous les &eacute;tats ARIA, puis vous impl&eacute;mentez le &laquo; focus rover &raquo; : un seul onglet reste focusable &agrave; la fois via le <code>tabindex</code>, et les fl&egrave;ches gauche et droite d&eacute;placent le focus d&#39;onglet en onglet, avec retour au d&eacute;but ou &agrave; la fin en boucle. Chaque ligne est d&eacute;compos&eacute;e et expliqu&eacute;e, y compris la logique math&eacute;matique de la navigation. <h3>&Agrave; qui s&#39;adresse ce tuto ?</h3> Ce cours est fait pour les d&eacute;veloppeurs front-end qui veulent monter en gamme sur l&#39;accessibilit&eacute;, les int&eacute;grateurs qui souhaitent cr&eacute;er des composants interactifs robustes, et plus largement toute personne qui veut comprendre comment un site web se pilote enti&egrave;rement au clavier. Une connaissance de base du HTML, du CSS et du JavaScript est recommand&eacute;e pour suivre confortablement. Vous repartez avec un mod&egrave;le de code propre, comment&eacute; et r&eacute;utilisable dans vos futurs projets clients. <h3>Votre formateur</h3> Ce tuto est anim&eacute; par Carl Brison, technicien sup&eacute;rieur en multim&eacute;dia depuis le d&eacute;but des ann&eacute;es 2000, cr&eacute;ateur de nombreux sites professionnels et auteur d&#39;ouvrages informatiques publi&eacute;s aux &Eacute;ditions Ellipses. Formateur front-end de r&eacute;f&eacute;rence sur Tuto.com, il est aussi le mentor de la formation D&eacute;veloppeur Web Front-End &eacute;ligible au CPF. Son approche : d&eacute;cortiquer chaque notion pour que vous compreniez le &laquo; pourquoi &raquo; derri&egrave;re le code, pas seulement le &laquo; comment &raquo;. <h2>Poursuivez votre mont&eacute;e en comp&eacute;tences</h2> Ce composant fait partie d&#39;une s&eacute;rie coh&eacute;rente d&#39;exercices accessibles. Retrouvez les &eacute;pisodes compl&eacute;mentaires sign&eacute;s Carl Brison : cr&eacute;er un menu burger accessible, un menu accord&eacute;on FAQ accessible et une fen&ecirc;tre modale accessible. Pour consolider les bases th&eacute;oriques, appuyez-vous sur les tutos Ma&icirc;triser les attributs ARIA. Envie d&#39;aller au bout de la d&eacute;marche accessibilit&eacute; ? Explorez le Bundle RGAA formation compl&egrave;te, ou l&#39;ensemble du channel tutos HTML. https://fr.tuto.com/html/menu-onglet-accessible-rgaa-html-css-js,218421.html Thu, 09 Jul 2026 14:41:55 +0200 React et Next.js : créez des applications web modernes de A à Z https://fr.tuto.com/react/react-nextjs-creer-applications-web-modernes,219411.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219411.jpg"/><br>Le d&eacute;veloppement web moderne repose sur deux technologies devenues incontournables : <strong>React</strong> et <strong>Next.js</strong>. Cette formation compl&egrave;te vous emm&egrave;ne des tout premiers composants jusqu&#39;au d&eacute;ploiement d&#39;applications professionnelles, avec une approche 100 % orient&eacute;e pratique. Vous ne vous contentez pas de comprendre la th&eacute;orie : vous construisez, vous testez et vous mettez en ligne de vrais projets. <h3>Ce que vous allez apprendre dans cette formation React et Next.js</h3> Le parcours part des fondations de React pour monter progressivement vers les fonctionnalit&eacute;s avanc&eacute;es de Next.js. &Agrave; la fin du cours, vous saurez concevoir, s&eacute;curiser et d&eacute;ployer des applications web &eacute;volutives en toute autonomie. Voici les comp&eacute;tences que vous d&eacute;velopperez : <ul> <li>cr&eacute;er vos premiers composants React et ma&icirc;triser la syntaxe JSX,</li> <li>g&eacute;rer l&#39;&eacute;tat de vos applications avec useState et les principaux Hooks (useEffect, useActionState),</li> <li>mettre en place un routage dynamique et des formulaires avanc&eacute;s,</li> <li>concevoir des interfaces modernes et responsives avec Tailwind CSS et Shadcn UI,</li> <li>comprendre le rendu serveur et client (SSR) propre &agrave; Next.js,</li> <li>s&eacute;curiser vos routes, exploiter les Server Actions et g&eacute;rer l&#39;authentification,</li> <li>d&eacute;ployer en continu sur Vercel et optimiser le SEO de vos applications.</li> </ul> <h3>&Agrave; qui s&#39;adresse ce cours et pourquoi le suivre</h3> Que vous soyez d&eacute;veloppeur d&eacute;butant curieux du d&eacute;veloppement moderne par composants ou cr&eacute;ateur de projets souhaitant gagner en autonomie, cette formation vous donne les cl&eacute;s pour agir imm&eacute;diatement. Vous apprenez &agrave; connecter vos donn&eacute;es, &agrave; g&eacute;rer vos d&eacute;ploiements et &agrave; structurer vos projets simplement et efficacement.<br /> <br /> Pour aller plus loin, d&eacute;couvrez notre channel React et l&#39;ensemble de nos formations JavaScript. Ou alors optez pour notre formation certifiante Front End D&eacute;veloppeur.<br /> <br /> <strong>Votre formateur</strong> : Cl&eacute;ment Lv accompagne depuis plusieurs ann&eacute;es les personnes souhaitant se perfectionner sur les technologies web et data. Il structure ses cours autour de la pratique concr&egrave;te, pour vous rendre op&eacute;rationnel rapidement sur vos propres projets. https://fr.tuto.com/react/react-nextjs-creer-applications-web-modernes,219411.html Tue, 07 Jul 2026 17:26:58 +0200 Créer une vidéo réussie avec Canva : montage de A à Z https://fr.tuto.com/canva/montage-video-canva-creer-video-reussie,220061.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220061.jpg"/><br><h3>Montez vos vid&eacute;os de A &agrave; Z avec Canva, sans logiciel complexe</h3> Vous voulez cr&eacute;er des vid&eacute;os professionnelles pour YouTube, Instagram ou vos r&eacute;seaux sociaux, mais les logiciels de montage classiques vous semblent trop lourds ? Cette formation vous apprend une <strong>m&eacute;thode compl&egrave;te et reproductible</strong> pour produire une vid&eacute;o r&eacute;ussie avec Canva, de la pr&eacute;paration du projet jusqu&#39;&agrave; l&#39;export final pr&ecirc;t &agrave; publier. Le fil rouge est concret : vous filmez avec votre smartphone, vous montez dans Canva, vous exportez une vid&eacute;o aboutie.<br /> Formation 100% orient&eacute;e projet, pens&eacute;e pour passer &agrave; l&#39;action d&egrave;s la premi&egrave;re heure. Vous ne vous contentez pas d&#39;apprendre o&ugrave; cliquer : vous suivez un vrai workflow que vous r&eacute;utiliserez sur tous vos contenus, des R&eacute;els aux vid&eacute;os de pr&eacute;sentation d&#39;entreprise. <h3>Les comp&eacute;tences que vous allez acqu&eacute;rir</h3> <ul> <li>Pr&eacute;parer et organiser votre projet vid&eacute;o pour gagner un temps pr&eacute;cieux au montage</li> <li>Choisir le bon format d&egrave;s le d&eacute;part selon la plateforme (YouTube, TikTok, R&eacute;el Instagram)</li> <li>Monter, d&eacute;couper, diviser et r&eacute;organiser vos rushs sur la timeline Canva</li> <li>Am&eacute;liorer l&#39;image (filtres, luminosit&eacute;, temp&eacute;rature) et le son avec les outils audio IA</li> <li>G&eacute;n&eacute;rer automatiquement des sous-titres et g&eacute;rer leurs limites techniques</li> <li>Ajouter mod&egrave;les, textes anim&eacute;s, illustrations, images et musiques libres de droits</li> <li>Exporter en 1080p ou 4K avec les bons r&eacute;glages, pr&ecirc;t &agrave; &ecirc;tre diffus&eacute;</li> </ul> La formation se termine par un cas pratique complet : la r&eacute;alisation d&#39;un R&eacute;el pour les r&eacute;seaux sociaux &agrave; partir d&#39;un mod&egrave;le, du montage jusqu&#39;au partage.<br /> Pour prolonger votre apprentissage, explorez l&#39;ensemble des cours Tuto Canva&nbsp;ou la formation filmer avec son iPhone.<br /> Si le montage vid&eacute;o devient un axe professionnel, la&nbsp;formation vid&eacute;aste smartphone &eacute;ligible au CPF vous permet d&#39;aller plus loin. De m&ecirc;me que notre formation Canva CPF. <h3>&Agrave; qui s&#39;adresse cette formation ?</h3> Ce cours est id&eacute;al pour les <strong>d&eacute;butants sur Canva Vid&eacute;o</strong>, les cr&eacute;ateurs de contenu, entrepreneurs, freelances, formateurs et coachs, ou toute personne qui veut produire de belles vid&eacute;os facilement. Aucun pr&eacute;requis technique n&#39;est n&eacute;cessaire.<br /> Votre formateur, <strong>Laurent Nivon</strong>, a &eacute;t&eacute; sp&eacute;cialiste formation chez Apple France pendant plus de 11 ans. Cr&eacute;ateur de contenu sp&eacute;cialis&eacute; sur les produits Apple, il a form&eacute; plus de 8 000 utilisateurs (professionnels, ind&eacute;pendants et cr&eacute;ateurs). Son approche p&eacute;dagogique privil&eacute;gie la pratique imm&eacute;diate et une m&eacute;thode simple, directement applicable &agrave; vos propres projets. https://fr.tuto.com/canva/montage-video-canva-creer-video-reussie,220061.html Tue, 07 Jul 2026 17:08:12 +0200 Apprendre Hermes Agent : déployez vos agents IA autonomes de A à Z https://fr.tuto.com/hermes-agent/agent-ia-autonome-sans-code-hermes-agent,220081.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220081.jpg"/><br><h3>Passez de l&#39;IA qui r&eacute;pond &agrave; l&#39;IA qui agit</h3> Vous utilisez d&eacute;j&agrave; ChatGPT, Claude ou Gemini pour r&eacute;diger un mail ou r&eacute;pondre &agrave; une question, mais ces outils repartent de z&eacute;ro &agrave; chaque conversation et ne font rien de concret dans votre quotidien num&eacute;rique. Ils ne consultent pas votre bo&icirc;te mail, n&#39;ajoutent aucun &eacute;v&eacute;nement &agrave; votre agenda et ne lancent aucune recherche &agrave; votre place. <strong>Hermes Agent</strong> change la donne : c&#39;est un assistant qui agit, retient vos pr&eacute;f&eacute;rences et tourne 24h/24 sur un serveur, sans que vous ayez &agrave; &eacute;crire une seule ligne de code.<br /> Cette formation pratique part du principe que vous d&eacute;butez totalement avec les agents IA. Vous avancez &eacute;tape par &eacute;tape, du concept jusqu&#39;&agrave; un agent personnel pleinement fonctionnel, capable de g&eacute;rer vos mails, de consulter votre agenda et de vous envoyer un r&eacute;sum&eacute; chaque matin &agrave; l&#39;heure que vous fixez. Vous ne regardez pas une d&eacute;mo : vous construisez en m&ecirc;me temps, avec les fichiers de travail et les scripts fournis pour reproduire chaque &eacute;tape. <h3>Ce que vous allez concr&egrave;tement mettre en place</h3> <ul> <li><strong>D&eacute;ployer votre serveur :</strong> cr&eacute;er et configurer un VPS chez Hostinger, puis installer Hermes Agent dans un environnement Docker isol&eacute; et s&eacute;curis&eacute; pour prot&eacute;ger vos cl&eacute;s API et vos connexions.</li> <li><strong>Ma&icirc;triser l&#39;interface et les 5 piliers :</strong> m&eacute;moire, skills, &acirc;me de l&#39;agent, t&acirc;ches planifi&eacute;es et boucle d&#39;auto-am&eacute;lioration, les concepts qui diff&eacute;rencient un vrai agent d&#39;un simple chatbot.</li> <li><strong>Connecter votre LLM et Telegram :</strong> relier le mod&egrave;le de votre choix (OpenAI, Anthropic, Gemini, Mistral) et piloter votre agent depuis votre t&eacute;l&eacute;phone, o&ugrave; que vous soyez.</li> <li><strong>Brancher vos outils via MCP :</strong> connecter Gmail avec le skill Himalaya, d&eacute;passer le simple traitement de texte et automatiser des workflows reli&eacute;s &agrave; vos propres services.</li> <li><strong>Automatiser avec les cron jobs :</strong> programmer des t&acirc;ches r&eacute;currentes, par exemple une veille sur un exp&eacute;diteur pr&eacute;cis qui vous envoie un r&eacute;sum&eacute; clair sur Telegram, sans intervention de votre part.</li> </ul> Pour prolonger votre mont&eacute;e en comp&eacute;tences, explorez les autres formations du channel Intelligence artificielle g&eacute;n&eacute;rative. Si vous pr&eacute;f&eacute;rez une approche par le code, le tuto CrewAI : cr&eacute;er vos agents IA pour automatiser votre travail orchestre plusieurs agents dans un processus s&eacute;quentiel, tandis que Construisez votre chatbot gr&acirc;ce aux LLM et &agrave; Python pose les bases des grands mod&egrave;les de langage. Pour cadrer un d&eacute;ploiement en entreprise, la formation Impl&eacute;menter l&#39;IA g&eacute;n&eacute;rative dans une TPE/PME compl&egrave;te utilement ce parcours. <h3>Votre formateur</h3> Ce cours est anim&eacute; par <strong>Cl&eacute;ment Lv</strong>, formateur sp&eacute;cialis&eacute; dans les outils d&#39;intelligence artificielle et l&#39;automatisation. Il enseigne les usages concrets de l&#39;IA au quotidien et partage ici des cas r&eacute;els qu&#39;il utilise personnellement pour gagner des heures chaque semaine. Sa p&eacute;dagogie pas &agrave; pas, sans pr&eacute;requis technique, rend le d&eacute;ploiement d&#39;agents autonomes accessible aux entrepreneurs, d&eacute;veloppeurs, consultants et passionn&eacute;s d&#39;IA. https://fr.tuto.com/hermes-agent/agent-ia-autonome-sans-code-hermes-agent,220081.html Tue, 07 Jul 2026 21:26:47 +0200 Excel : formules de calcul et fonctions intégrées https://fr.tuto.com/excel/excel-formules-fonctions-integrees,220001.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220001.jpg"/><br>Excel devient vraiment puissant quand on arr&ecirc;te de saisir des calculs &agrave; la main pour laisser les <strong>formules</strong> et les <strong>fonctions int&eacute;gr&eacute;es</strong> travailler &agrave; votre place. Cette formation vous apprend &agrave; construire des calculs fiables, &agrave; choisir la bonne fonction au bon moment et &agrave; corriger les erreurs qui vous font perdre des heures.<br /> Anim&eacute;e par une formatrice bureautique certifi&eacute;e Microsoft, elle alterne explications, d&eacute;monstrations et exercices corrig&eacute;s, pour que chaque notion soit imm&eacute;diatement applicable &agrave; vos classeurs professionnels. <h3>Des calculs fiables, des r&eacute;f&eacute;rences qui ne cassent plus</h3> Vous commencez par les fondations : premiers calculs, formatage des nombres, formats personnalis&eacute;s, dates et heures. Vous ma&icirc;trisez surtout la diff&eacute;rence entre <strong>valeur absolue et relative</strong>, ce fameux signe dollar qui casse tout quand on recopie une formule au mauvais endroit. Vous calculez ensuite des pourcentages, des dur&eacute;es et des &eacute;carts de dates sans vous tromper. <h3>La fonction SI et la logique conditionnelle</h3> Le c&oelig;ur d&#39;Excel repose sur la logique. Vous apprenez &agrave; &eacute;crire une <strong>fonction SI</strong>, &agrave; imbriquer plusieurs conditions, &agrave; utiliser SI.CONDITIONS, SI.MULTIPLE, ET, OU et OUX. Vous d&eacute;couvrez aussi comment g&eacute;rer proprement les erreurs pour que vos tableaux restent lisibles, et comment prot&eacute;ger vos cellules et vos feuilles. <h3>Texte, dates, statistiques : les fonctions du quotidien</h3> Vous nettoyez et transformez vos donn&eacute;es avec les <strong>fonctions texte</strong> : changer la casse, supprimer les espaces, extraire, assembler et remplacer des cha&icirc;nes de caract&egrave;res. C&ocirc;t&eacute; <strong>fonctions date et heure</strong>, vous manipulez jours ouvr&eacute;s, num&eacute;ros de semaine, &eacute;ch&eacute;ances et la pr&eacute;cieuse fonction DATEDIF. Les fonctions statistiques vous permettent de comparer, d&eacute;nombrer et synth&eacute;tiser vos chiffres en un instant. <h3>Recherche, bases de donn&eacute;es et fonctions avanc&eacute;es</h3> Vous passez au niveau sup&eacute;rieur avec les <strong>fonctions de recherche</strong> : INDEX et EQUIV, RECHERCHEV, RECHERCHEH, la moderne RECHERCHEX, DECALER et INDIRECT pour vos listes d&eacute;roulantes imbriqu&eacute;es. Vous explorez aussi les fonctions base de donn&eacute;es, les fonctions financi&egrave;res (VC, VA, VPM, TAUX) et les puissantes <strong>fonctions matricielles dynamiques</strong> TRIER, UNIQUE et FILTRE qui transforment votre fa&ccedil;on de travailler. <h3>&Agrave; qui s&#39;adresse cette formation</h3> Elle convient &agrave; toute personne qui utilise d&eacute;j&agrave; Excel et veut enfin exploiter ses formules avec m&eacute;thode : assistants, gestionnaires, analystes, ind&eacute;pendants ou &eacute;tudiants. Aucune expertise pr&eacute;alable n&#39;est exig&eacute;e, chaque chapitre progresse pas &agrave; pas avec ses exercices et ses corrig&eacute;s.<br /> Consolidez vos acquis avec Excel pratique, bases solides et outils interm&eacute;diaires ou explorez l&#39;ensemble de nos formations Excel.<br /> Nous proposons &eacute;galement une formation Excel &eacute;ligible au <strong>CPF.</strong> https://fr.tuto.com/excel/excel-formules-fonctions-integrees,220001.html Mon, 06 Jul 2026 11:26:45 +0200 Mises en page atypiques dans InDesign : maîtriser l'habillage de texte https://fr.tuto.com/indesign/mises-en-page-atypiques-dans-indesign-maitriser-l-habillage-de-texte,218641.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/218641.jpg"/><br>Vous voulez sortir des grilles classiques et cr&eacute;er des compositions qui sortent du lot ? Cette formation vous apprend &agrave; d&eacute;tourner les r&egrave;gles de la <strong>mise en page dans InDesign</strong> gr&acirc;ce aux fonctions d&#39;<strong>habillage de texte</strong>, tout en gardant une lecture claire et un vrai impact visuel. Vous repartez avec une m&eacute;thode concr&egrave;te pour concevoir des supports print ou digitaux uniques et m&eacute;morables. <h3>Ce que vous allez apprendre</h3> Olivier Krakus vous guide &agrave; travers cinq exercices pratiques et progressifs. Vous prenez d&#39;abord en main le panneau d&#39;habillage, puis vous encha&icirc;nez sur des compositions r&eacute;elles : un effet d&#39;ampoule int&eacute;gr&eacute; au texte, un cr&acirc;ne mi dessin&eacute; mi typographique, une composition en cercles d&eacute;tour&eacute;s et une image en pleine page. Chaque exercice combine InDesign et Photoshop pour aller vite et rester pr&eacute;cis. <h3>Habillage de texte et d&eacute;tourage sur mesure</h3> Vous d&eacute;couvrez comment habiller le cadre de s&eacute;lection ou la forme d&#39;un objet, r&eacute;gler les marges de chaque c&ocirc;t&eacute; et d&eacute;tourer un sujet directement dans InDesign &agrave; l&#39;outil plume. <h3>Le pont avec Photoshop et l&#39;IA cr&eacute;ative</h3> La formation montre les allers-retours entre InDesign et Photoshop : d&eacute;tourage automatique avec S&eacute;lectionner un sujet, passage en noir et blanc, export TIFF avec transparence, puis d&eacute;veloppement g&eacute;n&eacute;ratif pour agrandir une image en pleine page.&nbsp; <h3>Un effet de texte dans une forme</h3> Vous apprenez &agrave; ins&eacute;rer du texte &agrave; l&#39;int&eacute;rieur d&#39;une forme issue d&#39;une image, une technique de composition puissante. <h3>Pour qui et pour aller plus loin</h3> Cette formation s&#39;adresse &agrave; celles et ceux qui connaissent d&eacute;j&agrave; les bases d&#39;InDesign et veulent gagner en cr&eacute;ativit&eacute; &eacute;ditoriale. Si vous d&eacute;butez, commencez plut&ocirc;t par InDesign pour les d&eacute;butants : 3 ateliers pratiques. Un QCM valide vos acquis en fin de parcours, et une section Entraide reste ouverte pour vos questions. D&eacute;couvrez aussi le module complet Adobe InDesign CC de A &agrave; Z et l&#39;ensemble des tuto InDesign. https://fr.tuto.com/indesign/mises-en-page-atypiques-dans-indesign-maitriser-l-habillage-de-texte,218641.html Mon, 06 Jul 2026 11:17:30 +0200 Flow Control dans Unreal Engine : maitriser la logique de vos Blueprints https://fr.tuto.com/unreal-engine/flow-control-blueprint-unreal-engine,219991.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219991.jpg"/><br>Dans <strong>Unreal Engine</strong>, tout repose sur la logique d&#39;ex&eacute;cution : la mani&egrave;re dont votre jeu d&eacute;cide quoi ex&eacute;cuter, quand et dans quel ordre. C&#39;est exactement ce que g&egrave;re le <strong>Flow Control</strong>. Sans lui, vos Blueprints ne savent pas quoi faire. Avec lui, vous construisez des portes, des IA, des dialogues, des inventaires, bref n&#39;importe quelle m&eacute;canique de jeu.<br /> Ce cours va droit au but : vous rep&eacute;rez enfin les nodes qui pilotent l&#39;ex&eacute;cution (le fameux bandeau gris) et surtout vous apprenez <strong>quand utiliser chaque node</strong>, ce qui fait toute la diff&eacute;rence entre un script illisible et un Blueprint propre, optimis&eacute; et facile &agrave; maintenir. <h3>Ce que vous allez apprendre</h3> <ul> <li>Distinguer les <strong>data pins</strong> (qui transportent l&#39;information) des <strong>exec pins</strong> (qui contr&ocirc;lent l&#39;ex&eacute;cution) et comprendre pourquoi tout est s&eacute;quentiel, un node apr&egrave;s l&#39;autre.</li> <li>Ma&icirc;triser le <strong>Branch</strong> (la condition si/sinon) avec toutes ses variantes : &eacute;galit&eacute;s, comparateurs, not equal, et combinaisons AND / OR.</li> <li>Exploiter le <strong>Gate</strong> et le <strong>MultiGate</strong> pour contr&ocirc;ler un flux sans multiplier les variables et les conditions.</li> <li>Choisir la bonne <strong>boucle</strong> selon le besoin : For Loop, For Each Loop, versions With Break et While Loop, en &eacute;vitant la boucle infinie qui fait planter votre jeu.</li> <li>G&eacute;rer le temps avec les <strong>Delay</strong>, Retriggerable Delay et les Timers (by event et by function name).</li> <li>Utiliser <strong>Do Once</strong>, <strong>Flip Flop</strong>, <strong>Sequence</strong> et le <strong>Return node</strong> &agrave; bon escient.</li> </ul> <h3>Pourquoi le choix du node change tout</h3> La plupart des d&eacute;butants collent des Branch partout, oublient de reset un Do Once ou encha&icirc;nent des Sequences interminables. Un bon d&eacute;veloppeur Blueprint ne cherche pas le node magique : il choisit le bon outil pour la bonne situation. &Agrave; la fin de cette formation, vous ne verrez plus jamais vos Blueprints de la m&ecirc;me mani&egrave;re. <h3>&Agrave; qui s&#39;adresse ce cours</h3> Que vous soyez d&eacute;butant sur <strong>Unreal Engine 5</strong> ou que vous vouliez consolider vos bases en <strong>programmation visuelle</strong>, ce module pose les fondations indispensables du Flow Control. Pour aller plus loin, poursuivez avec la formation Les bases d&#39;Unreal Engine en 1h30, ou lancez-vous dans un projet complet avec Unreal Engine pour d&eacute;butants : construisez, apprenez, cr&eacute;ez un jeu vid&eacute;o. Retrouvez aussi tous les cours sur la page Tuto Unreal Engine. https://fr.tuto.com/unreal-engine/flow-control-blueprint-unreal-engine,219991.html Mon, 06 Jul 2026 10:59:41 +0200 Modes de fusion dans Genially : comprendre, expérimenter et créer https://fr.tuto.com/genially/modes-de-fusion-genially,219711.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219711.jpg"/><br>Genially int&egrave;gre d&eacute;sormais les <strong>modes de fusion</strong>, une fonctionnalit&eacute; graphique puissante, mais difficile &agrave; exploiter quand on ne comprend pas ce qui se joue derri&egrave;re. Cette formation est la seule &agrave; aborder les modes de fusion &agrave; la fois c&ocirc;t&eacute; th&eacute;orie et directement dans Genially. <h3>De la lumi&egrave;re &agrave; la couleur, puis &agrave; la fusion</h3> Avant de manipuler les effets, vous posez des bases solides : la lumi&egrave;re, la couleur, les nuances et les teintes, puis les trois grands modes de synth&egrave;se, le <strong>RVB</strong>, le <strong>CMJN</strong> et le <strong>TSL</strong>. Vous comprenez enfin pourquoi une couleur change selon l&#39;&eacute;cran ou le papier, comment lire un code hexad&eacute;cimal et comment la roue chromatique structure tout le reste. <h3>Apprendre en testant, sans logiciel complexe</h3> Pas besoin de ma&icirc;triser un outil lourd pour progresser. Des <strong>widgets interactifs</strong> con&ccedil;us avec Genially vous laissent tester chaque concept en temps r&eacute;el, directement dans votre navigateur. Vous exp&eacute;rimentez les m&eacute;langes RVB et CMJN, vous jouez sur la saturation et la luminosit&eacute;, puis vous appliquez tout cela aux modes de fusion.<br /> Au programme, vous apprendrez &agrave; : <ul> <li>distinguer les groupes de modes de fusion (normal, assombrissement, &eacute;claircissement, contraste, comparaison et TSL) et savoir quand utiliser chacun ;</li> <li>comprendre le r&ocirc;le des <strong>couches</strong> et de l&#39;opacit&eacute; dans une composition Genially ;</li> <li>r&eacute;aliser des effets concrets en atelier : zone &agrave; r&eacute;v&eacute;ler au projecteur, yeux interactifs r&eacute;alistes, addition de lumi&egrave;res color&eacute;es, message secret qui appara&icirc;t au nettoyage ;</li> <li>r&eacute;utiliser deux tableaux de synth&egrave;se, fusion pixel &agrave; pixel et masques en niveaux de gris, pour ne plus jamais h&eacute;siter sur le bon r&eacute;glage.</li> </ul> <h3>Une formatrice qui vit l&#39;outil au quotidien</h3> La formation est anim&eacute;e par <strong>Carine Deschanel</strong>, Digital Learning Designer ind&eacute;pendante et ambassadrice officielle Genially. Dot&eacute;e d&#39;un profil scientifique et form&eacute;e au montage vid&eacute;o, au motion design et au design vectoriel, elle con&ccedil;oit des supports p&eacute;dagogiques interactifs depuis de nombreuses ann&eacute;es. Une expertise qui se ressent dans la clart&eacute; des explications et la qualit&eacute; des ateliers. <h3>Pour aller plus loin</h3> Prolongez avec la formation compl&egrave;te sur Genially, explorez les outils IA de Genially, apprenez &agrave; concevoir des Genially accessibles ou &agrave; dynamiser vos pr&eacute;sentations. Retrouvez aussi l&#39;ensemble des cours sur la page Tuto Genially.<br /> <br /> Plus de 2h30 de vid&eacute;o, le PDF du cours, l&#39;acc&egrave;s aux pr&eacute;sentations Genially et &agrave; leurs widgets.<br /> &Agrave; l&#39;issue de la formation, les modes de fusion n&#39;auront plus de secret et vous les exploiterez avec cr&eacute;ativit&eacute; et pr&eacute;cision dans tous vos projets. https://fr.tuto.com/genially/modes-de-fusion-genially,219711.html Tue, 30 Jun 2026 19:33:12 +0200 Filmer comme un pro avec son iPhone https://fr.tuto.com/audiovisuel/filmer-iphone-comme-un-pro,219951.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219951.jpg"/><br>Vous filmez d&eacute;j&agrave; avec votre iPhone, mais le rendu reste loin de ce que vous voyez chez les pros ? Bonne nouvelle : la vraie diff&eacute;rence ne vient pas du mat&eacute;riel, mais de la m&eacute;thode.<br /> Dans cette formation courte et orient&eacute;e r&eacute;sultats, vous apprenez &agrave; filmer des vid&eacute;os nettes, lumineuses et engageantes avec le t&eacute;l&eacute;phone que vous avez d&eacute;j&agrave; dans la poche, sans investir un euro de plus. <h3>Ce que vous allez savoir faire</h3> Du premier r&eacute;glage jusqu&#39;aux finitions, vous suivez exactement le chemin d&#39;un tournage r&eacute;ussi : <ul> <li>R&eacute;gler votre iPhone pour la meilleure qualit&eacute; d&#39;image : r&eacute;solution 1080p ou 4K, images par seconde, HDR et format log.</li> <li>Exploiter le mode cin&eacute;matique, la mise au point et le verrouillage de l&#39;exposition pour un rendu ma&icirc;tris&eacute;.</li> <li>Composer vos plans avec la r&egrave;gle des tiers, la bonne hauteur de cam&eacute;ra et la juste distance au sujet.</li> <li>Utiliser la lumi&egrave;re naturelle et artificielle pour donner du relief &agrave; vos images.</li> <li>Capter un son clair, le point le plus n&eacute;glig&eacute; et pourtant d&eacute;cisif.</li> <li>Stabiliser vos prises, retoucher vos vid&eacute;os et &eacute;viter les erreurs qui trahissent l&#39;amateur.</li> </ul> <h3>Pourquoi la lumi&egrave;re et le son changent tout</h3> On croit souvent que la qualit&eacute; d&#39;une vid&eacute;o se joue sur l&#39;image. C&#39;est faux : un spectateur pardonne une image moyenne, jamais un son brouillon. Vous apprenez ici &agrave; choisir un environnement calme, &agrave; placer correctement votre source de lumi&egrave;re et &agrave; tirer parti d&#39;une simple fen&ecirc;tre pour un &eacute;clairage doux et gratuit. Ce sont ces r&eacute;flexes simples qui font passer une vid&eacute;o de banale &agrave; professionnelle. <h3>Une m&eacute;thode concr&egrave;te, applicable d&egrave;s aujourd&#39;hui</h3> Pas de th&eacute;orie indigeste. Chaque module se termine par une action imm&eacute;diate &agrave; tester avec votre propre iPhone, et la formation s&#39;accompagne de bonus pratiques : checklist de tournage, r&eacute;glages pr&ecirc;ts &agrave; copier et guide d&#39;&eacute;clairage. Que vous soyez cr&eacute;ateur de contenu, entrepreneur, formateur ou YouTubeur d&eacute;butant, vous repartez avec un workflow clair pour publier plus vite et plus r&eacute;guli&egrave;rement. <h3>Une formation anim&eacute;e par un sp&eacute;cialiste Apple</h3> Cette formation est encadr&eacute;e par <strong>Laurent Nivon</strong>, sp&eacute;cialiste Formation chez Apple France pendant plus de onze ans et cr&eacute;ateur de contenu sp&eacute;cialis&eacute; sur les produits Apple. Il a form&eacute; plus de 8 000 personnes, des professionnels comme des particuliers : une expertise terrain qui garantit des conseils fiables et directement exploitables sur votre iPhone. <h3>Pour aller plus loin</h3> Prolongez votre apprentissage avec les autres ressources de la plateforme. D&eacute;couvrez la formation Photo pro avec votre iPhone pour ajouter la prise de vue &agrave; votre workflow.<br /> Pour une approche plus large de la vid&eacute;o mobile, suivez le parcours Vid&eacute;aste Smartphone&nbsp;&eacute;ligible CPF https://fr.tuto.com/audiovisuel/filmer-iphone-comme-un-pro,219951.html Mon, 29 Jun 2026 19:15:35 +0200 Logic Pro et l'IA : composez et produisez plus vite https://fr.tuto.com/logic-pro/logic-pro-ia-composer-produire,219971.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219971.jpg"/><br>L&#39;<strong>intelligence artificielle int&eacute;gr&eacute;e &agrave; Logic Pro</strong> change la fa&ccedil;on de composer, d&#39;arranger et de finaliser un morceau. Le vrai enjeu n&#39;est pas de laisser la machine cr&eacute;er &agrave; votre place, mais de savoir quand et comment activer les bons outils pour <strong>gagner du temps sans jamais perdre le contr&ocirc;le cr&eacute;atif</strong>. Cette formation vous montre exactement &ccedil;a, &agrave; travers des exemples concrets et un projet complet r&eacute;alis&eacute; de A &agrave; Z. <h3>Composer un accompagnement complet avec les Session Players</h3> Vous d&eacute;couvrez comment g&eacute;n&eacute;rer une batterie r&eacute;aliste avec <strong>Drummer</strong>, une ligne de basse coh&eacute;rente avec le Session Bass Player et des parties de clavier avec le Session Keyboard Player. Chaque outil se pilote finement : tempo, complexit&eacute;, intensit&eacute;, choix des phrases, transposition dans la tonalit&eacute; de votre projet. Vous apprenez &agrave; empiler plusieurs r&eacute;gions pour construire intro, break et mont&eacute;e, jusqu&#39;&agrave; un morceau pop ou chill house enti&egrave;rement b&acirc;ti sur ces IA gratuites et illimit&eacute;es de Logic Pro. <h3>Donner du caract&egrave;re et s&eacute;parer les pistes</h3> Avec <strong>Chroma Glow</strong>, vous ajoutez chaleur, saturation et couleur &agrave; vos pistes gr&acirc;ce &agrave; une mod&eacute;lisation avanc&eacute;e qui analyse les fr&eacute;quences. Vous exploitez aussi le <strong>s&eacute;parateur Stem</strong>, un outil qui scinde n&#39;importe quel morceau en voix, batterie, basse et autres &eacute;l&eacute;ments, directement en local sur votre Mac. Un atout pr&eacute;cieux pour sampler proprement et r&eacute;utiliser un extrait sans le noyer dans le reste du mix. <h3>Mixer et masteriser avec l&#39;assistant intelligent</h3> L&#39;<strong>assistant de mastering</strong> analyse automatiquement votre morceau et propose un master &eacute;quilibr&eacute; en quelques secondes. Vous ajustez le caract&egrave;re (Clean, Valve, Punch, Transparent), l&#39;auto EQ, la dynamique et le spread pour obtenir un rendu coh&eacute;rent et professionnel, sans studio ni mat&eacute;riel co&ucirc;teux. C&#39;est un vrai gain de temps sur une &eacute;tape habituellement longue et technique. <h3>Un formateur sp&eacute;cialiste des produits Apple</h3> La formation est anim&eacute;e par <strong>Laurent Nivon</strong>, sp&eacute;cialiste formation chez Apple France pendant plus de onze ans et cr&eacute;ateur de contenu d&eacute;di&eacute; &agrave; l&#39;univers Apple. Il a form&eacute; plus de 8000 utilisateurs, professionnels, ind&eacute;pendants et cr&eacute;ateurs. Une expertise qui garantit des explications claires et des bonnes pratiques directement applicables &agrave; votre workflow. <h3>&Agrave; qui s&#39;adresse cette formation</h3> Ce cours s&#39;adresse aux utilisateurs de Logic Pro, musiciens, beatmakers, compositeurs et producteurs, qui veulent int&eacute;grer les nouveaut&eacute;s IA dans leur production musicale. Pr&eacute;requis technique : un Mac &eacute;quip&eacute; d&#39;une puce Apple Silicon (M1 ou plus r&eacute;cent).<br /> <br /> Pour aller plus loin sur le traitement du son, vous pouvez compl&eacute;ter avec notre cours complet sur l&#39;&eacute;galisation (EQ) et cette approche de la philosophie de mixage pro. Retrouvez &eacute;galement l&#39;ensemble de nos tutoriels Logic Pro pour progresser &agrave; votre rythme. Ou m&ecirc;me continuer votre apprentissage de la musique avec IA gr&acirc;ce &agrave; nos tutos Suno. https://fr.tuto.com/logic-pro/logic-pro-ia-composer-produire,219971.html Fri, 03 Jul 2026 09:03:59 +0200 Signets et renvois dans Word : automatisez vos références https://fr.tuto.com/word/word-signets-renvois-references-croisees,219921.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219921.jpg"/><br>Dans un rapport, un m&eacute;moire ou une proc&eacute;dure, <strong>une r&eacute;f&eacute;rence saisie &agrave; la main devient vite fausse</strong> : un tableau se d&eacute;place, un chapitre s&#39;ajoute, et la pagination ne suit plus.<br /> Les <strong>signets</strong> et les <strong>renvois</strong> de Word r&egrave;glent ce probl&egrave;me une bonne fois pour toutes. Vous marquez les &eacute;l&eacute;ments importants, vous cr&eacute;ez des liens dynamiques vers eux, et une simple mise &agrave; jour suffit pour garder tout le document coh&eacute;rent.<br /> <br /> Anim&eacute;e par <strong>Sylvie Richard</strong>, formatrice bureautique certifi&eacute;e Microsoft Expert, cette formation courte et op&eacute;rationnelle vous rend autonome sur deux outils que la plupart des utilisateurs de Word ignorent, alors qu&#39;ils font gagner un temps consid&eacute;rable sur les documents longs. <h3>Poser des signets pour baliser vos documents</h3> Vous apprenez &agrave; ins&eacute;rer un signet sur un mot, un paragraphe, un tableau ou une image, &agrave; le nommer clairement et &agrave; l&#39;afficher &agrave; l&#39;&eacute;cran. Vous d&eacute;couvrez comment atteindre instantan&eacute;ment un rep&egrave;re avec la touche F5, et comment cr&eacute;er un lien hypertexte interne qui m&egrave;ne directement &agrave; l&#39;emplacement voulu. Vous verrez aussi pourquoi les titres mis en forme avec les styles sont d&eacute;j&agrave; des signets masqu&eacute;s, et donc pourquoi il est inutile de les baliser de nouveau. <h3>Cr&eacute;er des renvois dynamiques et fiables</h3> Le renvoi, aussi appel&eacute; r&eacute;f&eacute;rence crois&eacute;e, ins&egrave;re automatiquement le num&eacute;ro de page, le titre ou la l&eacute;gende d&#39;un &eacute;l&eacute;ment existant. Plus besoin d&#39;&eacute;crire &quot;voir figure page 5&quot; : si la figure passe en page 10, le renvoi se met &agrave; jour tout seul. Vous apprenez &agrave; cr&eacute;er un renvoi vers un titre, une figure, un tableau ou un signet, &agrave; comprendre la notion de champ qui se cache derri&egrave;re, et &agrave; actualiser l&#39;ensemble du document avec la touche F9. <h3>Mettre en pratique et &eacute;viter les pi&egrave;ges</h3> Trois exercices guid&eacute;s vous font manipuler la g&eacute;n&eacute;ration de texte automatique, l&#39;ajout de l&eacute;gendes et l&#39;insertion de renvois de A &agrave; Z, &eacute;nonc&eacute;s et corrig&eacute;s inclus. La conclusion r&eacute;unit un r&eacute;capitulatif des bonnes pratiques, un tableau des raccourcis autour de la touche F9 et une liste des petits probl&egrave;mes courants avec leur solution. <h3>Pour aller plus loin sur Word</h3> Ce cours s&#39;int&egrave;gre naturellement dans un parcours plus large. Retrouvez toutes les formations Word ainsi que la cat&eacute;gorie bureautique pour progresser sur Excel, PowerPoint et Outlook. Pour appliquer signets et renvois &agrave; des projets complets, la m&ecirc;me formatrice propose la formation&nbsp;Word : concevez des documents professionnels et structur&eacute;s, un cours d&eacute;di&eacute; aux documents longs et &agrave; la mise en page avanc&eacute;e. https://fr.tuto.com/word/word-signets-renvois-references-croisees,219921.html Thu, 02 Jul 2026 16:08:41 +0200 Formation After Effects (débutant à avancé) https://fr.tuto.com/after-effects/formation-after-effects-debutant-avance,198411.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/198411.jpg"/><br>Vous savez monter une vid&eacute;o, mais vous bloquez d&egrave;s qu&#39;il faut <strong>animer, habiller ou int&eacute;grer un &eacute;l&eacute;ment</strong> ? Cette <strong>formation After Effects compl&egrave;te</strong> vous fait passer du simple montage &agrave; la cr&eacute;ation d&#39;animations et d&#39;habillages vid&eacute;o professionnels. On part de l&#39;interface et d&#39;une premi&egrave;re composition, puis on monte progressivement vers le compositing, l&#39;animation complexe, la 3D et l&#39;incrustation. Approche 100 % pragmatique, nombreux exercices corrig&eacute;s, et tous les fichiers sources fournis. <h3>Ce que vous allez ma&icirc;triser</h3> <ul> <li>L&#39;interface, la timeline et la fen&ecirc;tre de composition, sans rien laisser au hasard</li> <li>Les types de calques : solide, texte, effets, formes et objet nul</li> <li>L&#39;animation par images cl&eacute;s, le lissage de vitesse et l&#39;&eacute;diteur graphique</li> <li>Le remappage temporel : ralentis, arr&ecirc;t sur image et d&eacute;formation temporelle</li> <li>Masques, caches alpha et luminance, pr&eacute;-compositions et modes de fusion</li> <li>Les effets phares dont CC Particle World, Pixel Polly, Rainfall et Snowfall</li> <li>L&#39;animation de texte avanc&eacute;e avec le s&eacute;lecteur de plage</li> <li>Les expressions : loopIn, loopOut, Time et parentage</li> <li>La cam&eacute;ra et l&#39;espace 3D, les types de lumi&egrave;res et la profondeur de champ</li> <li>L&#39;&eacute;talonnage colorim&eacute;trique avec l&#39;effet Couleur Lumetri</li> <li>L&#39;incrustation sur fond vert, la rotoscopie et le rotopinceau</li> <li>Le suivi de mouvement, y compris le tracking avec Mocha</li> </ul> <h3>Une p&eacute;dagogie qui part de la pratique</h3> Chaque notion est suivie d&#39;un atelier et de sa correction pas &agrave; pas. Vous ne regardez pas une d&eacute;monstration : vous reproduisez, vous testez, vous corrigez. En fin de parcours, vous &ecirc;tes capable de concevoir un projet de A &agrave; Z, par exemple une vid&eacute;o explicative enti&egrave;rement illustr&eacute;e et anim&eacute;e, en exploitant le compositing, les animations complexes et l&#39;incrustation. <h3>&Agrave; jour des nouveaut&eacute;s After Effects 2026</h3> Des chapitres d&eacute;di&eacute;s couvrent les derni&egrave;res fonctionnalit&eacute;s : nouvelles primitives 3D et mat&eacute;riaux Substance, polices variables, import et exploitation des fichiers SVG, et l&#39;effet Unmult. De quoi garder une longueur d&#39;avance et une veille technique permanente. <h3>&Agrave; qui s&#39;adresse cette formation ?</h3> Aux <strong>d&eacute;butants</strong> qui veulent une base solide en animation comme aux <strong>monteurs d&eacute;j&agrave; confirm&eacute;s</strong> en qu&ecirc;te d&#39;une expertise actualis&eacute;e. Aucun pr&eacute;requis avanc&eacute; : on construit la comp&eacute;tence brique par brique. <h3>Pour aller plus loin</h3> Explorez l&#39;ensemble des tutoriels et formations After Effects du catalogue ou d&eacute;couvrez notre&nbsp;formation Motion Designer certifiante. https://fr.tuto.com/after-effects/formation-after-effects-debutant-avance,198411.html Mon, 29 Jun 2026 12:40:42 +0200 Créer de la musique avec l'IA : la formation complète Suno https://fr.tuto.com/suno/suno-creer-musique-ia,218351.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/218351.jpg"/><br>Et si vous pouviez <strong>composer un morceau complet sans conna&icirc;tre une seule note de solf&egrave;ge</strong> ? C&#39;est exactement ce que permet Suno, l&#39;outil d&#39;intelligence artificielle qui transforme une simple description en chanson. Dans cette formation compl&egrave;te, vous prenez l&#39;outil en main de A &agrave; Z, de la cr&eacute;ation de votre premier titre jusqu&#39;aux fonctions de production les plus avanc&eacute;es. <h3>Ce que vous allez apprendre avec Suno</h3> Cette formation vous accompagne pas &agrave; pas pour g&eacute;n&eacute;rer, structurer et exploiter vos propres compositions, que vous partiez de z&eacute;ro ou que vous soyez d&eacute;j&agrave; cr&eacute;ateur de contenu. <ul> <li>Comprendre le fonctionnement de la g&eacute;n&eacute;ration musicale par IA et ses bonnes pratiques,</li> <li>Ma&icirc;triser l&#39;interface de Suno, la biblioth&egrave;que et la partie exploration,</li> <li>R&eacute;diger des <strong>prompts efficaces</strong> pour obtenir le style, le tempo et l&#39;&eacute;motion voulus,</li> <li>Cr&eacute;er des morceaux avec paroles, structure (couplet, refrain) et voix personnalis&eacute;e,</li> <li>Utiliser le remix, le cover, le match-up et le sample pour faire &eacute;voluer vos titres,</li> <li>Exploiter vos cr&eacute;ations pour vos vid&eacute;os, vos r&eacute;seaux sociaux ou vos projets perso.</li> </ul> <h3>Une prise en main compl&egrave;te, de l&#39;interface au studio</h3> Vous d&eacute;couvrez d&#39;abord l&#39;interface, connect&eacute;e et non connect&eacute;e, puis toute la partie cr&eacute;ation : g&eacute;n&eacute;ration de voix, cover art, hooks et surtout la cr&eacute;ation musicale. La formation compare les diff&eacute;rents mod&egrave;les, du V2 jusqu&#39;au dernier V5.5, pour comprendre lequel choisir selon vos besoins. Vous abordez ensuite les options avanc&eacute;es, l&#39;ajout d&#39;un audio, la gestion des paroles et des droits d&#39;auteur, la section sound et l&#39;&eacute;diteur. Pour g&eacute;n&eacute;rer des paroles originales, le formateur s&#39;appuie aussi sur ChatGPT, que vous pouvez d&eacute;couvrir dans ce tuto d&eacute;di&eacute;. <h3>&Agrave; qui s&#39;adresse cette formation ?</h3> Aux <strong>grands d&eacute;butants</strong> qui veulent cr&eacute;er leur premi&egrave;re musique, aux cr&eacute;ateurs de contenu en qu&ecirc;te d&#39;habillage sonore libre de droits, et &agrave; tous les curieux de l&#39;IA g&eacute;n&eacute;rative. Aucun pr&eacute;requis musical n&#39;est n&eacute;cessaire. Un QCM en fin de chaque module valide vos acquis, et une section entraide reste ouverte pour vos questions. <h3>Un formateur certifi&eacute; pour vous guider</h3> Cette formation est anim&eacute;e par <strong>Olivier Krakus</strong>, formateur certifi&eacute; et expert reconnu des outils cr&eacute;atifs et de l&#39;intelligence artificielle appliqu&eacute;e &agrave; la cr&eacute;ation. Sa p&eacute;dagogie progressive vous permet d&#39;avancer &agrave; votre rythme et de r&eacute;ellement prendre l&#39;outil en main. <h3>Pour aller plus loin</h3> Prolongez votre mont&eacute;e en comp&eacute;tences avec l&#39;ensemble de nos formations en IA g&eacute;n&eacute;rative. C&ocirc;t&eacute; audio, la formation pour cr&eacute;er une voix avec l&#39;IA compl&egrave;te id&eacute;alement votre ma&icirc;trise de Suno. https://fr.tuto.com/suno/suno-creer-musique-ia,218351.html Mon, 29 Jun 2026 11:50:14 +0200 Créer une fenêtre modale accessible en HTML, CSS et JavaScript https://fr.tuto.com/html/fenetre-modale-accessible-html-css-javascript,218381.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/218381.jpg"/><br>Vous savez afficher une bo&icirc;te au clic, mais savez-vous en faire une <strong>r&eacute;ellement utilisable par tous</strong> ? Trop de fen&ecirc;tres modales restent des pi&egrave;ges pour qui navigue au clavier ou avec un lecteur d&#39;&eacute;cran.<br /> Dans ce tuto pratique, vous allez construire un composant <strong>robuste, &eacute;l&eacute;gant et 100% accessible</strong>, en <strong>JavaScript natif</strong> (Vanilla JS), sans aucune biblioth&egrave;que externe. <h3>Ce que vous allez construire</h3> Pas &agrave; pas, vous montez une fen&ecirc;tre modale compl&egrave;te autour de trois piliers concrets, avec un code que vous pourrez r&eacute;utiliser d&egrave;s vos prochains projets : <ul> <li><strong>Une structure HTML5 s&eacute;mantique</strong> : la balise main pour une hi&eacute;rarchie de page saine, puis les attributs ARIA qui comptent vraiment, role dialog, aria-modal, aria-labelledby et aria-haspopup, jusqu&#39;au tabindex qui garde la ma&icirc;trise du focus.</li> <li><strong>Un design moderne et immersif en CSS</strong> : un overlay avec flou dynamique (backdrop-filter), des animations d&#39;ouverture fluides, une mise en page responsive avec scroll interne et un &eacute;tat focus-visible net pour une navigation clavier limpide.</li> <li><strong>Une logique JavaScript professionnelle</strong> : ouverture et fermeture via l&#39;attribut hidden, gestion du focus &agrave; l&#39;ouverture puis restauration au bon endroit &agrave; la fermeture, &eacute;coute de la touche &Eacute;chap et du clic sur l&#39;overlay pour une ergonomie irr&eacute;prochable.</li> </ul> <h3>Pourquoi ce tuto va plus loin</h3> Ici, pas de framework lourd ni de recette coll&eacute;e au hasard.<br /> Chaque attribut et chaque ligne de script est expliqu&eacute; pour que vous compreniez le pourquoi avant le comment.<br /> &Agrave; la sortie, vous ma&icirc;trisez un composant accessible aux normes RGAA, un vrai atout pour un portfolio de d&eacute;veloppeur front-end, et surtout une m&eacute;thode transposable &agrave; tous vos futurs composants. <h3>&Agrave; qui s&#39;adresse ce cours</h3> <ul> <li>Aux <strong>d&eacute;butants en HTML et CSS</strong> qui veulent passer au niveau sup&eacute;rieur.</li> <li>Aux <strong>d&eacute;veloppeurs front-end</strong> d&eacute;sireux d&#39;approfondir l&#39;accessibilit&eacute; num&eacute;rique.</li> <li>Aux curieux qui veulent comprendre comment les technologies d&#39;assistance dialoguent avec le code.</li> </ul> <h3>Pr&eacute;requis et pour aller plus loin</h3> <strong>Pr&eacute;requis :</strong> des bases de HTML s&eacute;mantique (balises de structure, formulaires, liens). Aucune connaissance pr&eacute;alable d&#39;ARIA n&#39;est n&eacute;cessaire, mais si vous voulez solidifier ce socle, commencez par le tuto Ma&icirc;triser les attributs ARIA du m&ecirc;me auteur. Pour explorer davantage, parcourez l&#39;ensemble des tutoriels HTML.<br /> <br /> <strong>Envie d&#39;en faire un m&eacute;tier ?</strong> Retrouvez Carl Brison comme mentor sur le Parcours d&eacute;veloppeur web front-end &eacute;ligible au CPF. https://fr.tuto.com/html/fenetre-modale-accessible-html-css-javascript,218381.html Thu, 02 Jul 2026 14:52:11 +0200 Créer un menu accordéon FAQ accessible en HTML, CSS et JS https://fr.tuto.com/html/menu-accordeon-faq-accessible-html-css-js,218221.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/218221.jpg"/><br>Apprenez &agrave; concevoir une <strong>FAQ en menu accord&eacute;on</strong> moderne, fluide et enti&egrave;rement accessible, en utilisant uniquement HTML, CSS et JavaScript. Ce composant, pr&eacute;sent sur la quasi-totalit&eacute; des sites professionnels, repose ici sur une structure s&eacute;mantique soign&eacute;e et sur les attributs ARIA, pour un r&eacute;sultat parfaitement compatible avec les lecteurs d&#39;&eacute;cran et la navigation au clavier.<br /> Avec Carl Brison, formateur certifi&eacute; et cr&eacute;ateur de sites web professionnels depuis le d&eacute;but des ann&eacute;es 2000, vous construisez ce composant pas &agrave; pas, du HTML s&eacute;mantique jusqu&#39;aux finitions CSS et au comportement JavaScript. <h3>Ce que vous allez r&eacute;aliser</h3> <ul> <li>Une structure HTML s&eacute;mantique avec une section titr&eacute;e et des niveaux de titres hi&eacute;rarchis&eacute;s</li> <li>La mise en relation accessible avec aria-labelledby, aria-controls et aria-expanded</li> <li>L&#39;ouverture et la fermeture dynamiques des r&eacute;ponses en JavaScript, avec gestion de l&#39;attribut hidden</li> <li>Des animations CSS fluides et un indicateur plus ou moins pilot&eacute; par un pseudo-&eacute;l&eacute;ment</li> <li>Un focus clavier soign&eacute; gr&acirc;ce &agrave; la pseudo-classe focus-visible</li> </ul> <h3>Pourquoi ce composant fait la diff&eacute;rence</h3> S&eacute;mantique propre plus accessibilit&eacute; ma&icirc;tris&eacute;e, cela donne un SEO solide. Vous repartez avec une FAQ r&eacute;utilisable et conforme aux exigences du RGAA, que vous pourrez r&eacute;int&eacute;grer sur tous vos projets front-end. <h3>La s&eacute;rie HTML S&eacute;mantique Avanc&eacute;</h3> Ce tuto est le quatri&egrave;me volet de la s&eacute;rie. Pour suivre la progression compl&egrave;te : <ul> <li>HTML S&eacute;mantique Avanc&eacute;. Fondamentaux et Structuration Professionnelle</li> <li>HTML S&eacute;mantique Avanc&eacute;. Accessibilit&eacute;, SEO et Cas Concrets</li> <li>HTML S&eacute;mantique Avanc&eacute;. Validation et Bonnes Pratiques Durables</li> <li>Ma&icirc;triser les attributs ARIA. Les fondamentaux</li> <li>Ma&icirc;triser les attributs ARIA. Les ARIA essentiels</li> <li>Cr&eacute;er un menu burger avanc&eacute; (s&eacute;mantique et accessible)</li> </ul> <h3>Pour aller plus loin</h3> Approfondissez les techniques CSS utilis&eacute;es dans ce tuto avec les pseudo-&eacute;l&eacute;ments en CSS et le positionnement CSS (absolute, relative, fixed, static). Et pour transformer ces comp&eacute;tences en dipl&ocirc;me, d&eacute;couvrez la formation D&eacute;veloppeur Front-End &eacute;ligible au CPF avec Carl Brison. https://fr.tuto.com/html/menu-accordeon-faq-accessible-html-css-js,218221.html Tue, 23 Jun 2026 09:35:32 +0200 CrewAI : créer vos agents IA pour automatiser votre travail https://fr.tuto.com/crewai/crewai-agents-ia-automatisation,219771.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219771.jpg"/><br>Et si vous arr&ecirc;tiez de copier-coller les r&eacute;ponses de ChatGPT pour laisser une v&eacute;ritable &eacute;quipe d&#39;agents IA travailler &agrave; votre place ?<br /> Avec <strong>CrewAI</strong>, vous passez de l&#39;IA qui r&eacute;pond &agrave; l&#39;IA qui agit : des agents autonomes capables de planifier, d&#39;ex&eacute;cuter et de s&#39;auto-corriger pour automatiser vos processus de bout en bout.<br /> Cette formation pratique vous accompagne de la th&eacute;orie jusqu&#39;au d&eacute;ploiement en entreprise. Vous ne regardez pas une d&eacute;mo : vous construisez en m&ecirc;me temps que le formateur, directement dans votre &eacute;diteur de code puis sur l&#39;interface visuelle. Tous les fichiers du projet sont inclus pour tout reproduire &agrave; votre rythme. <h3>Ce que vous allez ma&icirc;triser avec CrewAI</h3> <ul> <li><strong>Installer un environnement propre :</strong> configurer Python, Visual Studio Code et un environnement virtuel isol&eacute; pour d&eacute;marrer sur des bases solides.</li> <li><strong>Coder vos premiers agents IA :</strong> d&eacute;finir des r&ocirc;les, des objectifs et des backstories dans des fichiers YAML lisibles, sans &eacute;crire de code complexe.</li> <li><strong>Orchestrer des t&acirc;ches collaboratives :</strong> encha&icirc;ner un agent chercheur et un agent r&eacute;dacteur dans un processus s&eacute;quentiel pour produire un livrable concret, ici une newsletter pr&ecirc;te &agrave; l&#39;envoi.</li> <li><strong>Ex&eacute;cuter et d&eacute;boguer votre projet :</strong> lancer vos agents en conditions r&eacute;elles et traiter les erreurs courantes (d&eacute;pendances, cl&eacute;s API, mod&egrave;les LLM) pas &agrave; pas.</li> </ul> <h3>Du code au no-code : CrewAI Studio et Enterprise</h3> La seconde partie du cours vous fait passer de l&#39;&eacute;diteur de code &agrave; l&#39;interface visuelle de <strong>CrewAI Studio</strong>.<br /> Vous apprenez &agrave; g&eacute;n&eacute;rer une &eacute;quipe d&#39;agents en langage naturel, &agrave; ajouter de nouveaux agents par simple glisser-d&eacute;poser, &agrave; connecter des outils externes (recherche web, Excel, GitHub) et &agrave; planifier des ex&eacute;cutions automatiques. Une approche id&eacute;ale si vous venez du marketing ou de la gestion de projet et que vous voulez automatiser sans coder. <h3>S&eacute;curit&eacute;, gouvernance et cas d&#39;usage m&eacute;tier</h3> Donner acc&egrave;s &agrave; vos cl&eacute;s API ou &agrave; votre navigateur &agrave; un agent implique de vrais enjeux de s&eacute;curit&eacute;. Le cours aborde la gouvernance, le suivi des co&ucirc;ts au token pr&egrave;s et la validation humaine avant ex&eacute;cution, pour d&eacute;ployer des agents puissants mais contr&ocirc;lables. Vous repartez avec une m&eacute;thode applicable &agrave; des cas r&eacute;els : veille automatis&eacute;e, prospection, r&eacute;daction de contenu ou reporting. <h3>Pour aller plus loin</h3> Ce tuto compl&egrave;te id&eacute;alement les autres ressources intelligence artificielle du catalogue. https://fr.tuto.com/crewai/crewai-agents-ia-automatisation,219771.html Tue, 23 Jun 2026 10:44:09 +0200