Bienvenue dans le guide du développeur Front-End d'Invivoo, ce guide a été écrit par des consultants experts dans les différentes technologies Front-End utilisées par les clients d'Invivoo. N'hésitez pas à nous contacter si vous voyez des liens qui ne fonctionnent plus ou pour proposer des nouvelles ressources à ajouter. Nous espérons que ce guide vous permettra de progresser sur les technologies Front-End.
- Cheatsheet The best front-end hacking cheatsheets - all in one place
- CSS/Flexbox A complete guide to Flexbox
- Online code editor for React/Angular/Vuejs CodeSandbox
- Yet another code editor for React and Angular (but not as shiny as the one above): StackBlitz
- Tutoriel - Débuter avec Angular (Anglais) - Angular Quickstart
- Article - Bien structurer son projet (Anglais) - Style Guide Angular
- Article - Inclure un projet Angular dans une application Spring Boot - Blog JDriven
- PDF book - permet d'atteindre un niveau intermediaire: Angular From Theory To Practice
- Articles - fonctionnement interne (changes detection, zone.js, etc.) de Angular 2+: Angular In Depth
- Tutoriel sur le site officiel pour découvrir ReactJS - Tutorial: Intro To React
- Apprendre ReactJS en 5 étapes (Anglais) - How to Learn React: A Five-Step Plan
- Des exercices pratiques - Programming Koans
- Résoudre des problèmes de performance (Anglais) - High Performance React: 3 New Tools to Speed Up Your Apps
- Is React reactive ?
- Pattern utile en ReactJS (Anglais) - Presentational and Container Components
- Gérer la navigation et la structure d'une application web (Anglais) - All About React Router 4
- UI - Semantic UI for React ou Grommet
- UI data grid - Griddle
- Support natif par REACT d'icônes et de composants Bootstrap FontAwesome
- Débuter avec Redux (vidéos réalisées par Dan Abramov créateur de Redux - Anglais) - Getting started with Redux
- Architecture et best practices (Anglais) - Redux Architecture and Best Practices
- Redux tips (Anglais) - 10 Tips for Better Redux Architecture
- La documentation officielle Redux fournit également un ensemble de bonnes pratiques, en particulier le chapitre sur le refactoring des reducers
- Introduction to Reactive programming (Anglais)
- Reselect - Selector library for Redux
- Générateur de fake data Faker
- Fake REST Api json-server
- Server-side, browserless Javascript
- Projet - https://nodejs.org/fr/
- Moteur NodeJS dans le cloud - https://repl.it/languages/nodejs
- Présentation (Anglais) - NodeJS, the Server-Side JavaScript
- Gestionnaire de build Javascript et repository de packages
- Projet - https://www.npmjs.com/
- Des tutoriaux et des vidéos (Anglais) - What is npm?
- Gestionnaire de build Javascript, compatible avec NPM mais plus scalable
- Projet - https://yarnpkg.com/fr/
- Article (Anglais) - Yarn: A new package manager for JavaScript
- Gestionnaire de build Javascript, gestion de dépendances et génération de bundle déployable.
- Projet - https://webpack.github.io/
- Vidéo (Anglais) - Front EndCenter - Webpack from First Principles
- Outil permettant de mettre en place un environnement ReactJS rapidement, facilement et sans configuration
- Projet - https://github.com/facebookincubator/create-react-app
- Windows Presentation Foundation (WPF) fournit aux développeurs la possibiltié de créer des applications de bureau modernes pour Windows
- Projet - https://msdn.microsoft.com/fr-fr/library/aa970268(v=vs.110).aspx
- Créer sa première application WPF pas à pas - https://msdn.microsoft.com/fr-fr/library/ms752299(v=vs.110).aspx
- Des tutoriaux sur le WPF de A à Z - http://www.wpf-tutorial.com
- Winform (Windows Forms) est l'interface graphique incluse dans le framework .NET depuis 2006. Winform est destiné à être remplacé par WPF.
- Projet - https://docs.microsoft.com/fr-fr/visualstudio/ide/step-1-create-a-windows-forms-application-project
- Turoriel rapide sur openclassrooms - https://openclassrooms.com/courses/apprenez-a-programmer-en-c-sur-net/les-winforms-ou-windows-forms
- FAQ developpez.com sur le Winform - https://dotnet.developpez.com/cours/?page=csharp#winformcs
- Guide de Microsoft (Anglais) - Design applications for the Windows desktop
- JS from scratch: javascript.info
- Livre en ligne (Anglais) - You don't know JS
- Présentation (Anglais) - All of Modern JavaScript in 45 minutes! ES6, ES2015, ECMAScript, NodeJS, npm, Babel, webpack, ReactJS, JSX... and of course ... the 12 new JS things they invent during this presentation
- ES6 Katas (Anglais) - Learn ES6 by doing it. Fix failing tests. Keep all learnings.
- Comprendre l'opérateur this en javascript - A different way of understanding this in JavaScript
- Guide de l'ensemble des frameworks populaires (Anglais) - The ultimate guide to javascript frameworks
- Alternative to Pluralsight qui permet d'apprendre plein de libraries JS, axé sur la pratique: https://egghead.io