• 20 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

Ce cours est en vidéo.

Vous pouvez obtenir un certificat de réussite à l'issue de ce cours.

J'ai tout compris !

Mis à jour le 23/10/2018

Utilisez le layout

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Vous avez maintenant une ou deux pages dans votre application. Pour éviter de répéter toutes les balises HTML obligatoire (doctype, html, head, title…) dans les vues, la structure HTML est partagée dans ce que l’on appelle un layout.

Observez le fichier app/views/layouts/application.html.erb :

<!DOCTYPE html>
<html>
<head>
  <title>Castor</title>
  <%= stylesheet_link_tag 'application', media: 'all' %>
  <%= javascript_include_tag 'application' %>
  <%= csrf_meta_tags %>
</head>
<body>
  <%= yield %>
</body>
</html>

Le contenu de vos vues viendra s’immiscer à la place de « <%= yield %> ». Si vous retirez cette ligne, vos pages ne s’afficheront plus !

Les lignes de Ruby dans le head permettent d’inclure tous vos fichiers CSS et JavaScript dans votre site sans avoir à rajouter une ligne par fichier.

  • Pour ajouter du CSS dans votre site, modifiez le fichier app/assets/stylesheets/application.css, ou les autres fichiers de ce même répertoire ;

  • Pour ajouter du JS dans votre site, modifiez le fichier app/assets/javascripts/application.js, ou les autres fichiers de ce même répertoire.

Si CSS ou JS vous intéressent, je vous invite à étudier les autres cours pour mixer vos connaissances : https://openclassrooms.com/courses/apprenez-a-coder-avec-javascript.

Exemple de certificat de réussite
Exemple de certificat de réussite