Skip to content

Instantly share code, notes, and snippets.

View aliastim's full-sized avatar
👻
■■■ ■■ ■■ ■ Work in progress

Timothée CORRADO aliastim

👻
■■■ ■■ ■■ ■ Work in progress
View GitHub Profile

Découvrir NODE JS

NodeJS est un langage de bas niveau reposant sur Javascript, ce qui lui apporte de multiples avantages :

  • Il permet d'utiliser JavaScript côté serveur
  • C'est un langage asynchrone qui permet de gérer plusieurs événements à la fois
  • C'est un environnement de bas niveau (il ressemble davantage à du C ou du Python que du PHP)
  • Il est beaucoup plus rapide que les autres langages (repose sur le moteur d'exécution V8 de Chrome)
  • C'est un modèle non bloquant*
  • Modèle bloquant : les actions sont réalisées les unes après les autres, le script ne peut pas réaliser d'autres actions tant que les précédentes n'ont pas été effectuées.
  • Modèle non bloquant : les actions sont réalisées en parallèles, ce qui permet au script de réaliser une action pendant qu'une autre est en cours, l'exécution est de ce fait plus rapide.

Quelques frameworks, librairies et liens utiles 📕📗📘📙

Bootstrap

Pour le contenu d'un site Bootstrap

Font awesome

Pour ajouter des icônes utiles dans un texte Font Awesome

Quelques astuces pour rendre un site responsive 💡📐

Balise Méta

Le viewport(≠ device-width) est une valeur propre à chaque device et est attribuée par le navigateur sur lequel on navigue, par exemple :

  • Viewport Safari mobile : 980px
  • Viewport Android 1, 2 et 3 : 800px
  • Viewport Android 4 : 980px

Meta par défaut à ajouter au code :

Créer une animation en SVG pour un site web avec Illustrator

En cours d'écriture

Tuto

Créer une newsletter avec InDesign ?

Mettre en place une organisation agile 🎯

La méthode agile est une méthode d'organisation et de décomposition du travail qui permet de mieux suivre ses objectifs et d'avoir une vision globale sur un projet et sa complexité en général. La méthode que nous allons voir ici, s'appelle la méthode SCRUM.

Partie théorique

12 principes de la méthode Agile

  • Satisfaire le client en priorité
  • Accueillir favorablement les demandes de changement
  • Livrer le plus souvent possible des versions opérationnelles
  • Assurer une coopération permanente entre le client et l’équipe projet

Elaborer des mentions légales

Pour un certain nombre de sites webs, les mentions légales sont une nécessité, pour un site professionnel, elles sont obligatoires, nous allons voir dans ce cours qui est concerné et comment les réaliser.

Qui est concerné ?

  • Les mentions légales sont facultatives pour des particuliers, les blogs, CV en ligne, sites personnel peuvent donc en être dépourvus.

  • En revanche, elles sont obligatoires pour les sociétés (SAS, SARL, SA, EUR, etc), les professionnels, les entrepreneurs, les associations, les sites marchands, etc

Cependant, les mentions légales diffèrent en fonction de l'entité qui les diffuse.

Optimiser mon site web 📯

Pour améliorer son référencement et améliorer la rapidité de son site internet, il existe plusieurs points à ne pas négliger.

Analyser les performances de son site

Pour analyser les performance d'un site, il existe plusieurs outils gratuits très efficaces et utiles, en voici quelque-uns :

Vérifier la vitesse de chargement d'un site : Google PageSpeed
Vérifier la responsivité d'un site : Google Mobile website speed test
Optimiser davantage : GTmetrix

Commandes terminal pour Git

0. Avant de commencer

Pour suivre ce cours, il vous sera nécessaire d’avoir d’installé au préalable :

  • Php Storm 2017.2 ou version plus récente
  • PHP 7.0 ou version plus récente Pour vérifier votre version de PHP : Dans le terminal de votre ordinateur, effectuer la commande :
php -v

Appel d'une API en php 📖

Nous allons ici découvrir simplement comment paramétrer un appel vers une librairie externe (API) en PHP. Pour ceci, nous allons notamment nous intéresser à la bibliothèque cURL.

CURL, c'est quoi ?

Comme dit dans l'introduction cURL est une bibliothèque très utile en PHP qui permet de communiquer avec un site internet distant. Elle permet ainsi de réaliser des requêtes CRUD (Create Read Update Delete) via des API à condition qu'on en ai l'accès. Mais généralement, on s'en sert principalement pour afficher des données externes (READ), ce qui par ailleurs nécéssite moins de conditions, puisque les données sont souvent publiques.

Comment on s'en sert ?

Dans l'exemple ci-dessous, nous allons faire un simple appel d'API pour lire le contenu de mes gists github.

Au préalable

En fonction de l'API appelée, les sites n'autorisent pas toujours les appels anonymes. Bien souvent, il faudra obtenir sur les paramètres du site en question un Token d'accès. C'est

🔱 Paramétrage des fichiers sources d'un site

Nous allons voir ici que certains fichiers sources sont indispensables pour mieux optimiser un site web. Nous allons voir qu'il est simple de mieux référencer son site, de le passer en https, de le sécuriser davantage et de paramètrer ses redirections et ses pages d'erreurs.

.htaccess

À quoi sert-il ?

Le .htaccess est un fichier que l'on ajoute dans le dossier source de son site. Celui-ci a pour objectif de donner des informations au serveur. Il va permettre de faire des redirections, de mettre son site en maintenance, de protéger une zone réservée aux administrateurs ou encore de paramétrer son site en https.

Mettre son site en https