Formation Initiation Web

Durant cette formation Initiation Web de 3 jours, apprenez les éléments de base du Web et construisez vos premières pages Web !

Prix (Formation inter-entreprise)

1600€ HT / personne

Durée

3 jours

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Le but de cette formation Initiation Web est de vous donner la confiance et l'autonomie nécessaire pour réaliser vos propres pages web interactives.

Le Web est un outil indispensable aujourd'hui. Il a transformé nos communications, nos emplois, nos économies, nos vies.

C'est un outil puissant dont le fonctionnement peut paraître obscur, mais qui peut se résumer en 3 grands axes : HTML, CSS et JavaScript.

Cette formation Initiation Web vous propose de découvrir et d'étudier chacun de ces axes pas-à-pas, afin de mieux comprendre la nature d'une page web.
Nous verrons comment créer une page HTML simple avec du contenu structuré, comment lui donner une apparence unique en CSS et comment utiliser JavaScript pour automatiser certains processus et créer de l'interaction.

Cette formation, orientée pratique, est destinée à tous ceux et celles qui souhaitent faire du web en commençant de zéro, avec HTML, CSS et JavaScript.

Envie d'aller plus loin ?

Si vous avez déjà un peu d’expérience avec le web, notamment HTML et CSS, jetez un oeil à notre formation dédiée formation JavaScript.

Si vous avez déjà un peu d’expérience avec JavaScript, vous pouvez creuser le sujet avec notre formation JavaScript Avancé.

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.
🇺🇸 This training is also available in English

Les objectifs

  • Comprendre les bases du web
  • Structurer le contenu d'une page HTML
  • Changer l'apparence d'une page en CSS
  • Ajouter de l'interactivité avec JavaScript

Pré-requis

  • Ordinateur portable à apporter

Le programme de la formation Initiation Web

Jour 1 : Le Web, HTML et CSS

C'est quoi le web ?
Historique
Concept
  • HTTP
  • Server (backend) vs. client (frontend)
Outils
  • Navigateurs
  • Éditeurs de texte
HTML
Un langage sémantique de balises
  • Sémantique ?
  • Structure d'une balise
  • Attributs
  • Bloc vs ligne vs vide
  • Structure d'une page HTML
La balise <body>
  • Balises de contenu
  • Balises de média
  • Balises de formulaires
  • Autres balises
La balise <head>
  • Metadonnées
  • Style
  • Scripts
CSS
Les sélecteurs et règles
Le box model
  • width / height
  • padding / margin / border
La cascade
  • display
  • position
Divers
  • Unités
  • Couleurs
  • Fonts

Jour 2 : JavaScript

La syntaxe de base
  • Variables
  • Opérateurs
  • Expressions
  • Égalités == et ===
Boucles et conditions
Fonctions
  • Définir une fonction
  • Exécuter une fonction
Tableaux
  • Définir un tableau
  • Parcourir un tableau
  • Modifier un tableau

Jour 3 : Manipuler une page web

Le DOM
  • Rechercher des éléments
  • Modifier les éléments
  • Modifier le style
  • Créer des éléments
  • Ajouter / enlever des éléments
Réagir aux évènements
  • Écouter les évènements
  • Liste des évènements utiles

Mises en pratique

  • Exercices d'acclimatation au HTML et CSS
  • Création d'une page HTML personnelle
  • Exercices d'acclimatation au JavaScript
  • Rendre interactive notre page personnelle

Télécharger le programme

Le(s) formateur(s)

Romain Crestey

Romain Crestey

Développeur web indépendant, Romain est fan de NodeJS, React/Redux, Typescript, ThreeJS et quelques autres. Auparavant, il était associé-hacker au sein de Ants, et encore avant ça, il était ingénieur en dynamique vibratoire pour l'aéronautique.

Voir son profil détaillé

David Sferruzza

David Sferruzza

Passionné depuis toujours par l'informatique au sens large, David Sferruzza est propulsé par sa curiosité. Celle-ci l'a poussé à faire des études d'ingénieur généraliste pour ensuite se recentrer sur le développement logiciel et ses nombreux domaines connexes.
Notamment adepte de programmation fonctionnelle (Rust, Haskell, Scala, Nix, ...), d'administration système, de pédagogie et de différents mélanges de ces trois ingrédients, il s'est régulièrement lancé des challenges pour continuer à apprendre : homme à tout faire d'une équipe de développeurs (PHP/Laravel, JavaScript), orateur dans des conférences internationales, docteur en génie logiciel, et parfois même rédacteur de contenus absurdes !

Jamais très éloigné de son éditeur de code, il accompagne des startups sur les aspects techniques depuis plusieurs années chez Startup Palace et écrit des logiciels (web, réseau, embarqué, …) pour Le Palace.

Voir son profil détaillé

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

  • une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
  • de nombreux clients qui nous font confiance depuis des années
  • un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
  • 83 formations au catalogue, 1015 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
  • la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formations à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accéder au Manifeste

