Semaine 27

Objectifs

• Se remettre dans le bain avec Js
• Préparer le terrain pour les frameworks Js

Lundi

Présentations

• Faire le point sur les présentations de cette semaine
• Lister les présentations de la semaine prochaine.

ES6

Pour le JS orienté objet, mieux vaut se diriger vers l'EcmaScript 2015 (aka ES2015 aka ES6), voire Typescript.

• ES2015 rajoute un certain nombre de fonctionnalités et de sucres syntaxiques

Liens

• Spécificités

• Principales nouveautés de ES2015

• Les nouvelles fonctionnalités en détail

• Introduction au JS de demain

• Dites adieu aux boucles

• ES6 = réparer des soucis liés à Js

• Attention! Compatibilité

• La cheat sheet ES6

• Promises

• Plein de liens

Babel

• BabelJS » transpiler / traducteur ES2015 vers "vanillaJS"
• BabelJS CLI
• Version en ligne

Exercice

• https://github.com/SimplonTlse02/programme-dev-web/tree/master/2016-12-19_semaine-16/hello-xmas

Mardi

Kata : c'est la crise ma bonne dame

Convertissez une colonne de montants en dollars en euros. Ne gardez que les résultats supérieurs à 50€.

Mercredi

Révisions

Jeudi

Randori : 99 bouteilles sur le mur

Typescript

TypeScript est une extension de JS et de ES6. La particularité de TS est d'offrir un système de typage.

En Typescript, les variables ont des types définis. Quand on déclare une variable on indique ce qu'elle contiendra ( string, number, Array, ...) et toute incohérence sera en mesure d'être détectée.

Cela permet notamment une meilleure détection des erreurs pendant le développement, mais aussi des IDE plus "pratiques" ( auto-complétion, refactoring automating ... ).

En bonus, TypeScript vous permet de créer des interfaces et des classes. Indispensable pour la POO.

• :fire: :memo: Typescript Quick Start

• :memo: Visual Studio Code : meilleur éditeur (gratuit) pour Typescript

• :memo: Introduction à typeScript :fr:

Vendredi

Présentations

Liens

CV

• Trouver du boulot, passer des entretiens
• Préparer les entretiens

Agile

PHP

• Laravel on Heroku
• Laravel 4 sur Heroku
• Heroku et Postgres
• TUto Heroku

SQL

• SQL en une page
• Guide de MySQL
• Tuto pour MySQL

Javascript

• Tuto complet
• Ce qu'on trouve dans une appli js
• Exemple détaillé d'une appli Node.js en archi MVC
• Découvrez les web components (comment en créer, comment en récupérer) : https://meowni.ca/posts/web-components-with-otters/
• React version allégée : https://blog.codeinfuse.com/getting-started-with-preactjs-a-step-by-step-guide-f3197f871753
• Un petit guide de npm : https://www.sitepoint.com/beginners-guide-node-package-manager/
• Petit topo sur la création de classes en Js : https://medium.com/@kentcdodds/classes-complexity-and-functional-programming-a8dd86903747
• De la bonne lecture sur les design patterns en Js : https://addyosmani.com/resources/essentialjsdesignpatterns/book/
• Et sur le functional programming : https://drboolean.gitbooks.io/mostly-adequate-guide/

HTML/CSS

• Mavo
• Dois-je utiliser?
• Petite enquête sur les usages de CSS : https://www.sitepoint.com/results-ultimate-css-survey-2017

Git

• Hacker's guide to Git
• Tout sur Git
• Alternative à github

Game

Design

• Wake
• Inspi : Doberman
• Trucs et astuces en vrac

MISC DEV

• Working with legacy code
• Read the docs
• Test responsive frameworks online
• Ce qu'on attend d'un dev junior
• bootcamp Ruby
• Reconversion en dev
• Comment devenir dev
• Ce qu'il faut savoir sur les langages
• Mieux coder, mieux gérer les entretiens
• L'apprentissage du code
• Collection de cheat sheets
• Encore des eBooks gratos
• Plein de katas
• The art of google
• Devenir développeur
• Yoda conditions
• Dev en 2017
• Coder, ce n'est ni fun ni marrant
• Hébergement d'un site
• Exemples de projets pour inspi
• Making software
• Sites à voir pour un dev
• Des petits outils pour chrome spécialement pour le dev, ça vous intéresse? https://stackify.com/chrome-extensions-for-developers/

MISC

• Web History
• SEO Optimization
• Faire de la réalité augmentée
• Nouvelle façon de faire des slides