SlideShare a Scribd company logo
1 of 28
Download to read offline
VS
INITIATION à la PROGRAMMATION
L’apprentissage par le ludique et le fun
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
La meilleure application est une
page blanche
C’Est Quoi une Application?
Il y’a des millions d’applications qui existent Mobiles, PC, tablettes …
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Concentrez-vous sur les choses qui comptent,
l'essentiel, et non sur les choses futiles
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Les données brutes ne sont pas faciles à utiliser.


Vous avez besoin d’interagir:
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
C’Est Quoi une Application?
La structure commune à toutes applications?
• Données,


• Listes de données,


• Transformation de données
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Une application est donc une liste de
données transformer de manière
signi
fi
cative
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
PARETO
VILFREDO
Apprendre un Nouveau Language?
80% du code est écrit
par 20% des
fonctionnalités!
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Lire et étudier un code, un framework
ou librairie
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Javascript
Javascript est partout, site web, serveur (nodejs) …


Vous ne pouvez pas éviter Javascript, il est vraiment vraiment partout.


C'est le langage le plus populaire à l'heure actuelle.
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Site Internet ou Application
Une analogie simple:
HTML CSS JAVASCRIPT
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Une Mise en Bouche Avant …
TITRE
CHIFFRE 3
LETTRE ‘TROIS’
BUTTON
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Une Mise en Bouche Avant …
CODE
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Notre Application - un Jeu de Combat
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Maintenant à vous!
Je rigole 🤣
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
où faut-il commencer?
Plani
fi
cation, Clef de Tous les Succès
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Il est toujours bon d'avoir une


vue d'ensemble de l’objectif et de
ce dont on a besoin pour y arriver.
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
C’est toujours plus OPTIMAL!
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Quelles sont les principaux
composants d’une application?
données


Ou


liste de données
Transformer


ces données


Ou


functions
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Notre Application - un Jeu de Combat
données functions
playerHp


bossHp


startGame
VIEW


Html


Buttons


Logs


INTERACTION


Attaquer


Attaque spéciale


Soins


Fuir


Commencer le jeu
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
Ma Version
CODE
Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
MERCI
Des questions? Besoin d’aide?
erickeita@protonmail.com

More Related Content

Similar to initiation-programmation-erickeita.pdf

Optimisez votre UX et le ROI de vos dispositifs digitaux grâce à la data
Optimisez votre UX et le ROI de vos dispositifs digitaux grâce à la dataOptimisez votre UX et le ROI de vos dispositifs digitaux grâce à la data
Optimisez votre UX et le ROI de vos dispositifs digitaux grâce à la dataAlexandra Deutsch
 
10 scenarios a mettre en place pour structurer son entreprise
10 scenarios a mettre en place pour structurer son entreprise10 scenarios a mettre en place pour structurer son entreprise
10 scenarios a mettre en place pour structurer son entrepriseJulien Dereumaux
 
Teletravail
TeletravailTeletravail
Teletravailestreetz
 
Hippocampe right management-26-10-2016_vf
Hippocampe right management-26-10-2016_vfHippocampe right management-26-10-2016_vf
Hippocampe right management-26-10-2016_vfPascale GEMIGNANI
 
Barcamp tunisie edition 2010 friendesk
Barcamp tunisie edition 2010 friendeskBarcamp tunisie edition 2010 friendesk
Barcamp tunisie edition 2010 friendeskBarcamp Tunisie
 
La Duck Conf - CovidTracker, la data au service de tous
La Duck Conf - CovidTracker, la data au service de tousLa Duck Conf - CovidTracker, la data au service de tous
La Duck Conf - CovidTracker, la data au service de tousOCTO Technology
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Pascale GEMIGNANI
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Pascale GEMIGNANI
 
L’e-commerce sans frontières - PrestaShop
L’e-commerce sans frontières - PrestaShopL’e-commerce sans frontières - PrestaShop
L’e-commerce sans frontières - PrestaShopPrestaShop
 
DAM : le digital assets management
DAM : le digital assets managementDAM : le digital assets management
DAM : le digital assets managementYann Gourvennec
 
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...Julien Dereumaux
 
Veille Social Media - Mai 2020 - Castor et Pollux
Veille Social Media - Mai 2020 - Castor et PolluxVeille Social Media - Mai 2020 - Castor et Pollux
Veille Social Media - Mai 2020 - Castor et PolluxStephaneClousier
 