Nos clients

Axa
FNAC
Decathlon
Atos
Intel
Leboncoin.fr

Formation Initiation Web

Durant cette formation Initiation Web de 3 jours, apprenez les éléments de base du Web et construisez vos premières pages Web !

Le but de cette formation Initiation Web est de vous donner la confiance et l'autonomie nécessaire pour réaliser vos propres pages web interactives.

Le Web est un outil indispensable aujourd'hui. Il a transformé nos communications, nos emplois, nos économies, nos vies.

C'est un outil puissant dont le fonctionnement peut paraître obscur, mais qui peut se résumer en 3 grands axes : HTML, CSS et JavaScript.

Cette formation Initiation Web vous propose de découvrir et d'étudier chacun de ces axes pas-à-pas, afin de mieux comprendre la nature d'une page web.
Nous verrons comment créer une page HTML simple avec du contenu structuré, comment lui donner une apparence unique en CSS et comment utiliser JavaScript pour automatiser certains processus et créer de l'interaction.

Cette formation, orientée pratique, est destinée à tous ceux et celles qui souhaitent faire du web en commençant de zéro, avec HTML, CSS et JavaScript.

Envie d'aller plus loin ?

Si vous avez déjà un peu d’expérience avec le web, notamment HTML et CSS, jetez un oeil à notre formation dédiée formation JavaScript.

Si vous avez déjà un peu d’expérience avec JavaScript, vous pouvez creuser le sujet avec notre formation JavaScript Avancé.

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.
🇺🇸 This training is also available in English

Les objectifs

  • Comprendre les bases du web
  • Structurer le contenu d'une page HTML
  • Changer l'apparence d'une page en CSS
  • Ajouter de l'interactivité avec JavaScript

Pré-requis

  • Ordinateur portable à apporter

Le programme de la formation Initiation Web

Jour 1 : Le Web, HTML et CSS

C'est quoi le web ?
Historique
Concept
  • HTTP
  • Server (backend) vs. client (frontend)
Outils
  • Navigateurs
  • Éditeurs de texte
HTML
Un langage sémantique de balises
  • Sémantique ?
  • Structure d'une balise
  • Attributs
  • Bloc vs ligne vs vide
  • Structure d'une page HTML
La balise <body>
  • Balises de contenu
  • Balises de média
  • Balises de formulaires
  • Autres balises
La balise <head>
  • Metadonnées
  • Style
  • Scripts
CSS
Les sélecteurs et règles
Le box model
  • width / height
  • padding / margin / border
La cascade
  • display
  • position
Divers
  • Unités
  • Couleurs
  • Fonts

Jour 2 : JavaScript

La syntaxe de base
  • Variables
  • Opérateurs
  • Expressions
  • Égalités == et ===
Boucles et conditions
Fonctions
  • Définir une fonction
  • Exécuter une fonction
Tableaux
  • Définir un tableau
  • Parcourir un tableau
  • Modifier un tableau

Jour 3 : Manipuler une page web

Le DOM
  • Rechercher des éléments
  • Modifier les éléments
  • Modifier le style
  • Créer des éléments
  • Ajouter / enlever des éléments
Réagir aux évènements
  • Écouter les évènements
  • Liste des évènements utiles

Mises en pratique

  • Exercices d'acclimatation au HTML et CSS
  • Création d'une page HTML personnelle
  • Exercices d'acclimatation au JavaScript
  • Rendre interactive notre page personnelle

Télécharger le programme

Le(s) formateur(s)

Romain Crestey

Romain Crestey

Développeur web indépendant, Romain est fan de NodeJS, React/Redux, Typescript, ThreeJS et quelques autres. Auparavant, il était associé-hacker au sein de Ants, et encore avant ça, il était ingénieur en dynamique vibratoire pour l'aéronautique.

Voir son profil détaillé

David Sferruzza

David Sferruzza

Passionné depuis toujours par l'informatique au sens large, David Sferruzza est propulsé par sa curiosité. Celle-ci l'a poussé à faire des études d'ingénieur généraliste pour ensuite se recentrer sur le développement logiciel et ses nombreux domaines connexes.
Notamment adepte de programmation fonctionnelle (Rust, Haskell, Scala, Nix, ...), d'administration système, de pédagogie et de différents mélanges de ces trois ingrédients, il s'est régulièrement lancé des challenges pour continuer à apprendre : homme à tout faire d'une équipe de développeurs (PHP/Laravel, JavaScript), orateur dans des conférences internationales, docteur en génie logiciel, et parfois même rédacteur de contenus absurdes !

Jamais très éloigné de son éditeur de code, il accompagne des startups sur les aspects techniques depuis plusieurs années chez Startup Palace et écrit des logiciels (web, réseau, embarqué, …) pour Le Palace.

Voir son profil détaillé

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

  • une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
  • de nombreux clients qui nous font confiance depuis des années
  • un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
  • 83 formations au catalogue, 1015 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
  • la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation

* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012