Ressources veille & développement

Pour progresser en développement il faut se maintenir à jour, et pour cela il faut pratiquer. Dans cette page vous trouverez des ressources utiles à votre progression.

Table des matières

• Generalistes :
• Veille :
• Agrégateurs RSS :
• Outillage :
• Documentation :
• Imageries et illustrations :
• Apprentissage :
• Actualités :
• Prototypage :
• Polices :
• Icones :
• Couleurs :
• Bonne pratique :
• DevOps :
• Outillage (portfolios, documentation, etc.) :
• Hebergement :
• Sites statiques :
• Sites dynamiques :

Generalistes :

• Clubic
• Le Monde Informatique
• Le journal du hacker
• Le journal du geek
• Les numériques
• 01net
• macg.co
• 9to5Linux

Veille :

• Github Trending
• Medium.com
• Dev.to
• Reddit /r/webdev
• Hacker News
• Twitter
• Développez.com
• Le journal du développeur
• Le journal du geek
• Les numériques
• Le Monde Informatique
• Le journal du hacker
• Youtube

Agrégateurs RSS :

• Feedly
• Inoreader
• The Old Reader
• Feedbin
• Aggregator
• Nextcloud News

Outillage :

• Notion
• Doodle
• Trello
• Pomodoro
• Docker
• Docker Hub

Documentation :

• MDN
• W3Schools
• Can I use <- Voir si un navigateur supporte une fonctionnalité.
• CSS Tricks
• Le journal du développeur
• StackOverflow

Imageries et illustrations :

• Des ressources pour le design (Merci Valentin Brebion)
• CodePen.io
• Génération de Gradient CSS
• Material.io
• Materialdesignicons
• Dribble.com
• unsplash <- Des images libres de droits
• Des illustrations
• Rappel sur design
• Bootstrap <- Un standard
• Tailwind <- À creuser.
• Des templates réutilisables
• Réaliser des schémas

Apprentissage :

• Flexbox
• Grid
• Générateur de Grid CSS

Actualités :

• dev.to
• medium.com
• Reddit /r/webdev
• Hacker News

Prototypage :

• Figma
• Rappel sur le centrage en CSS
• Afficher du code

Polices :

• Google Fonts <- Attention au tracking (RGPD)
• Bunny fonts <- Compatible RGPD

Icones :

• Material Design Icons
• Flat Icon
• Font Awesome

Couleurs :

• Color Picker & Choix de couleur
• Couleurs RAL

Bonne pratique :

• Quelques règles de base (en 4 minutes)

DevOps :

• Certbot <- Installer un certificat SSL pour son site web (HTTPS)
• Acme.sh <- Installer un certificat SSL (HTTPS), équivalent Certbot mais écrit en script shell.

Outillage (portfolios, documentation, etc.) :

Les outils suivants permettent de générer des sites « clients » dynamiques ou statiques en utilisant uniquement du HTML, CSS et JS. Ils sont donc hébergés sur des plateformes de type Netlify, Github Pages, etc.

• VitePress <- Générateur de site statique basé sur VueJS.
• Astro <- Générateur de site statique.
• Docusaurus <- Générateur de documentation.
• NextJS <- Générateur de site web basé sur React.

Hebergement :

Deux catégories :

• Les sites statiques (HTML, CSS, JS)
• Les sites dynamiques (PHP, NodeJS, Python, Ruby, Java, etc.)

Point vocabulaire

CI/CD signifie « Continuous Integration / Continuous Delivery ». Il s'agit d'un ensemble de techniques permettant de déployer automatiquement un site web à chaque modification du code source. Les plateformes proposant ce service sont souvent gratuites pour les sites statiques et intègre une interfarce permettant de gérer les déploiements (exemple Netlify).

Sites statiques :

• Netlify <- CI/CD, Simple, « gratuit », avec une interface web de gestion.
• Surge.sh <- CI/CD, Simple, « gratuit », un poil plus technique.
• Fleek.co <- CI/CD, Simple, « gratuit », repose sur le Web 3 avec une interface web de gestion. (miroir)
• Gitlab Pages <- CI/CD
• Github Pages <- CI/CD (Gratuit, mais sans interface de gestion)
• Firebase Hosting <- CI/CD (Gratuit, mais sans interface de gestion)

Sites dynamiques :

• Heroku <- CI/CD, Plus complet, mais un peu plus « complexe ».
• OVH <- Hébergeur classique à base de serveurs dédiés ou mutualisés.
• Web Hosting OVH <- Démarre à 2€ / mois pour un Kimsufi.
• AlwaysData <- Free-tiers de 100mo pour vos projets.
• Page Perso Free <- 10Go gratuits si abonné Free.
• Railway <- Payant mais avec une offre de test de 500h.