svassr / web-frontend-dev-101

Présentation des bases du dévelopement web front-end - Presentation of web front-end development basis for beginners

web-frontend-dev-101

Présentation des bases du dévelopement web front-end Presentation of web front-end development basis for beginners

À propos de l'auteur

Stéphane Vasseur

Développeur Frontend chez LVL Studio

• twitter: @mrvasseur
• codepen.io/svassr
• github.com/svassr
• Stackoverflow:svassr
• linkedin.com/in/mrvasseur

Sommaire

1. Les outils du développeur frontend
   1. IDE
   • Browser dev Tools

• Concevoir pour des appareils variés
  1. Fixed design
  • Fluid design
  • Adaptative design
  • Responsive design
  • Choix et optimisation des assets
  • Mobile first Design
• CSS
  1. Bonnes pratiques
     • Nomenclature
     • Architecture
  • CSS Tools and library
    • Sass : Préprocesseur CSS
    • Librairies
    • Fameworks CSS
  • CSS avancés
    • Pseudo selecteurs
    • Formes géométriques
    • Animation
    • Media Queries
    • Flex box
  • Ressources
• Javascript
  1. Code patterns
     • Literal Object
     • Prototype
     • Functions
     • Callback
     • Memoization
  • Bonnes pratiques
    • Modulariser
      • Closure
      • CommonJS
      • AMD pattern
      • Distribuer les modules
    • Compression du code
    • Quelques notions d’optimisation
    • Tests automatisés
  • Javascript Tools
    • Debug
    • Libraries
    • Framework
    • Ressources
• Automatisation des opérations
  1. Grunt
  • Gulp
  • Exemples (grunt)
  • Ressources