Gratuit : créer son CV one page en ligne !
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Gratuit : créer son CV one page en ligne !

Damien Gallez (damné)Steven Sil

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Préparez vos futurs entretiens d'embauches avec ce nouveau tutoriel gratuit en vidéo présenté par le Collectif Team8 et Infoprog qui vous proposent d'apprendre à créer et intégrer votre CV responsive en one page. Une manière moderne de présenter votre travail et vos compétences, dans un monde Digital !

Au programme de ce tuto gratuit CV one page en ligne 

Dans la première partie, vous apprendrez aux côtés de Damien, à créer le graphisme de votre CV à l'aide des bibliothèques de Photoshop. L'utilisation des plans de travail du logiciel permettra la déclinaison du graphisme sur différents terminaux du type mobile et tablette.

Programme du tuto créer un WebDesign responsive de CV avec Photoshop

  • Création des plans de travail (versions écran et mobile)
  • Création d'une grille personnalisée
  • Création d'une bibliothèque
  • Création d'une trame personnalisée
  • Création des différentes parties du site (header, contenu, footer)
  • Duplication des différents calques vers la version responsive

Dans la deuxième partie, vous allez apprendre aux côtés de Steven à intégrer le PSD créé dans la première partie de ce tutoriel à l'aide des langages HTML, CSS et JavaScript.

Pour vous aider dans cette intégration et pour découvrir de nouvelles technologies, nous utiliserons Bootstrap, jQuery ainsi que plusieurs autres librairies JS et CSS pour parvenir au résultat final.

Aucune connaissance préalable de ces technologies n'est nécessaire puisque les bases seront vues pour comprendre l'ensemble du processus d'intégration. Nous utiliserons également le préprocesseur CSS Sass pour gérer et maintenir plus facilement nos feuilles de styles. Une nouvelle fois, nous verrons comment installer et utiliser Sass au sein de cette seconde partie.

Au programme de la partie intégration du design responsive de votre CV

  • Utilisation de Sass pour gérer nos feuilles de styles
  • Utilisation de la grille de Bootstrap 4 pour gérer facilement le responsive de notre CV Onepage
  • Utilisation de jQuery pour gérer les éléments interactifs de notre site
  • Utilisation de librairies CSS et JS (lightbox, ScrollReveal, Hover.css) pour gérer certains effets de notre site
  • Apprentissage de bonnes pratiques CSS
  • Découverte de Flexbox pour gérer l'affichage de certains éléments

Des fichiers sources sont fournis avec ce cours entièrement gratuit
Vous pouvez poser vos questions aux formateurs dans le salon d'entraide de ce tuto.  

Vous pourrez ensuite aller plus loin avec votre CV en apprenant à ajouter un bandeau vidéo ou bien en améliorant vos compétences techniques en intégration ou programmation web et améliorer votre employabilité !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Création du webdesign avec Damien sous Photoshop
Chapitre 2
Intégration de la maquette et Développement du site avec Steven

Plan détaillé du cours

Chapitre 1 : Création du webdesign avec Damien sous Photoshop
1h37
 
Leçon 101 - Création d'une grille personnalisée
Leçon 202 - Création d'une bibliothèque
Leçon 303 - Création du header
Leçon 404 - Création du contenu (partie à propos)
Leçon 505 - Création du contenu (partie compétences & expériences)
Leçon 606 - Création du contenu (partie créations) et du footer
Leçon 707 - Déclinaison du graphisme sur format mobile
Chapitre 2 : Intégration de la maquette et Développement du site avec Steven
2h49
 
Leçon 1Introduction
Leçon 2Mise en place du projet
Leçon 3Le header
Leçon 4La section "A propos"
Leçon 5La section "Compétences"
Leçon 6La section "Expériences"
Leçon 7La section "Réalisations"
Leçon 8Le footer
Leçon 9Conclusion

Aperçus

Avis des apprenants

Détail des avis
5 406
Apprenants
41
Commentaires
4,8/5
Note moyenne
5/5
32
4/5
6
3/5
3
2/5
0
1/5
0
Ioan Kanizaj
Ioan Kanizaj
Publié le 03/02/2021
Très bon tuto , très précis dans les explications. J'ai adoré ! <3
Steven Sil
Steven Sil
Merci beaucoup ! :D
Paolo Ratsizafy
Paolo Ratsizafy
Publié le 11/08/2020
J'ai adoré. Merci beaucoup!
Steven Sil
Steven Sil
Merci ! :D
Membre-350-9434
Membre-350-9434
Publié le 24/03/2020
Excellent tuto qui m'a appris plein de choses! L'explication est parfaite et ça donne envie de suivre jusqu'à la fin. Merci!

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

Photoshop CC, Bootstrap 4

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Bonjour Damien, Peut-on suivre ce tuto avec la version CS6 de Photoshop ? Merci. Agnès

Bonjour Agnès je ne crois pas. Les plans de travail et certaines bibliothèques ne doivent pas être disponibles dans cette version. Tentez ! C'est un tuto gratuit :)

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données