Le développement web est devenu une part très importante du secteur du développement.
Afin d’avoir de gérer facilement et proprement les vues, Laravel propose un système de routing efficace. Dans la version 5.4, le routing n’est plus dans le dossier « app/http/routes.php » mais dans « routes/web.php« , ce qui correspond à la version avec laquelle je travaille lors de la rédaction de cet article. Avec notre site Laravel, toutes les requêtes…
Pour facilité la création de vue HTML et notamment de formulaire, on va ajouter une dépendance (laravelcollective/html) via Composer en modifiant la configuration dans composer.json, c’est ce qui servira d’exemple : « require »: { « php »: « >=5.6.4 », « laravel/framework »: « 5.4.* », « laravelcollective/html »: »^5.4.0″, « laravel/tinker »: « ~1.0 » }, puis on lance une mise à jour en commande depuis le dossier de l’application…
Une fois qu’on a installé Laravel dans notre nouveau projet, on va faire un rapide tour des dossiers et fichiers qui ont été ajoutés afin de comprendre un peu mieux. Note : Si vous voulez regarder comment est articulé le projet sans l’installer, rdv sur le depôt Github Laravel. On trouve des dossiers (qui sont tous…
Pré-requis Il faut un serveur PHP 5.5.9 minimum et un moteur de base de données type MySQL ou PgSQL. Pour cela, j’utilise WampServer ou UwAmp, à vous de choisir celui qui vous convient le mieux 😉 Comme Laravel se base sur différents composants d’autres sources, le gestionnaire de dépendances Composer est conçu pour nous éviter…
Comment ça fonctionne ? L’extension Chrome Debugger se connecte via le protocol Chrome Debugger et fonctionne en cartographiant les fichiers chargés dans le navigateur pour les mapper avec ceux ouverts dans Visual Studio Code afin de pouvoir poser les points d’arrêt directement dans notre code source, configurer des variables et voir la pile lors du…
TypeScript est un framework nouvelle génération pour le développement JavaScript. Ici, on part du principe que node.js et visual studio Code sont déjà installé sur notre machine. L’Installation ! On va pouvoir installer TS de manière globale pour le pc (-g) via npm npm install -g typescript Création du projet En reprenant le même fichier…
Pour installer TypeScript et l’utiliser dans sublime text, il faut installer node.js. L’Installation ! On va pouvoir installer de manière globale pour le pc (-g) via npm npm install -g typescript Configuration et build Maintenant, pour pouvoir builder nos fichiers .JS il va falloir paramétrer un “build system”. On va installer le plugin TypeScript de…
Si vous avez déjà utilisé Bootstrap, vous connaissez déjà le système de classe pour ajouter une icône sur une balise html. Avec font-awesome, c’est le même principe avec en plus des classes pour gérer la taille, des icônes animées comme des spinner de loading, le tout embarqué dans des fichiers fonts, ce qui donne un…
Aujourd’hui, j’ai refait mon site de présentation dont je voulais partager les sources. Pour ce simple site, j’ai utilisé bootstrap 3 pour le système responsive, le site htmlcodescouleur pour la palette et font-awesome pour les pictogrammes. Voir la demo de mon site CV gratuit Télécharger les sources Vous pouvez l’utiliser à titre personnel comme…
Web Essentials est une extension bien pratique pour visual studio, et ce qui nous intéresse particulièrement aujourd’hui, c’est l’intégration de styles avec LESS. 1 – Installer Web Essentials Rien de plus simple, ça se passe ici : http://vswebessentials.com/download 2 – Le paramétrage En y accédant par : Outils > Options > Web Essentials > LESS…