$ 20.00

Tuto Créer un Site professionnel et responsive en 2019 avec HTML, CSS, JavaScript

$ 20.00

  • Une formation vidéo de 3h18m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Nous allons apprendre ensemble à créer un site de A à Z, qui sera parfaitement responsive et professionnel.
Responsive veut dire qu'il s'adaptera à tous les types d'écrans et c'est une fonctionnalité cruciale en 2019, car Google va (entre autres) vous noter sur cet aspect.
 

Au programme de ce tuto création d'un site pro et responsive

Nous allons utiliser des techniques et des concepts avancés de CSS et d'HTML afin de réaliser un site de qualité.
Enfin nous utiliserons JavaScript avec la librairie GreenSock et le Framework JQuery, pour réaliser des animations qui vont apportés une plus-value visuelle à notre projet.

  • Faire un Site 100% Responsive (qui s'adapte à tous les écrans),
  • Utiliser HTML et CSS de manière propre,
  • Faire des animations avec JavaScript, Jquery et GreenSock,
  • Apprendre des compétences utiles et très recherchées,
  • Ajouter un site de qualité à son Portfolio,
  • Des concepts clés du développement Web,

Je reste disponible dans le salon d'entraide du tuto pour répondre à vos éventuelles questions. 
Les fichiers de travail sont fournis avec le cours. 

Bon tuto.

Table des matières de cette formation HTML, CSS, JavaScript (durée : 3h18m)

  • Introduction et vue d'ensemble
    • Vidéo d'introduction gratuit 00:00:57
  • Mise en place du dossier
    • Téléchargement de VS Code et mise en place du dossier gratuit 00:04:00
    • Mise en place des polices gratuit 00:02:36
  • Section HTML & CSS
    • Navigation et Header, HTML 00:06:48
    • Navigation, CSS 00:10:40
    • Header, CSS 00:09:37
    • Section About, HTML 00:06:23
    • Section About, CSS partie 1 00:07:27
    • Le "Hack" Des Floats 00:05:51
    • Section About, CSS partie 2 00:09:05
    • Section Tarifs, HTML 00:02:25
    • Section Tarifs, CSS 00:11:22
    • Section Carousel, HTML 00:03:07
    • Section Carousel, CSS 00:09:40
    • Section Équipe, HTML 00:02:37
    • Section Équipe, CSS 00:08:33
    • Section Contact, HTML 00:02:40
    • Section Contact, CSS 00:04:06
  • Mise en place des Médias Quéries
    • Présentation Médias Quéries 00:07:43
    • Médias Quéries Header et Navigation 00:16:05
    • Médias Queries, Section About 00:05:40
    • Médias Queries, Section Tarifs 00:01:55
    • Médias queries, Section Carousel 00:05:28
    • Médias Queries, Section Équipe 00:06:23
    • Médias Queries, Section Contact 00:03:04
  • Les animations JavaScript
    • Animation barre de navigation bicolore 00:05:16
    • Animation et largeur 00:02:27
    • Création du menu pour Portables et Tablettes 00:05:46
    • Animation du Scroll avec JQuery 00:04:10
    • Animation apparition de la page d'accueil avec GreenSock 00:09:33
  • Explication du Rem, mise en place du Favicon, et Fin !
    • Adapter noter site pour les écrans spéciaux (Tablette, Iphone, Samsung) 00:07:47
    • Adapter notre site partie 2 00:07:42
    • Mise en place du Favicon et fin ! 00:01:30



Formateur : Enzo Ustariz

Enzo Ustariz a publié 16 tutoriels et obtenu une note moyenne de 5,0/5 sur 254 tutoriels vendus. Voir les autres formations de Enzo Ustariz

5,0
note moyenne

4
avis laissés
5 étoiles
4
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de jefb31 laissé le 05/08/2019
    Super tuto très détaillé sur la création d'un site tendance 2019 . facile a suivre pour les 3 premiers chapitres , cela se complique un peu sur le javascript , mais cela n'est pas insurmontable . il me faudra encore du temps avant de réaliser un tuto de cette ampleur de A a Z . merci pour ce super tuto . continuez comme cela .
    "Merci à vous pour ce retour et à bientôt."

  • 5
    avis de lebeud laissé le 05/07/2019
    Très bon tuto, un débit de parole un peu rapide mais on s'y fait, et les explications sont très claires. Merci

  • 5
    avis de nydjo laissé le 30/06/2019
    Très bon Tuto, je recommande. Ce qui manque, mais c’est dans tout ces types de tuto, c’est le travail en amont, si je prends le carrousel, on fait que de recopier, tout en comprenant ce qu’on fait, mais si on devrait partir d’une feuille blanche, je pense pas que l’on y arriverait.
    "Je prends note, je fournirai plus de détails pour ce genre de création, merci pour le retour."

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    HTML , CSS , JavaScript
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1078 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données