• 20 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 23/10/2018

Créez votre première page

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

Créer une page web avec HTML, vous savez faire. Avec Rails, cela va vous sembler plus compliqué. Ne vous laissez pas impressionner ! Tout est là pour une bonne raison. Le gain avec l'utilisation de Rails est énorme par rapport au simple HTML. Vous êtes en train d'investir, et c'est un bel investissement.

Rails met à votre disposition ce que l’on appelle des générateurs. Ils portent bien leur nom : ils génèrent du code, à votre place. Du code à trous, prêt à accueillir le vôtre. Découvrez le premier générateur, celui qui vous conduit à votre première page.

rails g controller pages home

Le résultat de la commande ressemble à ceci :

create  app/controllers/pages_controller.rb
 route  get 'pages/home'
invoke  erb
create    app/views/pages
create    app/views/pages/home.html.erb
...

Nous allons voir petit à petit ce que font tout ces fichiers. Pour observer concrètement ce que ce générateur vient de faire, lancez votre serveur avec la commande rails server. Avec votre navigateur, allez à l’adresse http://localhost:3000/pages/home.

Nous lisons « Find me in [trouvez moi dans] app/views/pages/home.html.erb ». Serait-ce un jeu de piste ? Avec votre éditeur de texte, ouvrez le fichier en question.

<h1>Pages#home</h1>
<p>Find me in app/views/pages/home.html.erb</p>

Du HTML ! Vous êtes en terrain connu. Remplacez son contenu par celui-ci :

<h1>Bienvenue !</h1>
<p>Ceci est mon premier site réalisé avec Ruby on Rails.</p>

Sauvegardez puis rechargez la page sur votre navigateur. Constatez votre modification.

Avec Ruby on Rails, on dit qu’un fichier HTML est une vue (view en anglais). Une vue est ce avec quoi interagit l’utilisateur. C’est pourquoi les fichiers HTML sont rangés dans le dossier app/views.

Vous savez maintenant réutiliser le HTML que vous connaissez avec Ruby on Rails.

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