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

UI Design et Creative Process

EN COURS D'ÉCRITURE

Culture digitale

Quelques styles design

  • Flat Design
  • Néomorphisme
  • Glassmorphisme (Se base sur le néomorphisme)
  • Material Design (voir material.io)

EN COURS D'ÉCRITURE

Management basé sur l'humain

Adapter son management

Phases/Processus d'idéation

EN COURS D'ECRITURE

Quelques phases d'idéation avant de démarrer un projet

La carte mentale

L'objectif de la carte mentale est d'identifier une multitude de mots ou de concepts en rapport avec une idée de base. On va ainsi créer plusieurs branches liées à notre concept et l'on va répéter le processus pour chaucune des branches. Cela va nous permettre d'avoir une visibilité large sur le projet que l'on souhaite concevoir et de faire ressortir les bonnes idées.

On peut par exemple l'utiliser pour concevoir un logotype, une charte graphique ou un site web.

Créer un routeur en php

EN COURS D'ECRITURE

Afin d'avoir des URLs propres, il est intéressant de mettre en place un système de routes qui va réécrire les URLS

Option 1) Définir les routes directement sur le serveur

sous nginx:

RewriteEngine on

RewriteCond %{REQUEST_FILENAME} !-f

Créer un système de batch automatique sur son serveur

EN COURS D'ÉCRITURE

Sous nginx Tuto à 14min20

Installer un système de déploiement automatique sur le serveur depuis les commits Github

EN COURS D'ÉCRITURE

mettre en place un système de déploiement automatique github sur son serveur Tuto1 Tuto2

Elaborer un logotype

Nous allons définir ici les notions de logo et de logotype et identifier les points importants à prendre en considération dans l'élaboration de ces derniers.

Qu'est-ce qu'un logo/logotype ?

Commençons par définir les termes de logo et de logotype :

  • Logo : Il s'agit de la signature d'une entreprise, il représente l'emblème d'une organisation.
  • Logotype : Le logotype est l'addition du logo + d'un nom, d'un mot ou d'une phrase qui représente l'organisation.

Découvrir Eloquent, l'ORM de Laravel

Comment fonctionne les migrations :

A chaque fois que l'on souhaite modifier la base de données (ajouter, modifier, supprimer une table), il est nécéssaire de créer une nouvelle migration :

  • Une migration est unique et ne doit pas être modifiée.
  • On peut modifier plusieurs tables dans la même migration
  • la fonction up() réalise les modifications indiquées lors du php artisan migrate
  • la fonction down() réalise les modifications indiquées lors d'un retour en arrière (s'il y a une erreur) lors d'un php artisan migrate:rollback

Créer une migration

‼️ Si l'on souhaite créer une nouvelle table, commencer par créer un modèle, une migration sera générée automatiquement.

VueJS Avancé (avec VirtualDom)

EN COURS D'ECRITURE

Séparer la partie template de la partie css/js

VueCli va initialiser un projet avec VueJS ainsi que tous les templates de base qui vont nous servir dans un projet

Prérequis

installer Vue Cli de manière globale sur son mac :

Découvrir Vue JS

Vue, c'est quoi ?

A l'instar de ReactJS, Vue est un framework front-end javascript utilisant des modules, celui-ci a pour objectif de fluidifier une page web en la rendant dynamique (ainsi seuls les éléments qui vont changer sur la page (comme un formulaire par exemple) seront rechargés plutôt que la page entière.

Les avantage de Vue :

  • Facile à prendre en main et intuitif
  • Léger
  • Inclu tout le nécessaire pour fonctionner directement
  • Grande communauté