Outils pour utilisateurs

Outils du site


ressources:web:liens

Web

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

  • SASS est une extension à CSS qui permet un rendu de qualité professionnelle assez facilement.
  • CSSPeeper est un plugin pour Chrome qui permet d'inspecter le style d'un site web.
  • Koala est une application pour compiler des fichiers LESS, Sass, Compass et CoffeeScript.
  • Izmir est une petite librairie CSS qui permet de disposer d'effets élégants lors du survol d'images.

Javascript

Frameworks

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

Divers

PHP

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

Frameworks

Symfony2

Symfony 2 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:

  • Resizer (de Google) est un outil pour tester un site web selon différente résolution (smartphone, tablette, ordinateur, …)
  • Bootswatch est un site qui liste des thèmes pour Bootstrap gratuits et open-source.
  • Rough.js permet d'afficher des figures dont le style graphique fait penser à des dessins fait à la main.

Bien choisir ses couleurs:

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.

Un tutoriel pour les configurations plus exotiques:

Une liste de toutes les API publiques:

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.

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: 2020/05/29 16:07 par David Janiszek

Outils de la page