Développement Moderne Javascript et ES6,ES7
What you'll learn
- Maîtriser les nouveautés Javascript ES6, ES7
- Utiliser les outils modernes du développeur: Npm, Webpack, etc..
Requirements
- Vous devez connaître les bases de Javascript
- Vous pouvez utiliser n'importe quel ordinateur - Windows, Mac, etc...
- Aucun logiciel particulier n'est requis
Description
Dans ce cours on va parler de Développement Moderne en Javascript.
Pourquoi Développement Moderne ?
Pour 2 raisons:
La première c’est au niveau du code !
Nouveautés ES6 – ES7
Des nouveautés, il y en a pas mal, on peut dire qu’ES6 nous a particulièrement gâté.
Les variables, qu’on peut maintenant déclarer avec let et const, qui nous permettent d’utiliser les scopes de bloc.
Les fonctions flêchées, on va voir que nos fonctions peuvent aussi utiliser les paramètres par défaut ou les paramètres REST.
Il y aussi le nouvel opérateur SPREAD, la boucle for of, les Templates Strings et même ce qu’on appelle le Destructuring.
Bref ! On en a des nouvelles choses à apprendre.
Classes ES6
Alors il y a certaines nouveautés plus impactantes que d’autres et qui méritent qu’on s’y attarde plus.
Par exemple les Classes ES6: on verra comment une classe peut hériter d’une autre classe, on pourra même créer des classes qui héritent directement des éléments intégrés à Javascript.
On verra ce qu’est une méthode statique et comment contrôler l’accès au propriétés de nos objets avec get et set.
Modules ES6
Une autre nouveauté majeure d’ES6, ce sont les Modules.
Avec les import et les export, on va pouvoir utiliser des éléments déclarés dans d’autres fichiers: c’est le principe du module et c’est obligatoire si vous travaillez sur des gros projets.
Terminal
La deuxième raison pour laquelle j’ai appelé ce cours Développement Moderne , c’est qu’on va découvrir les outils modernes du développeur !
On va apprendre à maitriser le terminal pour exécuter des commandes.
Npm
Avec Npm, vous allez installer des packets Javascipt en quelques secondes et tout sera configuré automatiquement dans un fichier package.json
Webpack
On va découvrir un autre outil fantastique: Webpack ! Il va empaqueter tous nos fichiers en un seul !
Mais ce n’est pas tout ! On va l’utiliser pour créer un serveur local qui détecte les modifications de notre code et les charge directement dans le navigateur. Plus pratique pour coder !
C’est aussi important d’être bien organisé ! On va apprendre à structurer notre projet: un dossier pour les fichiers source et un pour ceux de production.
Babel
Et le dernier outil dont on va parler c’est Babel ! Car ES6, ES7 c’est bien mais si les navigateurs d’aujourd’hui ne le supportent pas encore à 100%, on a rien gagné.
Donc je vais vous montrer comment utiliser le transpiler Babel ainsi que les polyfills pour rendre votre code compatible avec tous les navigateurs d'aujourd’hui.
Projet du Snake
Alors je ne l’ai pas precisé mais toutes ces choses qu’on va apprendre, on va aussi les mettre en pratique directement dans un vrai projet !
On va donner un petit lifting à notre projet fil rouge: le jeu du Serpent ! Le Snake.
Bon vous l’avez compris, on a pas mal de boulot !
Allez c’est parti !
Who this course is for:
- Toute personne qui souhaite utiliser les nouveautés ES6, ES7
- Toute personne qui souhaite utiliser les outils modernes du développeur: npm, webpack, etc...
Instructors
Un Grand Merci aux 100 000+ etudiants qui suivent mes cours.
Hello, moi c’est John Taieb, 36 ans, marié et papa d’un petit garçon et d'une petite fille :)
Je ressens le besoin de démocratiser le monde du code. De l’extérieur ça fait peur et ça parait compliqué. Mais je sais que c’est accessible à tout le monde. Pas besoin de faire de longues études pour y arriver.
Mais surtout, coder c’est une révolution en marche.
Ce métier qui n’existait presque pas il y a 50 ans va devenir à terme quasiment le métier unique. Le monde a besoin de plus en plus de codeurs. Même les enfants apprennent désormais à coder à l’école.
Et si on réfléchit bien, coder :
- c’est intéressant
- ça permet de donner vie à ses idées et pourquoi pas conquérir le monde...
- ça rapporte beaucoup d’argent, c’est pas négligeable ca, hein?
- c’est de plus en plus demandé sur le marché du travail
- c’est relativement rapide à apprendre (si on compare avec des études de médecine…)
Bref, je pense sincèrement que c’est la meilleure chose à faire et c’est pourquoi j’ai créé le site "apprendre-a-coder".
Mon but est de te guider et d’optimiser ton apprentissage du code, comme j’ai pu le faire avec ma femme.
Et qu’à ton tour tu puisses accéder à cet univers qui changera à jamais ta vie. La révolution du code a déjà commencé. Alors rejoins-moi!
John Taieb.
----------------------------------
J'aimerais te raconter un peu mon parcours et t'expliquer pourquoi je suis la personne qu'il te faut.
---------- Entrepreneur ----------
Quand j’ai obtenu mon diplôme d’ingénieur informatique, le marché du travail était au plus bas, il était quasiment impossible de trouver un job sans expérience.
Bref, c’était la crise...
Habituellement, la plupart des ingénieurs en informatique trouvent un poste de programmeur débutant et se forment en entreprise. Pour moi c’était pas de chance, je venais de me taper des études longues et compliquées et juste au moment où ça devait enfin payer, tout tombe à l’eau.
Je vous rassure, je ne me suis pas laissé abattre. Si personne ne voulait m’embaucher alors j’allais devenir mon propre patron.
J’étais jeune et j’avais des rêves plein la tête. Cette situation m’a donné un énorme coup de boost pour développer ma propre idée, mon propre produit.
J’allais lancer ma startup...
Le petit souci, c’est que les études universitaires ne m’avaient pas du tout préparé à la réalité. J’avais acquis surtout des connaissances théoriques : beaucoup de Maths, beaucoup de Physique, beaucoup de théorie sur le monde informatique.
Mais rien de tout ça n’allait m’aider à construire mon produit et c’est pourquoi j’ai commencé à me former online.
A l’époque, ce n’était pas comme aujourd’hui. Se former de manière structurée avec un programme de qualité n’existait pas, c’était plutôt du bidouillage: lire un article par ci, voir une réponse dans un forum par là…
Je n’avais qu’un seul objectif : arriver à créer mon produit... Peu importe la qualité de mon code, l’important c’était de le faire marcher.
Après avoir pas mal sué, j’ai donné naissance à mon petit bébé de l’époque, le Magic Window, un produit qui permettait aux magasins de rendre leur vitrine interactive.
J’y croyais et j’espérais conquérir le monde. Ce n’est pas vraiment ce qu’il s’est passé par la suite, mais cette aventure reste une expérience extraordinaire et surtout, ça m’a appris à coder.
Je pouvais désormais donner vie à mes idées.
---------- Employé----------
Suite à cette aventure et vu que le marché du travail était remonté, je me suis laissé séduire par l’agréable vie d’employé dans plusieurs boites High-Tech.
J’avais assez galéré avec ma startup pour gagner des clopinettes et je sentais qu’il était temps de passer à autre chose.
Le monde de l’entreprise était beaucoup plus cool au niveau du rythme : avant, je bossais jour et nuit et maintenant, je faisais mes 9 heures quotidiennes et basta!
Au final, je bossais moins et je gagnais plus. Que demande le peuple?
Ca m’a surtout permis de progresser techniquement. Bosser en équipe sur un projet amène une structure, de la discipline, des règles.
Je commençais à mieux comprendre l’architecture et l’optimisation du code. Toutes ces choses auxquelles je ne m’étais jamais intéressé, moi le sauvage du code qui voulait juste faire marcher son produit.
Mais je me lassais vite de cette routine, alors j’ai changé plusieurs fois de boulot parce que j’avais besoin d’un peu plus de piment.
J’ai gagné en expérience en travaillant sur toutes sortes de projets : des simulateurs pour chirurgiens, des applications pour apprendre la géométrie, etc.
---------- Freelancer ----------
Mais au final, ce « metro-boulot-dodo » ne me convenait plus. J’avais besoin de nouveau et surtout j’avais besoin de plus de liberté. J’ai donc décidé de me lancer en freelance et j’ai créé mon agence de développement Codrocks.
Au même moment, je suis devenu papa et ma femme voulait absolument travailler de la maison. Elle voulait être libre de pouvoir se lever quand elle veut, travailler quand elle veut, ne pas avoir un boss au-dessus de sa tête.
Du coup, je me suis dit, pourquoi pas la faire bosser avec moi?
En fait, ma femme avait plus ou moins le même style de parcours que moi, diplôme universitaire (meilleur que le mien d’ailleurs) mais au final, elle ne savait pas coder.
Et là, le côté coach qui est en moi a automatiquement pris le dessus et j’ai décidé de la coacher dans son apprentissage du code.
J’ai kiffé cette période dans laquelle je pouvais ressentir qu’elle passait exactement par les mêmes étapes que moi, les mêmes questions, les mêmes erreurs.
L’avantage c’est qu’avec mon expérience j’optimisais sa façon d’apprendre. Je savais ce qui était important, ce sur quoi insister pour la faire progresser plus vite.
J'ai tellement adoré enseigner le code que me voilà aujourd'hui devant vous.
---------- Digital Nomad ----------
En 2017, la famille s’est agrandie et je suis devenu papa pour la 2ème fois. Avec ma femme, on trouve déjà génial de pouvoir faire un boulot qu’on adore et d’organiser notre travail comme on veut.
Je sais aujourd’hui qu’en devenant freelance, j’ai fait le meilleur choix pour m’éclater côté pro, mais aussi pour profiter à fond de ma petite famille.
On en veut toujours plus dans la vie et c’est pourquoi fin 2017 on a décidé de se lancer dans un tour du monde avec nos 2 enfants de 1 et 4 ans : Panama, Mexique, Belize, Etats-Unis, Bali, Philippines et encore pleins d’autres destinations sont à venir.
J’ai aussi ouvert un compte Instagram @familykif dans lequel je raconte tous nos voyages en vidéos et en photos.
Je suis devenu ce qu’on appelle un Digital Nomad.
La seule obligation : avoir toujours une connexion internet pour que je puisse continuer à travailler.
Je ressens le besoin de démocratiser le monde du code. De l’extérieur ça fait peur et ça parait compliqué.
Mais je sais que c’est accessible à tout le monde. Pas besoin de faire de longues études pour y arriver.
Mais surtout, coder c’est une révolution en marche!
Le monde a besoin de plus en plus de codeurs. Même les enfants apprennent désormais à coder à l’école.
Et si on réfléchit bien, coder :
- C’est intéressant
- Ça permet de donner vie à ses idées et pourquoi pas conquérir le monde avec
- Ça rapporte beaucoup d’argent, c’est pas négligeable ca, hein?
- C’est de plus en plus demandé sur le marché du travail
- C’est relativement rapide à apprendre (si on compare avec des études de médecine…)
- Ça donne une liberté que peu de métiers peuvent offrir
Bref, je pense sincèrement que c’est la meilleure chose à faire et c’est pourquoi, j’ai créé ce site.
Mon but est de vous guider et d’optimiser votre apprentissage du code pour qu’à votre tour vous puissiez accéder à cet univers qui changera à jamais votre vie.
La révolution du code a déjà commencé... Alors rejoignez-moi!