Skip to content

Instantly share code, notes, and snippets.

View pierrealexaline's full-sized avatar

Pierre Alexaline pierrealexaline

View GitHub Profile

Mettre en production un projet Symfony 4 sur un VPS OVH

VPS OVH | Ubuntu 16.04.3 LTS | LAMP | SYMFONY 4

Pré-requis

  • Votre projet doit être versionné avec git et hébergé (Github, Bitbucket...).
  • Vous devez avoir acheté un VPS et un nom de domaine.
  • Vous devez également générer une clé SSH sur votre ordinateur. (explications ci-dessous)

Création et ajout de la clé SSH au profil OVH

@pierrealexaline
pierrealexaline / index.html
Created April 20, 2020 19:09
X1 - CSS [advanced] : CSS Grid
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>FindThePrecious.com</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/favicons/favicon.ico" />
</head>
@pierrealexaline
pierrealexaline / index.html
Last active April 19, 2020 11:42
WCS - Responsive web design - html part
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Find the precious!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
@pierrealexaline
pierrealexaline / wcs_add_style_with_css.css
Last active April 17, 2020 01:35
WCS - Integration - 2 Add style with CSS
body{
font-family: Arial, Helvetica, sans-serif;
display:flex;
flex-direction: row;
justify-content:center;
align-items:center;
}
.container{ text-align:center;
width:320px;
height:320px;
@pierrealexaline
pierrealexaline / wcs_intro_to_bootsrap.html
Last active April 16, 2020 23:02
WCS - 03 - Intro to Bootstrap
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>The Great Eye</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<style>
.col-1{
@pierrealexaline
pierrealexaline / html_good_practices.html
Created April 16, 2020 17:55
HTML : les bonnes pratiques
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>FindThePrecious.com</title>
<link rel="icon" href="images/favicons/favicon.ico" />
</head>
<body>
@pierrealexaline
pierrealexaline / structure_of_html5_page.html
Last active April 16, 2020 21:17
Structure of an HTML page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>FindThePrecious.com</title>
<link rel="icon" href="images/favicons/favicon.ico" />
</head>
<body>
@pierrealexaline
pierrealexaline / wcs_pdo_quest.php
Created April 5, 2020 14:48
WCS - PDO quest 1
<?php
/*
Enoncé :
Crée une page index.php qui liste les "friends" contenus dans la base, sous la forme d'une liste HTML.
Pense à créer un fichier connec.php que tu n’enverras pas avec ta solution, afin de ne pas dévoiler ton mot de passe.
Sous la liste, crée un formulaire simple disposant des champs obligatoires Firstname et Lastname.
Lorsque tu soumets le formulaire, un nouveau personnage doit être inséré dans la base de données, via une requête préparée.
Poste le fichier PHP dans un Gist.
<?php
/*
Le formulaire de contact comporte les champs :
-----------------------------------------------
nom,
prénom,
e-mail,
téléphone,
sujet (sous forme de liste déroulante)
@pierrealexaline
pierrealexaline / thanks.php
Last active March 31, 2020 16:48
WCS - Les formulaires et leur traitement HTML et PHP
<?php
/*
Enoncé :
À partir de ce que tu viens de réaliser,
il faut améliorer ce formulaire. et afficher un message à réception
Objectifs :
Le formulaire de contact comporte les champs :