Aller au contenu principal

Web front : HTML, CSS et JavaScript niveau 1

Développement 174 arrow small right Frontend

frontend web JavaScript CSS HTML

  • Durée

    3 jour(s)
  • Niveau

    Débutant
  • Référence

    DE-097

Présentation

Les sites internet sont devenus incontournables dans notre vie de tous les jours, et leur nombre est en constante évolution. Selon Internet Live Stats, plus de 1.9 milliards de sites internet sont en ligne (novembre 2021).
Si de nombreux sites internet utilisent des CMS (Content Management System ou Système de Gestion de Contenu) comme WebFlow, WordPress ou WiX, il est souvent nécessaire d’avoir des bases en programmation dans les langages du web pour atteindre ses objectifs. En effet, même si ces outils simplifient la mise en ligne d’un site web, il est parfois (souvent ?) impossible de réaliser exactement ce que l’on souhaite sans « taper du code ».
Cette formation vous propose de découvrir les trois langages de présentation du web : HTML pour la structure et le contenu, CSS pour le style visuel, et JavaScript pour les interactions et événements. Pendant cette formation, vous apprendrez à créer un site internet à partir de zéro et découvrirez les fonctionnements du web, pour pouvoir plus facilement créer des sites ou les adapter.

Objectifs de la formation

  • Comprendre le fonctionnement du web
  • Savoir créer une page web avec HTML
  • Comprendre la pertinence de la sémantique HTML
  • Savoir rédiger des directives en CSS
  • Savoir rédiger du code JavaScript
  • Faire les bons choix entre les trois langages selon le besoin

Public

  • Toute personne travaillant ou souhaitant travailler dans le développement de sites et d’applications web, notamment la partie visuelle.

Prérequis

  • Aucun prérequis

Programme

1- Introduction

Fondamentaux du web et de son protocole
Fonctionnement des sites web, différences entre les langages
Présentation rapide des langages HTML, CSS et JavaScript
Présentation des logiciels liés au développement web

2- HTML

Historique
Objectifs poursuivis par le HTML
Syntaxe, les balises, les attributs, la hiérarchie
Principales balises HTML
L’importance de la sémantique
Concevoir une page web
Les formulaires

3- CSS

Principes de base et liaison avec le HTML
Syntaxe, les sélecteurs, les propriétés, les valeurs
Différents types de sélecteurs
Les pseudo-classes
L’alignement et l’organisation avec display : grid, flex
Mise en forme des éléments : marges, bordures, ombres, dégradés
Mise en forme du texte
CSS dynamique : transformations, transitions, animations
Directives @media

4 – JavaScript

Principes de base et liaison avec le HTML
Principe d’un algorithme
Syntaxe de JavaScript
Les variables, conditions, boucles et fonctions
Les événements
Communication inter-fenêtres
Manipulation des pages avec le DOM : sélection et modification

Date de dernière modification : 13/03/2023

Cette formation ne dispose pas d'évaluation pour le moment.

Organisation

162 arrow small up 163 arrow small down

Modalités d'évaluation :

Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.

Moyens pédagogiques :

Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.

Informations pratiques :

En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.

Ces formations pourraient vous intéresser

  • HTML5 et CSS3 : animations et responsive design

    Après avoir découvert les langages HTML et CSS permettant de réaliser notamment des sites web, cette formation vous propose de perfectionner vos connaissances dans ces deux langages.
    Depuis dix ans, la proportion de visiteurs …

    En savoir plus
  • Web front : HTML, CSS et JavaScript niveau 2

    Vous avez débuté le développement web en utilisant les langages de programmation HTML, CSS et JavaScript. Vous avez réalisé avec succès plusieurs pages ou même des sites entiers, avec des composants comme des listes, des …

    En savoir plus
  • HTML5 et CSS3 : créer son site web

    Les sites internet sont devenus incontournables dans notre vie de tous les jours, et leur nombre est en constante évolution. Selon Internet Live Stats, plus de 1.9 milliards de sites internet sont en ligne (novembre 2021).
    Si de …

    En savoir plus