Outils pour utilisateurs

Outils du site


ressources:web:liens

Web

Prototypage

  • Wireflow est un outil open-source qui permet de représenter les parcours de navigation au sein d'un site web. C'est un outil qui permet d'appuyer la réflexion auteur de la structuration du site en amont de sa conception.
  • Shots est un outil web qui permet de créer des maquettes très rapidement

HTML5

Bootstrap

  • Bootply est un éditeur en ligne pour Bootstrap qui permet de réaliser des tests à la volée. (Fonctionne avec : JavaScript, CSS, HTML5 et jQuery)

CSS

Javascript

Frameworks

  • TodoMVC est un site qui peut vous aider à bien choisir votre framework javascript

Divers

JSON

  • jsoncrack permet de visualiser des données au format JSON sous forme de graphes instantanément.

PHP

  • phpDocumentor est un outil indispensable pour documenter vos projets PHP.

Frameworks

Symfony

Symfony est le framework PHP le plus utilisé dans les projets professionnels.

Micro-frameworks

  • Phalcon est le framework PHP le plus rapide.

Ruby on Rails

  • The Odin Project est un cours (gratuit, open-source et en anglais) pour apprendre la programmation web. Les cours abordés sont :
    • Introduction à la programmation web
    • Les bases du développement web
    • Programmation en Ruby
    • Le framework Ruby on Rails
    • HTML5 et CSS3
    • Javascript et jQuery
    • Être embauché comme développeur web

Java

  • CUBA est un framework Java pour le développement rapide d'applications web.

Outils

  • codeCanvas permet de créer visuellement des interfaces graphique web en jQuery ou en HTML (avec Javascript & CSS)

WebApp

Back-end

Quelques alternatives à Firebase (de google)

  • GUN est un serveur temps-réel, décentralisé gérant une base de données orientée graphe et robuste aux déconnexions.
  • deepstream est un serveur temps-réel open source
  • rxdb est une base de données fonctionnant sur des clients utilisant Javascript

Design

Pour réaliser vos maquettes:

Pour gérer et personnaliser vos icônes:

De quoi améliorer vos sites web:

Bien choisir ses couleurs:

Bien comprendre la psychologie des utilisateurs:

D'autres conseils:

Besoin d'un look science-fiction ?

  • Arwes est un framework d'interface utilisateur qui donnera un look science-fiction à votre site web.

API REST

Un article intéressant (en deux parties) qui décrit comment bien faire lorsqu'on souhaite développer un webservice du type REST API:

Google a également publié un guide sur ce sujet, le guide est orienté gRPC (variante de RPC) plutôt que HTTP mais l'approche REST est la même:

Un autre article sur les bonnes pratiques lorsqu'on développe une API REST. Même s'il traite de Symfony 2, les conseils restent pertinents :

Pour Symfony 3 :

Bundle spécifique:

  • swagger-bundle est un bundle Symfony qui permet d'inclure une API REST créée avec swagger.

Pour documenter votre API REST fonctionnant avec Symfony, vous pouvez utiliser :

Les micro-frameworks PHP sont adaptés à la réalisation d'une API REST. Parmi ceux existants, vous pouvez utiliser :

Il existe également des langages de modélisations d'API REST :

Pour tester votre API REST, vous aurez besoin d'un client HTTP:

  • Pour des tests ponctuels, avec interface utilisateur :
    • Postman est un outil qui vous permettra de tester rapidement vos API REST.
  • Pour des tests automatisés, en ligne de commande:

D'autres liens qui peuvent vous être utiles:

  • GraphQL est un langage de requête pour les API; il permet d'être plus précis dans les requêtes et il permet la combinaison de requêtes multiples en une seule.
  • PostgREST est un serveur web autonome qui permet de transformer une base de données PostgreSQL en API REST.

En python :

Un tutoriel pour les configurations plus exotiques:

Une liste de toutes les API publiques:

En complément, un mini-tutoriel pour comprendre YAML:

Bonnes pratiques

  • yeoman permet d'initialiser un environnement de travail dédié au développement d'un projet d'application web en utilisant les bonnes pratiques et des outils adaptés. A ce jour, il y a plus de 3400 générateurs.

Analytics

Templating

  • Twig est un moteur de templates pour PHP qui est utilisé par défaut avec Symfony2
  • FigDice est un moteur de templates qui propose une architecture n'implémente pas le patron de conception MVC

Tests

  • BrowserShots permet de réaliser des captures d'écran d'une url à partir de plusieurs navigateurs internet afin de vérifier la compatibilité de la page et son rendu visuel.
  • Sauce Labs est un outil de tests professionnel basé sur Selenium et Docker (gratuit pour les projets open-source)
  • Jest permet de tester des webapps en javascript.
  • Firefox Multi-Account Containers est un add-on pour firefox; il permet de gérer plusieurs sessions simultanément et indépendamment les unes des autres. Il pourra donc vous servir pour tester la connexion de plusieurs utilisateurs simultanément sur votre site web.
  • locust est un outil scalable pour tester la charge utilisateur (écrit en Python)
  • Fake Data permet de remplir les formulaires avec de fausses données
  • goreplay permet de capturer les requêtes du serveur en production pour les rejouer dans un environnement de test.

Déploiement

Pour le déploiement, vous pouvez utiliser des outils tels que:

Serveur web

Il existe plusieurs serveurs web open-source que vous pouvez utiliser pour héberger votre projet:

ressources/web/liens.txt · Dernière modification : 2024/01/11 15:35 de David Janiszek

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki