HTML 5 CSS3 JavaScript jQuery perfectionnement + Certification IT - Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS par Mandyben
Lieu(x)
En centre (13)
Durée
Total : 35 heures
En centre : 35 heures
Financement
Demandeur d’emploi
Salarié
Éligible CPF
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
Révision des principes HTML 5 et CSS 3 et généralités
o L'ouverture vers les mobiles Iphone, androïd, tablette
o Compatibilités et restrictions par rapport aux différents navigateurs
o Différences entre le HTML4 et le HTML5 : balises et attributs dépréciés
HTML 5
o La vision sémantique et le balisage
o Le Doctype
o Les nouveaux éléments : section, article, aside, nav, ...
o Les formulaires : les nouveaux types (email, tel, range, ...) et attributs de formulaires (required, placeholder, label, fieldset)
o L'Audio et la vidéo : les balises vidéo et audio et leurs attributs/ la géolocalisation/Le format svg en html5/La création de graphique à travers le html5, css3 et jquery
o Découvrir les APIs de dessin 2D, de lecture vidéo et audio
CSS3
o Standardiser les propriétés
o Mise en page et positionnement : Les pseudo
- element/ les nouveaux selecteurs
o Cibler les éléments : les sélecteurs :before, :after, #0x7e#, [attr], :empty, :enabled, :root, :first
- of
- type...
o Gérer : Coins arrondis, ombres portés, couleurs et transparence
o Décorer : border
- radius, transitions, rotations, opacity, box
- shadow
o Le format SVG/Les translations/L'animation/L'interactivité
o Intégrer ses propres polices embarquées avec #0x40#font
- face
o Mise en page multi
- colonnes : les propriétés
o Media Queries CSS3 pour créer des sites Web plus réactifs
o Responsive design
- Feuille de style CSS multi
- écran pour ordinateur, mobile et tablette
HTML5 et CSS3 pour les mobiles et les tablettes
o Intégration d'un template
o Utilisation de l'API de la balise vidéo et audio : contrôler la vidéo via HTML5 et appliquer des effets CSS, du son sans plugin
o Typographie Web : expérimenter les effets de texte avec des polices customisées
o Galerie photo et slideshow avec animations et transitions
o Utilisation de l'API de dessin 2D avec l'élément Canvas
JQUERY
o Les bases du framework
o Inclure jQuery
o fonction de base : jQuery
o ready
o Vérifier que tout cela est fonctionnel
o Le principe de fonctionnement
o Les sélecteurs (Frères et parents)
o jQuery et les événements
o click, dblclick, scroll, L'écoute sur le clavier
o Manipuler le code CSS avec jQuery
o Propriété nativement géré par jQuery
o Animez vos élémentso hide/show/toggle,fade, slide, animate, stop, Callback, setInterval
JAVA SCRIPT
o La boîte de dialogue alert
o Les instructions
o Les fonctions
o Où placer le code dans la page
o Les variables
o Les types de variables
o Teste
o L'ouverture vers les mobiles Iphone, androïd, tablette
o Compatibilités et restrictions par rapport aux différents navigateurs
o Différences entre le HTML4 et le HTML5 : balises et attributs dépréciés
HTML 5
o La vision sémantique et le balisage
o Le Doctype
o Les nouveaux éléments : section, article, aside, nav, ...
o Les formulaires : les nouveaux types (email, tel, range, ...) et attributs de formulaires (required, placeholder, label, fieldset)
o L'Audio et la vidéo : les balises vidéo et audio et leurs attributs/ la géolocalisation/Le format svg en html5/La création de graphique à travers le html5, css3 et jquery
o Découvrir les APIs de dessin 2D, de lecture vidéo et audio
CSS3
o Standardiser les propriétés
o Mise en page et positionnement : Les pseudo
- element/ les nouveaux selecteurs
o Cibler les éléments : les sélecteurs :before, :after, #0x7e#, [attr], :empty, :enabled, :root, :first
- of
- type...
o Gérer : Coins arrondis, ombres portés, couleurs et transparence
o Décorer : border
- radius, transitions, rotations, opacity, box
- shadow
o Le format SVG/Les translations/L'animation/L'interactivité
o Intégrer ses propres polices embarquées avec #0x40#font
- face
o Mise en page multi
- colonnes : les propriétés
o Media Queries CSS3 pour créer des sites Web plus réactifs
o Responsive design
- Feuille de style CSS multi
- écran pour ordinateur, mobile et tablette
HTML5 et CSS3 pour les mobiles et les tablettes
o Intégration d'un template
o Utilisation de l'API de la balise vidéo et audio : contrôler la vidéo via HTML5 et appliquer des effets CSS, du son sans plugin
o Typographie Web : expérimenter les effets de texte avec des polices customisées
o Galerie photo et slideshow avec animations et transitions
o Utilisation de l'API de dessin 2D avec l'élément Canvas
JQUERY
o Les bases du framework
o Inclure jQuery
o fonction de base : jQuery
o ready
o Vérifier que tout cela est fonctionnel
o Le principe de fonctionnement
o Les sélecteurs (Frères et parents)
o jQuery et les événements
o click, dblclick, scroll, L'écoute sur le clavier
o Manipuler le code CSS avec jQuery
o Propriété nativement géré par jQuery
o Animez vos élémentso hide/show/toggle,fade, slide, animate, stop, Callback, setInterval
JAVA SCRIPT
o La boîte de dialogue alert
o Les instructions
o Les fonctions
o Où placer le code dans la page
o Les variables
o Les types de variables
o Teste
Objectifs
- Identifier les règles d'écriture du langage de balises
- Définir le contenu de pages web : texte, listes, tableaux, images, audio
- Structurer l'organisation des fichiers d'un site web
- Construire des formulaires de saisie
- Créer une feuille de style et ordonner ses règles
- Organiser la disposition du contenu des pages web
- Mettre en forme le contenu des pages web
- Définir le contenu de pages web : texte, listes, tableaux, images, audio
- Structurer l'organisation des fichiers d'un site web
- Construire des formulaires de saisie
- Créer une feuille de style et ordonner ses règles
- Organiser la disposition du contenu des pages web
- Mettre en forme le contenu des pages web
Centre(s)
- Marseille - 6ème (13)
Métier(s)
- Analyste cogniticien / cogniticienne informatique
- Analyste concepteur / conceptrice informatique
- Analyste d'application
- Analyste d'étude informatique
- Analyste de gestion informatique
- Analyste décisionnel - Business Intelligence
- Analyste développeur / développeuse
- Analyste en cybersécurité
- Analyste fonctionnel / fonctionnelle informatique
- Analyste organique informatique
- Analyste responsable d'application informatique
- Analyste réseau informatique
- Analyste télématique
- Analyste-programmeur / Analyste-programmeuse d'étude informatique
- Analyste-programmeur / Analyste-programmeuse de micro-informatique
- Analyste-programmeur / Analyste-programmeuse en informatique industrielle
- Analyste-programmeur / Analyste-programmeuse gestion informatique
- Analyste-programmeur / Analyste-programmeuse informatique
- Analyste-programmeur / Analyste-programmeuse scientifique informatique
- Animateur / Animatrice de communauté virtuelle
- Animateur / Animatrice de forum sur internet
- Animateur / Animatrice web
- Assistant / Assistante chef de projet informatique
- Blogueur
- Chargé / Chargée des relations avec les internautes
- Chef de création artistique communication multimédia
- Chef de groupe de création multimédia
- Chef de groupe logicien informaticien
- Chef de projet TMA - Tierce Maintenance Applicative
- Chef de projet maîtrise d'oeuvre informatique
- Chef de projet étude et développement informatique
- Community manager
- Concepteur / Conceptrice artistique communication multimédia
- Concepteur / Conceptrice d'application informatique
- Concepteur / Conceptrice de jeux vidéo
- Concepteur / Conceptrice de jeux web online
- Concepteur / Conceptrice en publicité
- Concepteur / Conceptrice informatique
- Concepteur / Conceptrice logiciel informatique
- Concepteur / Conceptrice multimédia
- Concepteur réalisateur / Conceptrice réalisatrice communication
- Concepteur rédacteur / Conceptrice rédactrice communication
- Concepteur rédacteur / Conceptrice rédactrice publicitaire
- Didacticien / Didacticienne informatique
- Directeur / Directrice artistique - jeux vidéo
- Directeur / Directrice artistique communication multimédia
- Directeur / Directrice artistique web
- Directeur / Directrice de création - jeux vidéo
- Directeur / Directrice de création communication multimédia
- Développeur / Développeuse Big Data
- Développeur / Développeuse back-end
- Développeur / Développeuse d'application
- Développeur / Développeuse de logiciel de simulation optique et réalité virtuelle
- Développeur / Développeuse de sécurité des systèmes d'information
- Développeur / Développeuse décisionnel - Business Intelligence
- Développeur / Développeuse front-end
- Développeur / Développeuse full-stack
- Développeur / Développeuse informatique
- Développeur / Développeuse jeux vidéo
- Développeur / Développeuse logiciel de réalité augmentée
- Développeur / Développeuse multimédia
- Développeur / Développeuse web
- Développeur / Développeuse web mobile
- E-commercial / E-commerciale
- Game designer
- Game designer - jeux web online
- Game master jeux online
- Homologateur / Homologatrice logiciel
- Informaticien / Informaticienne analyste
- Informaticien / Informaticienne d'application
- Informaticien / Informaticienne de développement
- Informaticien chargé / Informaticienne chargée d'étude
- Ingénieur / Ingénieure analyste en système d'information
- Ingénieur / Ingénieure analyste informatique
- Ingénieur / Ingénieure d'analyse et de programmation en informatique de gestion
- Ingénieur / Ingénieure d'application informatique
- Ingénieur / Ingénieure d'intégration applicative
- Ingénieur / Ingénieure d'étude en applications scientifiques informatiques
- Ingénieur / Ingénieure d'étude en informatique de gestion
- Ingénieur / Ingénieure d'étude et développement informatique
- Ingénieur / Ingénieure d'étude informatique
- Ingénieur / Ingénieure d'étude logiciel informatique
- Ingénieur / Ingénieure de conception informatique
- Ingénieur / Ingénieure de développement informatique
- Ingénieur / Ingénieure de réalisation informatique
- Ingénieur / Ingénieure développement logiciel informatique
- Ingénieur / Ingénieure en développement d'applications
- Ingénieur / Ingénieure informatique développement en temps réel
- Ingénieur / Ingénieure logiciel informatique
- Ingénieur / Ingénieure programme informatique
- Ingénieur analyste-programmeur / Ingénieure analyste-programmeuse
- Ingénieur concepteur / Ingénieure conceptrice informatique
- Ingénieur informaticien / Ingénieure informaticienne
- Intégrateur / Intégratrice d'application informatique
- Lead game designer - jeux vidéo
- Lead programmeur / programmeuse - jeux vidéo
- Level designer
- Level designer - jeux web online
- Modérateur / Modératrice web
- Paramétreur / Paramétreuse logiciel ERP
- Producer chef de projet jeux vidéo
- Programmeur / Programmeuse d'applications
- Programmeur / Programmeuse d'études
- Programmeur / Programmeuse de maintenance informatique
- Programmeur / Programmeuse informatique
- Programmeur / Programmeuse jeux vidéo
- Programmeur / Programmeuse logiciel de base informatique
- Programmeur industriel / Programmeuse industrielle
- Responsable d'application informatique
- Responsable d'atelier de génie logiciel
- Responsable d'étude informatique
- Responsable de conception communication multimédia
- Responsable de gestion de configuration
- Responsable de projet informatique
- Responsable des développements informatiques
- Rédacteur / Rédactrice web
- Scrum Master
- Technicien / Technicienne programmation
- Testeur / Testeuse informatique
- Web commercial / commerciale
- Web vendeur / vendeuse
- Webmaster
- Webmaster animateur / animatrice
- Webmaster concepteur / conceptrice de site web
- Webmaster développeur / développeuse
Compétence(s)
- Algorithmique
- Animation d'instances agiles (mêlée, démonstration, rétrospective, …)
- Animation vectorielle
- Architecture d'applications
- Architecture des systèmes d'information
- Architecture propriétaire
- Architecture web
- Business Intelligence (BI) / Informatique décisionnelle
- Chaîne graphique
- Community management
- Comptabilité générale
- Dispositifs de financement culturel
- Droit de la propriété intellectuelle
- E-commerce
- E-procurement
- Finance
- Formalisation de processus de gestion
- Gestion administrative
- Gestion commerciale, relation clients
- Gestion comptable
- Gestion de configuration
- Gestion de production
- Gestion de projet
- Gestion des Ressources Humaines
- Gestion financière
- Informatique de gestion
- Informatique industrielle
- Informatique scientifique et technique
- Langage informatique ASP.NET
- Langage informatique Ada
- Langage informatique Apache
- Langage informatique AutoItScript
- Langage informatique Basic
- Langage informatique C#
- Langage informatique C/C++
- Langage informatique CSS
- Langage informatique Cobol
- Langage informatique Delphi
- Langage informatique Fortran
- Langage informatique HTML
- Langage informatique J2EE
- Langage informatique J2ME
- Langage informatique Java
- Langage informatique Lisp
- Langage informatique PHP
- Langage informatique Pascal
- Langage informatique Perl
- Langage informatique Prolog
- Langage informatique Python
- Langage informatique Ruby
- Langage informatique SQL
- Langage informatique Script Shell
- Langage informatique VB.NET
- Langage informatique Visual Basic
- Langage informatique WLangage
- Langage informatique XML
- Langages de programmation informatique
- Linguistique
- Logiciel d'animation 3D
- Logiciel de conception et analyse d'enquête
- Logiciel de gestion clients
- Logiciels d'édition multimédia
- Logiciels de gestion de base de données
- Management
- Marketing / Mercatique
- Marketing des réseaux sociaux
- Marketing direct
- Matériel de contrôle embarqué
- Modélisation informatique
- Méthode AGILE
- Méthodologie SAFe
- Méthodologie Scrum
- Normes rédactionnelles
- Organisation d'évènements culturels
- Outils bureautiques
- Outils de web analyse - web analytics
- Principes d'intégration de matériels et de logiciels
- Principes déontologiques liés aux débats et aux échanges
- Process et procédures d'achats
- Procédures d'appels d'offres
- Produits multimédia
- Progiciels de Gestion Intégrée (PGI) / Enterprise Resource Planning (ERP)
- Programmation informatique
- Programmation logicielle
- Protocoles et normes télécoms
- Publication Assistée par Ordinateur (PAO)
- Règlement Général européen sur la Protection des Données (RGPD)
- Règles d'élaboration d'une Charte Graphique
- Règles de diffusion et de communication de l'information
- Règles de sécurité Informatique et Télécoms
- Rédaction de contenu web
- Référencement naturel (SEO)
- Référencement web
- Réglementation des jeux et loteries
- Réglementation du commerce électronique
- Réseaux informatiques et télécoms
- Search Engine Marketing (SEM)
- Système KANBAN
- Système LEAN
- Système embarqué
- Systèmes d'exploitation informatique
- Sémiotique
- Techniques d'animation web
- Techniques d'impression
- Techniques d'infographie
- Techniques de communication
- Techniques de storytelling - communication narrative
- Technologie de l'internet
- Technologies de l'accessibilité numérique
Formation proposée par : Mandyben
À découvrir