Gestionnaires de packages

JavaScript

TypeScript

Flow

SPA

Angular

React

Vue

comparison-fwk

Knockout

Ember

Polymer (Web components)

PWA (Progressive Web App)

Node

Intégration continue

Test

Éditeur de texte / EDI

Sites à suivre

sch04

PHP

Framework PHP

Micro Frameworks

Liens utiles:

ASP.NET

Django

Django est un Framework pour le développement d’applications Web reposant sur le langage Python. Simple à apprendre et bien documenté.

OAuth

HTML/CSS

MDN,W3schools

Projet de départ

Html5boilerplate. Avec Initializr il est possible de sélectionner les fichiers à inclure, Bootstrap .

On peut s’aider d’une checklist pour vérifier que l’on a rien oublié avant de déployer le site.

Préprocesseurs

Less, Sass (et compass, framework utilisant sass). En phase de développement, on utilise des fichiers (extension *.scss pour Sass) qui permettent d’écrire par exemple des variables, mixins, etc. et on génère ensuite la feuille de styles qui sera réellement utilisée par le site (extension *.css).

Organisation de projet

  • OOCSS (CSS « orienté objet », on a des classes génériques et des classes secondaires exemple : btn btn-default)
  • BEM documentation
  • SMACSS (base, layout, modules, states,…)  et les préprocesseurs (article Alsacréations) .

Grid System/Frameworks

Animations

SVG

Material Design

Sites à suivre

Plus …

Sliders

Divers

Ressources

Images :

Fonts :

Icones :

Liens utiles

  • Caniuse permet de vérifier le support des propriétés CSS ou des balises HTML5 par exemple sur les différents navigateurs.
  • Validateurs HTML et CSS du W3C.
  • HTML_CodeSniffer (Html), HtmlHint (Html, css, js)

Adobe

  • Muse : sites avec effets de défilements , parallaxes. Il est possible désormais de faire des sites responsives.
  • Edge Animate : animations pour le Web… (Google Web Designer : alternative gratuite).
  • Edge Reflow : sites Web Responsives. On place des points de rupture et adapte la page. Photoshop peut générer un projet Edge Reflow (avec une extension). Actuellement en Preview, il est téléchargeable gratuitement.Présentation par Paul TRANI
  • Dreamweaver est l’outil de base proposé par Adobe pour  coder.

Pour le Web Design:

  • Photoshop permet de faire une maquette de son site et générer les assets (utilisées par le site).

photoshop-web-design

  • Illustrator permet de créer des logos, icônes, etc. pour son site (format SVG). Il est possible de faire des animations SVG si on veut mettre les doigts dans le code. Didier Mazier fait une présentation sympathique des animations SVG. Illustrator peut aussi être utilisé pour faire la maquette de son site (si le site dispose de photos, il vaut mieux utiliser Photoshop).  Inskape est une alternative opensource.

On peut suivre Michael Chaize (français) et Paul Trani (tous deux « Creative Cloud Evangelists ») ou encore Joseph Lowery.

Vidéos et ressources pour se former

On peut citer également Lynda.com et Trainsimple mais payants.

 

Liens utiles

Plugins pour :

Outils de migration de bases de données

  • Vers SQL Server : SSMA (télécharger et installer les drivers ODBC depuis les liens de l’outil si besoin)
  • SQL data types pour savoir quel type choisir (Access, SQL Server, MySQL)

Mais aussi …

JSON

CDN

Editeurs en ligne

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *