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é.

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

Le(s) formateur(s)

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...
• 95 formations au catalogue, 1379 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