Vous voulez programmer pour le web ?

Par où commencer ? Au départ le monde du web peut paraître obscure. On me parle de Javascript, de feuilles de styles, de HTML... Chaque semaine de nouvelles solutions apparaissent. Faut il partir sur une application Angular, React ou Ember... Comment communiquer avec un serveur distant ?

On se retrouve souvent comme un enfant devant un ensemble de cube

Au départ c'est flou

Dev-Mind est là pour vous aider

Via un programme à la carte que nous construisons ensemble je vous propose de reprendre les bases. Toutes les parties sont optionnelles et nous les adapterons en fonction de vos compétences. Le but est de reprendre brique par brique.

Reprendre les bases

Pour comprendre comment fonctionne les technologies du web je vous propose de nous focaliser dans un premier temps sur les briques clientes. Ces technologies s'exécutent dans un navigateur Internet...

  • Historique d'Internet, du web
  • Définir du contenu en HTML
  • Mettre en forme ce contenu avec CSS
  • Le Javascript pour dynamiser tout ça

Je ne vous parlerai pas de frameworks dans cette formation mais seulement de standard du web : HTML, CSS et JS. Avec ces fondamentaux vous pourrez ensuite appréhender les frameworks de plus haut niveau tel que

  • CSS : Boostrap, Foundation, Material...
  • JavaScript : Ember, Angular, React

Vous ne savez pas gérer un bloc en CSS ? Connaissez vous les FlexBox ?
Côté JavaScript maîtriser vous les arrow functions, les appels asynchrones, les promesses, les modules...

Les formations Dev-Mind permettent de répondre à toutes ces questions.

 

Des formations sur le front et le back

Une application cliente interagit avec un serveur. Vous pouvez mettre en place un simple serveur HTTP qui renvoie des ressources statiques sur les postes clients, ou alors vous pouvez créer une application qui expose des API (généralement en REST) accessibles via JavaScript.

Chaine complète

Comment écrire une application ?

Quand vous avez besoin d'avoir une interaction entre le poste client et le serveur : envoi de données, envoi de commandes, vous devez écrire côté serveur une application capable de recevoir et de traiter ces données, ces interactions.

Je suis développeur Java full stack depuis des années et pendant longtemps il était difficile d'écrire des applications simples en Java. Mais ce n'est plus le cas aujourd'hui depuis l'arrivée de Sring Boot.

Côté backend je vous propose de voir comment Spring Boot fonctionne

  • Comment écrire une application Spring Boot en 5 lignes
  • Exposer des services REST accessible ensuite via JavaScript
  • Interagir avec une base de données SQL
  • Interagir avec une base de données NoSQL (mongoDb)
  • Gérer des appels synchrones via SpringWeb ou asynchrone via WebFlux

Chaine complète

Optimiser votre webapp pour améliorer les performances

Une fois que votre application est en production on observe souvent des temps assez longs pour charger vos écrans

Je vous propose une session expert pendant laquelle nous pouvons voir la marche à suivre pour que votre site soit plus rapide. Aujourd'hui les utilisateurs supportent de moins en moins les sites longs à charger. Au delà de 3sec de chargement vous avez perdu 57% des visiteurs... Il est donc primordial d'otimiser les temps de chargements. Cette formation axée sur la pratique propose différentes étapes d'optimisation.

  • Comment améliorer le temps de premier chargement de votre site ?
  • Comment améliorer le temps du deuxième chargement (quand vous faites un refresh) ?
  • Comment optimiser le premier affichage (critical rendering) ?
  • Comment faire fonctionner votre site en offline quand l'utiliateur a déjà visité votre site...?

Prix de la formation

Dev-Mind est enregistré sous le numéro 84 42 02955 42 en tant que prestataire de formation conformément aux dispositions de l'article R. 6351-6 du code du travail.
Cet enregistrement ne vaut pas agrément de l'état.

N'hésitez pas à me contacter pour plus de renseignements. Chaque formation Dev-Mind peut être adaptée à votre contexte. Je propose 2 modes de formation :

  • mode INTRA 1250 € HT/jour : la formation vous est réservée et vous pouvez proposer jusqu'à 6 stagiaires
  • mode INTER 500 € HT par stagiaire et par jour : formation d'un stagiaire

Durée : variable (formation à la carte)

Formation

Programmes

Programme par domaine adaptable à votre contexte

Le langage HTML

Introduction au langage

Les différentes balises

  • Les éléments dépréciés
  • Les éléments de base
  • Ajouter des métadonnées
  • Découper le document
  • Découper le document
  • Disposer des éléments dans la page
  • Liens et utilisations d’autres ressources
  • Sémantique et formatage du texte
  • Les tableaux
  • Les formulaires

Les attributs des balises HTML

Démarrer un nouveau projet avec un starter

Le langage CSS

Les principes de base

Définir des styles

Les sélecteurs

Le modèle de boîtes

Les flexbox

Industrialisation

  • Les Préprocesseurs (LESS, Sass)
  • Les Postprocesseurs (autoprefixer, minify, concat, uncss)

Le langage JavaScript

Introduction au langage

Données

Instructions

Les fonctions

  • Définir une fonction
  • Arrow function
  • Generator function
  • Fonctions internes

Les objets

  • Programmation objet orientée prototype
  • Programmation objet orientée classe

Les collections

Gestion d’erreur

Chaîne de caractères, nombres, dates

Gestion des évènements

Stocker des données (cookies, Local storage...)

Tests unitaires

Récupérer des données

  • Les promesses
  • L’API XMLHttpRequest requête XHR
  • L’API fetch

Optimisez les performances de votre site

Au cours de cette formation nous aborderons les points suivants. Chaque point sera illustré par des travaux pratiques pour vous aider à mieux comprendre l'intérêt de chaque étape

Mesurer les performances

  • Présentation des Chrome Dev Tools
  • Sites intéressants pour mesurer vos performances

Agir au niveau du protocole de communication HTTP2

Améliorer le temps de chargement initial (loadtime)

  • Limiter les ressources envoyées
  • Les images
  • Les feuilles de styles
  • Les fonts

Améliorer les temps pour le deuxième chargement (refresh / offline)

  • Mise en cache
  • Services workers

Améliorer le rendu et le premier affichage (first load)

  • Chargement de vos scripts
  • Chargement asynchrone

Spring Boot

Comment écrire rapidement un backend en Java

Exposer des services REST accessible ensuite via JavaScript

Interagir avec une base de données

  • base de données SQL
  • base de données noSQL (mongoDb)

Gérer des appels synchrones via SpringWeb

Gérer des appels asynchrone via WebFlux

Contact

N'hésitez pas à me contacter si vous souhaitez plus d'informations

Guillaume EHRET
guillaume (@) dev-mind.fr

Dev-Mind
17 rue de la Vivaraize
42100 St Etienne
France