Objectif général : Prendre en main l’une des bibliothèques JavaScript les plus utilisés pour créer des interfaces utilisateurs
Objectifs spécifiques :
Découper l’interface utilisateur avec les composants;
Configurer les composants avec « props »;
Gérer l’état local d’un composant avec « state »;
Afficher une listes de composants avec map();
Afficher un composant en fonction de l’état de l’application;
Interagir avec un utilisateur grâce à la gestion des événements;
Interagir avec un utilisateur par le biais des formulaires;
Communiquer avec un serveur HTTP avec AJAX;
Afficher des vues en fonction de l’URL avec le routage;
Mettre en forme un composant;
Objectif général : Prendre en main l’une des bibliothèques JavaScript les plus utilisés pour créer des interfaces utilisateurs
Objectifs spécifiques :
Découper l’interface utilisateur avec les composants;
Configurer les composants avec « props »;
Gérer l’état local d’un composant avec « state »;
Afficher une listes de composants avec map();
Afficher un composant en fonction de l’état de l’application;
Interagir avec un utilisateur grâce à la gestion des événements;
Interagir avec un utilisateur par le biais des formulaires;
Communiquer avec un serveur HTTP avec AJAX;
Afficher des vues en fonction de l’URL avec le routage;
Mettre en forme un composant;
Manuel des TP - Atelier de développement web (PHP)
Niveau : Licence informatique - L2
Auteur : Houda TOUKABRI
Bibliothèque ISET Kélibia [TPI11 : 02-01-2018]
Support du cours - Programmation Web 2
Niveau : Licence informatique - L1
Auteur : Faycel CHAOUA
Bibliothèque ISET Kélibia [SCI8 : 02-01-2018]
Licence : CC BY-NC-SA [https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr]
Support Complet sur la technologie EJB 3.1. Ce cours Traite l'architecture JEE. Les différents types EJB (Session, Entity, MDB). Des exemple complets sont aussi présentés.
Ce Support de cours Spring contient :
- Architecture JEE (Over view)
- Spring Overview
- Spring IOC
- Spring MVC
- Spring Integration (RMI, JaxWS, JaxRS, JMS, JMX,...)
- Spring Security
Bon apprentissage à tous
Ce cours introduit aux trois langages de programmation du Web que sont l'HTML, le CSS et le Javascript. L'HTML est un langage de balisage qui permet de décrire un document et sa structure. Le CSS est un langage qui permet de définir des règles de style à appliquer à un document. Enfin, Javascript est un langage permettant d'ajouter un aspect dynamique à une page web.
Objectif général : Acquérir les connaissances nécessaires à la programmation avec le langage Python
Objectifs opérationnels :
- Mémoriser des données primitives
- Traiter des données
- Communiquer avec l’extérieur
- Contrôler le flux d’exécution des instructions
- Mémoriser des données composites
- Découper et réutiliser du code
Présentation pfe - Etude, conception et réalisation d'une application web de ...Ayoub Mkharbach
C'est la présentation de mon projet de fin d'études en licence génie informatique à la faculté des sciences et techniques de settat, le stage a été effectué au sein de l'entreprise Pluralis Consulting.
Manuel des TP - Atelier de développement web (PHP)
Niveau : Licence informatique - L2
Auteur : Houda TOUKABRI
Bibliothèque ISET Kélibia [TPI11 : 02-01-2018]
Support du cours - Programmation Web 2
Niveau : Licence informatique - L1
Auteur : Faycel CHAOUA
Bibliothèque ISET Kélibia [SCI8 : 02-01-2018]
Licence : CC BY-NC-SA [https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr]
Support Complet sur la technologie EJB 3.1. Ce cours Traite l'architecture JEE. Les différents types EJB (Session, Entity, MDB). Des exemple complets sont aussi présentés.
Ce Support de cours Spring contient :
- Architecture JEE (Over view)
- Spring Overview
- Spring IOC
- Spring MVC
- Spring Integration (RMI, JaxWS, JaxRS, JMS, JMX,...)
- Spring Security
Bon apprentissage à tous
Ce cours introduit aux trois langages de programmation du Web que sont l'HTML, le CSS et le Javascript. L'HTML est un langage de balisage qui permet de décrire un document et sa structure. Le CSS est un langage qui permet de définir des règles de style à appliquer à un document. Enfin, Javascript est un langage permettant d'ajouter un aspect dynamique à une page web.
Objectif général : Acquérir les connaissances nécessaires à la programmation avec le langage Python
Objectifs opérationnels :
- Mémoriser des données primitives
- Traiter des données
- Communiquer avec l’extérieur
- Contrôler le flux d’exécution des instructions
- Mémoriser des données composites
- Découper et réutiliser du code
Présentation pfe - Etude, conception et réalisation d'une application web de ...Ayoub Mkharbach
C'est la présentation de mon projet de fin d'études en licence génie informatique à la faculté des sciences et techniques de settat, le stage a été effectué au sein de l'entreprise Pluralis Consulting.
Apresentação do Serviço "Parceiro Programador".
Conheça esta solução voltada para designers freelancers e agências digitais que necessitam terceirizar serviços, mas com alta qualidade e rapidez.
Este documento fornece uma introdução básica aos conceitos fundamentais de HTML e CSS. Resume os principais elementos e tags HTML para estruturar páginas web, como cabeçalhos, parágrafos, imagens e tabelas. Também explica como adicionar estilos a esses elementos usando CSS, incluindo folhas de estilos externas e internas.
O documento explica o que é CSS, como funciona e como aplicar estilos através dele. CSS é usado para formatar conteúdos estruturados em HTML, separando apresentação de conteúdo. Regras CSS definem como elementos HTML serão estilizados usando seletores, propriedades e valores.
O documento descreve a linguagem HTML para formatação de páginas da web. HTML usa tags para formatar texto, imagens, links e outros elementos. É possível formatar texto de várias formas como negrito, itálico e cabeçalhos. O documento também explica como inserir imagens, hiperlinks e quebrar linhas.
O documento discute a construção de layouts de sites com CSS. Ele apresenta os principais tópicos do CSS como inserção, seletores, propriedades e box model. Também demonstra na prática como estilizar um documento XHTML usando CSS e discute diretrizes e novidades do CSS3.
This document provides an overview of HTML, CSS, and JavaScript. It discusses how HTML is used to define the structure and layout of web pages using markup tags, how CSS is used to style web pages, and how JavaScript can be used to add interactive elements. It also covers common HTML tags for headings, paragraphs, lists, and other content sections. Key elements like <head> and <body> are explained along with common tags used in each section.
CSS (Cascading Style Sheets) is a stylesheet language used to describe the presentation of HTML documents. CSS allows you to control the color, font, size, spacing, and other aspects of HTML elements. CSS properties like background, text, font, links, lists and box model can be used to format HTML elements. CSS rules have selectors that specify the element to which a declaration applies, and declarations that contain property-value pairs that define the presentation of the element.
O documento fornece uma introdução sobre HTML, CSS e HTML5, definindo o que são essas linguagens, sua sintaxe básica e principais tags. Também discute editores, componentes novos em HTML5 como elementos de formulários e validações, além de mostrar exemplos de interação com serviços web.
O documento discute a semântica do HTML, explicando que a linguagem de marcação foi projetada para dar significado à informação na web de forma a torná-la acessível e reutilizável por máquinas e humanos. A estruturação semântica do conteúdo é importante para que se entenda exatamente do que se trata cada seção, e elementos como microdados melhoram ainda mais a semântica para as máquinas.
Web Development with HTML5, CSS3 & JavaScriptEdureka!
With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.
CSS (Cascading Style Sheets) allows separation of document content from page layout/presentation. CSS was introduced to make web page design and modification easier. CSS properties control elements like text formatting, page layout, and color/images. CSS rules cascade from broad to specific with author styles overriding browser defaults. Common selectors target elements by ID, class, tag name or relationship.
The document discusses Coca Cola's marketing strategy using the 4 P's framework. It describes Coca Cola's wide range of beverage products sold globally. It notes that Coca Cola prices its products according to market and geographic segments. The company distributes its products widely through supermarkets, local shops, cafes, restaurants and gas stations globally. It also promotes its brands through celebrity endorsements, CSR activities and contracts to gain emotional connections with consumers.
Red Bull has built strong brand equity through non-traditional marketing strategies. They focus on experiential marketing like events and sports sponsorships. This helps create an image of the brand as fun and associated with an active lifestyle. While successful, Red Bull's marketing faces risks expanding into unrelated areas like food or magazines. Maintaining their marketing momentum may require developing lower-priced extensions that stay true to positioning their drinks as energy boosters. Their advertising is effective at reaching both young partygoers and older professionals by focusing on the core benefit of energy and stimulation.
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLDAmen.fr
Les nouvelles extensions arrivent à grands pas. Découvrez le document ayant servi de support à notre dernière conférence en ligne en partenariat avec l'Afnic.
Plus d'informations sur :
http://www.amen.fr/domains/new-gtlds.html
HTML5 - Sémantique, structure et nouveaux élémentsRémy Savard
Utiliser la prochaine révision majeure d’HTML afin d’améliorer le balisage de vos documents Web. HTML5 arrive avec tout un arsenal de nouvelles fonctionnalités et plusieurs d’entre elles peuvent être utilisées dès maintenant. Syntaxe, nouveaux éléments sémantiques, formualires enrichis et accessibilité seront quelques uns des sujets détaillés.
L'HÉBERGEMENT DANS LE CLOUD D'UNE PARTIE DES
PLATEFORMES WEB ARTE AVEC ACQUIA
Pascal Thuet
Chef de Projet Secteur Nouvelles
Technologie ARTE
Cyril Reinhard
Regional Director Acquia
Twitter : @cyrilCR
Nouvelle plateforme éditoriale et de débats d'ARTE
• Destinée à tous les sujets d'aujourd'hui qui feront le
monde de demain
o Environnement
o Sciences
o Société
o Economie
• 3 types majeurs de contenus :
o Vidéos
o Textes & analyses
o Infographies interactives
Support de cours utilisé lors de la formation d'élèves en licence informatique. Cette formation porte sur les technologies JavaScript : de la découverte du langage aux notions avancées, en passant par la stack/architecture MEAN (MongoDB, Express, Angular, Node.js), jQuery et d'autres technologies du moment.
Plus d'informations sur mon profil Linkedin : https://fr.linkedin.com/in/guillaumemorelbailly
Présentation de Drupal par Stéphane Jaulin.
Cette présentation a eu lieu le 22 septembre 2011 lors d'une rencontre organisée par le club des utilisateurs de PHP à Bordeaux.
http://bordeauxpug.org
Arte utilise Acquia Cloud pour héberger ses plateformes webAcquia
Pascal Thuet, Arte et Cyril Reinhard, Acquia présentent retour d'expérience sur la refonte de la plateforme ARTE Creative, sa migration d'un CMS maison vers Drupal 7 et de son hébergement dans le cloud d'Acquia.
Le déroulement du projet
L'architecture technique
La migration
Le choix de l'hébergement
Les outils d'Acquia
Retour et premier bilan après les deux premiers mois de fonctionnement
Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou ...ABES
Jabes 2010 - Sessions 1 - Expériences et projets des bibliothèques "Omeka ou comment concevoir une bibliothèque numérique à l’échelle d’un SCD", Laurence Leroux et Julien Sicot, SCD Rennes II, dans le cadre des Journées Abes 2010
Similaire à Cours d'introduction aux HTML5 & CSS3 (20)
7. UniversiTICTraining–october2016
Documentations
• Cours HTML5/CSS3 sur www.openclassrooms.com
• Tuto HTML5/CSS3 sur www.alsacreations.com
• Cours HTML5/CSS3 sur www.w3schools.com
• Livre Apprenez à créer votre site web avec HTML5/CSS3
(Mathieu N)
• Documentation officielle: www.w3c.org
• Documentation sur www.developpez.mozilla.org
• CSS Zen Garden: www.csszengarden.com
9. UniversiTICTraining–october2016
Lignes blanches & Indentation
• Ne pas mettre des lignes vides sans raisons valables
• Prévoir une ligne vide entre 2 blocs de codes longs ou
logique
• Prévoir 2 espaces d’indentation
• N’utilisez pas la touche tab pour indenter
• Evitez des lignes et vides indentations non nécessaires. Il
n’est pas nécessaire d’indenter chaque élément
12. UniversiTICTraining–october2016
Hello world!
• Ouvrir éditeur de texte
• Taper la structure de base ci-haut
• Ajouter « Hello world! » dans <body>
• Enregistrer le document au format .html
• Visualiser le document avec le navigateur
• Vous avez enfin créer une page html, bravo!!
14. UniversiTICTraining–october2016
Balises
• Permettent de structurer un document html
• Elles sont entourées de chevrons (< et >)
• 2 types: paires et orphelines
• Paires: balises ouvrantes et fermantes (<h1>Titre 1 </h1>)
• Orphelines: servent à insérer un élément (<img />)
• Les noms de balises sont toujours en anglais
• Exercice: rechercher quelques balises paires et orphelines
15. UniversiTICTraining–october2016
Attributs
• Se placent après les balises
• Donnent des informations supplémentaires
• Contiennent des valeurs
• Syntaxe: <balise attribut=“valeur”>
• Exemple: <img src=“logo-universitic.jpg” alt=“”>
• Exercice: chercher les attributs des balises de l’exercice
précédent
21. UniversiTICTraining–october2016
Appliquer le style: sélecteurs
• Balise sans les chevrons
• Plusieurs sélecteurs pour même propriété: , (virgule)
• Sélecteur1, sélecteur2
• Balise contenue dans une autre: balise1 balise2 (espace)
• Propriété class: .nom_class
• Propriété id: #nom_id
22. UniversiTICTraining–october2016
Balises universelles, class, id
• Balises universelles: pas de sens sémantique
• <span> </span>: balise du type inline comme <strong></strong>
• <div> </div>: balise du type block comme <p></p>
• Attributs class et id: s’utilisent sur n’importe quelle balise
• Class: +++ balises peuvent avoir meme class (.)
• Id: unique dans la page (#)
23. UniversiTICTraining–october2016
Quelques propriétés CSS
• Formatage du texte:
• Taille: font-size
• Police: font-family
• Couleur et fond:
• Couleur de texte: color
• Couleur de fond: background-color
• Bordures et ombres:
• Bordure: border
• Ombre: box-shadows
• Apparance
• Survol: :hover
• Sélectionné: :focus
27. UniversiTICTraining–october2016
Nom de domaine
• C’est une adresse sur le web: unikis.ac.cd, w3c.org
• Pour réserver: passer par un registrar: Ovh, Gandi, 1&1
• Coût: 7 à 12 euros
Il est conseillé de commander le nom de domaine en même
temps que l’hébergement
28. UniversiTICTraining–october2016
Hébergement
• Permet à votre site d’être en ligne 24h/24, 7j/7
• 3 offres d’hébergement:
• Mutualisé: vous louez un espace serveur en même temps que
d’autres sites (une centaine) (moins cher, trafic limité)
• Dédié virtuel: vous partagez un serveur avec d’autres sites (une
dizaine seulement)
• Dédié: vous avez un serveur entier à votre disposition (connaissance
en Linux)
• Il existe des hébergeurs gratuits et payants
• Gratuit: Hostinger, …
• Payant: Ovh, Gandi, 1&1, …
31. UniversiTICTraining–october2016
En résumé
• HTML est un langage de balise qui permet de créer la
structure d’une page web
• CSS est un langage de style qui permet de mettre en forme
une page web
• Pour que votre site soit accessible 24h/24 7j/7, il faut un
nom de domaine et un hébergement