Softway-Tunisie Revendeur Sage Tunisie | Centre de formation professionnelle en informatique et management | développement informatique
- Détails
- Écrit par Super User
- Catégorie : Formation Web - CMS
Cursus MTA : Introduction à la programmation à l'aide de HTML et CSS
Pré requis
- Avoir une expérience avec les outils informatiques et le Web en général
Objectifs de la formation
- Etre capable de créer des pages en HTML5/CSS3 de manière autonome et sans éditeur visuel ou tableaux de mise en page
- Pouvoir mettre en œuvre des sites internet valides selon les standards W3C
- Connaître les principales balises HTML existantes
- Structurer le contenu
- Apposer les premières mises en forme à l'aide des styles CSS
Public :
Pour les Graphistes, les Webmasters, les débutants et les Rédacteurs de contenu
Contenu du cours
Introduction
- HTML5
- CSS3
Le contenu
- Les balises paragraphes et titre
- Les premières décorations CSS par color et background-color
- Les alignements de contenus par text-align
- Les formats de couleurs
- Les familles de polices avec et sans empattements par font-family
Les liens
- Produire un lien vers une autre page à l’aide de l’élément et son attribut href
- Souligner un lien ou pas avec text-decoration
Appliquer des marges
- Présenter le Modèle de Boîte en CSS
- Effectuer une marge sous ou sur un élément
Les listes
- Créer une liste d’éléments
- Déterminer des puces par défaut et personnalisées
Anatomie d’une page web standard
- Concept de “Doctype”
-Éléments de structure : , ,
À l’abordage de la première page web
- Arborisation des fichiers
- Comment apposer les styles CSS ?
- Les éditeurs de code
Les images
- Arborer une image de contenu et ses attributs
- Afficher une image décorative avec background-image et propriétés associées
- Discerner une image (HTML) d’une image de fond (CSS)
Applications pratiques
- Insérer une image
- Ajouter un logo cliquable
- La personnalisation de listes
Les sections d’un document
- Le concept de section
- Deviner les sections par la maquette du projet
- Le classement des sections, titres et paragraphes
- Appliquer des styles CSS généraux conformément avec la maquette
Les composants
- Définition du composant
- Deviner les composants par la maquette
- Le premier composant : le bouton
- Le composant navigation
- Les composants du pied de page
- Le bloc info
- Le Constituant « Card »
- Le constituant du formulaire de contact
Le Responsive Web Design
- Les points de rupture
- Le viewport
- Les CSS Media Queries
Centrer le contenu dans la page
- A l’aide des propriétés CSS width et les marges automatiques
- Ajouter des éléments neutres
- Les priorités dans CSS
Le modèle Flexbox
- Le fonctionnement de Flexbox
- Voir où appliquer Flexbox sur la maquette
Positionnement flottant
- La propriété float
Éléments bonus
- Déterminer les tableaux de données
- La grille d’éléments
Le futur avec Grid Layout
- Définition de Grid Layout
- Définir les composant “Destinations” en Grid Layout
Les standards
- Le passage du code au validateur
- Concept d’entités HTML
Ressources HTML et CSS
- Les ressources HTML
- Les ressources CSS
- Détails
- Écrit par Super User
- Catégorie : Formation Web - CMS
Cursus MTA : Principes de base du développement d'applications HTML5
Pré requis
- Avoir une connaissance sur HTML 4 et JavaScript
Objectifs de la formation
- Savoir comment créer des sites WEB en HTML 5
- Apprendre comment créer des pages
- Apprendre à utiliser les nouvelles balises
Public :
Développeurs Web
Contenu du cours
Introduction
- Les orientations que les navigateurs prennent
- Retour sur la notion de Doctype
- HTML5 ou XHTML5
- Les spécifications WG et W3C
- Les balises obsolètes
- Les nouvelles balises
- L’exploitation avec les navigateurs non compatibles
Le nouveau balisage
- La structure d’une page HTML5
- HTML5 DOCTYPE
- La balise et les éléments de structure ou éléments sémantiques Deprecatedelements
Les formulaires
- Les éléments du formulaire
- Concevoir et exploiter un formulaire HTML5
Les nouvelles API
- Les éléments audio et vidéo
- APIs de communication
- Géolocalisation
- Dessin 2D
Les Web Workers
- Présenter les Web Workers
- Structure Multi-core processor
- La communication de Web Worker
- Détails
- Écrit par Super User
- Catégorie : Formation Web - CMS
Les fondamentaux du développement des interfaces graphiques avec HTML5, CSS3 et JavaScript
Pré requis
- Avoir une connaissance internet standard et sur notions d’algorithme
Objectifs de la formation
- Posséder les compétences nécessaires au développement d’un site internet full HTML5/CSS3
- Savoir créer des pages compatibles avec les navigateurs internet
- Être en mesure de créer des interactions dynamiques avec l’utilisateur sans développement serveur
- Comprendre comment tirer parti des dernières nouveautés HTLM5 per exemple le lecteur vidéo compatible mobiles
Public :
Pour les développeurs .Net ou Java
Contenu du cours
Présentation
- HTML le langage du Web
- Contexte historique
Environnement et structure
- Concept et usage des balises
- Le bon usage des balises
- Particularités et pièges du HTML
- Le document HTML minimum
Mise en forme du document
- Le texte simple
- Les objets d'un document
- L'en-tête d'un document HTML
Mise en forme du texte
- Titres et paragraphes de texte
- Le contrôle de passage à la ligne
- Le formatage du texte et l'alignement
- La taille, la couleur et la police
- Les caractères spéciaux
- Les commentaires
- Les autres balises de texte
Les listes
- Numérotées, à puces et imbriquées
- Les listes de définition
Les tableaux
- Les cellules du tableau et la fusion de ces cellules
- Gestion de la taille du tableau
- En-tête et légende
- Les bordures
- Les groupes de colonnes et de lignes
Les hypertextes
- La balise de liens
- Les différents types de liens
- Les Target
- L'attribut titre
- La couleur des liens
- Liens et feuilles de style
Insertions d'images
- L'insertion d'une image
- L'espace autour d'une image
- L'alignement d'une image
- La couleur et image de l'arrière-plan
- L'insertion d'un lien sur une image
- Les images réactives
Les formulaires
- La déclaration de formulaire
- Zone de texte à une ligne
- Menu déroulant
- Les boutons de commande
-Les formulaires
- L'organisation des éléments d'un formulaire
Les méta-informations
- Doctype ou DTD
Les feuilles de style
- Les propriétés : couleur et police…etc
- Les classes
- Dynamiser un site avec CSS
- Gérer les emplacements
Introduction à JavaScript
- JavaScript pour quoi faire ?
- L'environnement du client Web
- Le navigateur, les outils
JavaScript : le coeur du langage
- La syntaxe
- Les variables, les fonctions globales, les opérateurs et les structures de contrôle
- Les fonctions
- Objets personnalisés et globaux
- Manipuler les tableaux, les dates et les chaînes de caractères
Les objets du navigateur
- La hiérarchie des objets
- Les principaux objets : window, document, location, screen, navigator, form...
- Manipuler les fenêtres
- Gérer des timers
Introduction à HTML5
- Fonctionnement d’un site internet
- Histoire et normalisation du HTML
- La nouvelle vision HTML5
-Roadmap HTML5
L'utilisation du HTML5
- Savoir quand choisir le HTML5
- Exploiter le HTML5 avec des navigateurs qui ne le supportent pas
Le balisage HTML5
- Structure d'une page Doctype
- Les nouveaux éléments et les éléments obsolètes HTML5 et CSS3
Les formulaires
- La balise form
- Créer et exploiter des formulaires HTML5
Audio et vidéo
- Les éléments audio et vidéo
- Les conteneurs et les codecs
- Effectuer des compromis pour un site à forte audience
Vue d'ensemble des APIs
- Les APIs HTML5
- Audio et vidéo
- Site web hors ligne
- Drag et Drop
Dessiner en HTML
- Canvas vs SVG
- Contexte et accessibilité
La communication en HTML5
- Les évènements
- Envoi de messages entre documents
- Envoi de messages par canaux
- Le push et les WebSockets pour plus de performances
La géolocalisation
- Vue d'ensemble
- La vie privée de l'utilisateur
Stockage
- Stockage local
- Stockage en session
- Bases de données SQL Web
CSS : standardiser des propriétés
- Se passer d'images et éviter les astuces
- Coins arrondis et animations
- Autres nouveautés
CSS : mise en page et positionnement
- Clarifier le code et éviter la multiplication de div imbriquées
- Niveau de présentation
- Mise en page par patron
- Mise en page multi-colonnes
- Mise en page par boites horizontales ou verticales
- Emplacement par grille
- Autres nouveautés
- Détails
- Écrit par Super User
- Catégorie : Formation Web - CMS
Web
| DW01 | Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript |
| DW02 | Cursus MTA : Principes de base du développement d'applications HTML5 |
| DW03 | Cursus MTA : Introduction à la programmation à l'aide de HTML et CSS |
| DW04 | Développer des sites Web dynamiques avec JavaScript |
| DW05 | PHP 7 - Développement d'applications web |
| DW06 | jQuery - Développement d'applications Web |
| DW07 | Angular JS - Développements Web |
| DW08 | Node.js - Développement d'applications Web |
| DW09 | ReactJS - Développement d'applications Web |
| DW10 | Laravel 5.x, développement WEB en PHP |
| DW11 | BootStrap - Développement de pages Web Responsive |
| DW12 | Maîtriser Symfony5 |
| DW13 | Développer des applications Web avec Zend Framework 3 |
CMS
| CS01 | Créer un site Web avec Joomla |
| CS02 | Drupal 8 et 9 - Création et administration de sites |
| CS03 | Prestashop, créer un site e-commerce |
| CS04 | Magento 2, personnaliser le design de ses sites de e-commerce |
| CS05 | Créer un site Web avec Wordpress |