Les tendances digitales clés à suivre pour 2014
Les tendances digitales clés à suivre pour 2014Les tendances digitales clés à suivre pour 2014
Les tendances digitales clés à suivre pour 2014HUB INSTITUTE
 
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015Adobe
 
HTML5mtl & MWNW hackathon - 2012-12-01
HTML5mtl & MWNW hackathon - 2012-12-01HTML5mtl & MWNW hackathon - 2012-12-01
HTML5mtl & MWNW hackathon - 2012-12-01Frédéric Harper
 
Bien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceBien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceEnzo
 
Bien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceBien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceEnzo
 
Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Nicolas Malo
 
Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?altima°
 

Similar to initiation-programmation-erickeita.pdf (20)

Optimisez votre UX et le ROI de vos dispositifs digitaux grâce à la data
Optimisez votre UX et le ROI de vos dispositifs digitaux grâce à la dataOptimisez votre UX et le ROI de vos dispositifs digitaux grâce à la data
Optimisez votre UX et le ROI de vos dispositifs digitaux grâce à la data
 
10 scenarios a mettre en place pour structurer son entreprise
10 scenarios a mettre en place pour structurer son entreprise10 scenarios a mettre en place pour structurer son entreprise
10 scenarios a mettre en place pour structurer son entreprise
 
Teletravail
TeletravailTeletravail
Teletravail
 
Hippocampe right management-26-10-2016_vf
Hippocampe right management-26-10-2016_vfHippocampe right management-26-10-2016_vf
Hippocampe right management-26-10-2016_vf
 
Barcamp tunisie edition 2010 friendesk
Barcamp tunisie edition 2010 friendeskBarcamp tunisie edition 2010 friendesk
Barcamp tunisie edition 2010 friendesk
 
La Duck Conf - CovidTracker, la data au service de tous
La Duck Conf - CovidTracker, la data au service de tousLa Duck Conf - CovidTracker, la data au service de tous
La Duck Conf - CovidTracker, la data au service de tous
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
 
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
 
L’e-commerce sans frontières - PrestaShop
L’e-commerce sans frontières - PrestaShopL’e-commerce sans frontières - PrestaShop
L’e-commerce sans frontières - PrestaShop
 
DAM : le digital assets management
DAM : le digital assets managementDAM : le digital assets management
DAM : le digital assets management
 
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
 
Veille Social Media - Mai 2020 - Castor et Pollux
Veille Social Media - Mai 2020 - Castor et PolluxVeille Social Media - Mai 2020 - Castor et Pollux
Veille Social Media - Mai 2020 - Castor et Pollux
 
IKsocial LIVE TWITTER / FACEBOOK IKegg
IKsocial LIVE TWITTER / FACEBOOK IKeggIKsocial LIVE TWITTER / FACEBOOK IKegg
IKsocial LIVE TWITTER / FACEBOOK IKegg
 
Les tendances digitales clés à suivre pour 2014
Les tendances digitales clés à suivre pour 2014Les tendances digitales clés à suivre pour 2014
Les tendances digitales clés à suivre pour 2014
 
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
 
HTML5mtl & MWNW hackathon - 2012-12-01
HTML5mtl & MWNW hackathon - 2012-12-01HTML5mtl & MWNW hackathon - 2012-12-01
HTML5mtl & MWNW hackathon - 2012-12-01
 
Bien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceBien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerce
 
Bien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerceBien débuter avec une plateforme e-commerce
Bien débuter avec une plateforme e-commerce
 
Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009
 
Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?
 

More from EricKeita

typographie-ericacademy.pdf
typographie-ericacademy.pdftypographie-ericacademy.pdf
typographie-ericacademy.pdfEricKeita
 
initiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdfinitiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdfEricKeita
 
programmes-fidelite-ericacademy.pdf
programmes-fidelite-ericacademy.pdfprogrammes-fidelite-ericacademy.pdf
programmes-fidelite-ericacademy.pdfEricKeita
 
buzz-reseaux-sociaux-ericacademy.pdf
buzz-reseaux-sociaux-ericacademy.pdfbuzz-reseaux-sociaux-ericacademy.pdf
buzz-reseaux-sociaux-ericacademy.pdfEricKeita
 
brand-identity-ericacademy.pdf
brand-identity-ericacademy.pdfbrand-identity-ericacademy.pdf
brand-identity-ericacademy.pdfEricKeita
 
internet-Mali-ericacademy.pdf
internet-Mali-ericacademy.pdfinternet-Mali-ericacademy.pdf
internet-Mali-ericacademy.pdfEricKeita
 
site-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdfsite-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdfEricKeita
 
entreprendre-15regles-ericacademy.pdf
entreprendre-15regles-ericacademy.pdfentreprendre-15regles-ericacademy.pdf
entreprendre-15regles-ericacademy.pdfEricKeita
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfEricKeita
 

More from EricKeita (9)

typographie-ericacademy.pdf
typographie-ericacademy.pdftypographie-ericacademy.pdf
typographie-ericacademy.pdf
 
initiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdfinitiation-dvptWEB-ericacademy.pdf
initiation-dvptWEB-ericacademy.pdf
 
programmes-fidelite-ericacademy.pdf
programmes-fidelite-ericacademy.pdfprogrammes-fidelite-ericacademy.pdf
programmes-fidelite-ericacademy.pdf
 
buzz-reseaux-sociaux-ericacademy.pdf
buzz-reseaux-sociaux-ericacademy.pdfbuzz-reseaux-sociaux-ericacademy.pdf
buzz-reseaux-sociaux-ericacademy.pdf
 
brand-identity-ericacademy.pdf
brand-identity-ericacademy.pdfbrand-identity-ericacademy.pdf
brand-identity-ericacademy.pdf
 
internet-Mali-ericacademy.pdf
internet-Mali-ericacademy.pdfinternet-Mali-ericacademy.pdf
internet-Mali-ericacademy.pdf
 
site-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdfsite-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdf
 
entreprendre-15regles-ericacademy.pdf
entreprendre-15regles-ericacademy.pdfentreprendre-15regles-ericacademy.pdf
entreprendre-15regles-ericacademy.pdf
 
UX-Design-ericacademy.pdf
UX-Design-ericacademy.pdfUX-Design-ericacademy.pdf
UX-Design-ericacademy.pdf
 

initiation-programmation-erickeita.pdf

  • 1. VS INITIATION à la PROGRAMMATION L’apprentissage par le ludique et le fun
  • 2.
  • 3. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION La meilleure application est une page blanche
  • 4. C’Est Quoi une Application? Il y’a des millions d’applications qui existent Mobiles, PC, tablettes …
  • 5. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Concentrez-vous sur les choses qui comptent, l'essentiel, et non sur les choses futiles
  • 6. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION
  • 7.
  • 8. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Les données brutes ne sont pas faciles à utiliser. Vous avez besoin d’interagir:
  • 9. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION C’Est Quoi une Application? La structure commune à toutes applications? • Données, • Listes de données, • Transformation de données
  • 10. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Une application est donc une liste de données transformer de manière signi fi cative
  • 11. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION PARETO VILFREDO Apprendre un Nouveau Language? 80% du code est écrit par 20% des fonctionnalités!
  • 12. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Lire et étudier un code, un framework ou librairie
  • 13. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Javascript Javascript est partout, site web, serveur (nodejs) … Vous ne pouvez pas éviter Javascript, il est vraiment vraiment partout. C'est le langage le plus populaire à l'heure actuelle.
  • 14. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Site Internet ou Application Une analogie simple: HTML CSS JAVASCRIPT
  • 15. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Une Mise en Bouche Avant … TITRE CHIFFRE 3 LETTRE ‘TROIS’ BUTTON
  • 16. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Une Mise en Bouche Avant … CODE
  • 17. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Notre Application - un Jeu de Combat
  • 18. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Maintenant à vous! Je rigole 🤣
  • 19. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION où faut-il commencer?
  • 20. Plani fi cation, Clef de Tous les Succès
  • 21. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Il est toujours bon d'avoir une vue d'ensemble de l’objectif et de ce dont on a besoin pour y arriver.
  • 22. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION C’est toujours plus OPTIMAL!
  • 23. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Quelles sont les principaux composants d’une application?
  • 25. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Notre Application - un Jeu de Combat
  • 27. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION Ma Version CODE
  • 28. Fait avec passion ©2021 Eric Keita INITIATION à la PROGRAMMATION MERCI Des questions? Besoin d’aide? erickeita@protonmail.com