Développement web

82 documents à télécharger gratuitement

Cours, examens, TD, TP et exercices de développement web. Thèmes couverts : HTML, CSS, JavaScript, PHP, React, frontend, backend.

Le langage HTML

This document provides an introductory guide to HTML, focusing on its structure, elements, and attributes. It explains fundamental HTML concepts such as tags, formatting techniques, image and link insertion, and the creation of tables and forms. Practical examples and exercises are included to reinforce learning, alongside formatting options and best practices for HTML page writing. The material is tailored for beginner-level web programming education.

HTML
<table>
Hypertext Markup Language
Institut Supérieur des Études Technologiques58p0
Introduction au Développement Web

This document serves as an introduction to web development. It begins with an explanation of the internet's history and structure, discusses the evolution of the web from static Web 1.0 to semantic Web 3.0 and anticipates Web 4.0. It outlines the fundamental technologies and protocols like HTTP, HTML, and URL that enable the web, as well as approaches for creating websites, including server-client models. Key principles for creating web projects, such as specification, planning, and graphical design, are also detailed.

Web Development
HTML
HTTP
Institut Supérieur des Études Technologiques63p0
Série 4 : PHP – Les fonctions [Nov 2015]

This document consists of seven programming exercises focused on PHP functions. The tasks include mathematical calculations, string manipulation, array processing, and form handling. Additional exercises involve JavaScript alert integration, HTML form creation, and testing for input validation. Solutions require the application of PHP built-in functions like `empty()`, `isset()`, and session management techniques.

PHP
functions
mathematical formula
Institut Supérieur des Études Technologiques2p0
Développement côté serveur - Travail à la maison

This document describes a homework assignment focused on server-side development. The task involves creating a web page with a form that includes a file upload input. Students are required to write PHP scripts to handle the file upload, save the file on the server, and log details such as file name, type, size, and upload date in a log file. The practical exercise aims to demonstrate form handling and server-side scripting skills.

file upload
PHP script
LogFichiersReçus.txt
Institut Supérieur des Études Technologiques1p0
jQuery Introduction and Usage

This document provides an overview of jQuery, a lightweight JavaScript library created by John Resig in 2006. It simplifies DOM manipulation, event handling, and AJAX requests using syntax inspired by CSS selectors. The presentation covers installation, setup, and provides practical examples for common jQuery functionalities like traversing the DOM, chaining actions, and applying interactive effects. Additionally, advanced manipulation techniques and event handling are explained through coding examples.

jQuery
John Resig
DOM manipulation
26p0
Web Development Workshop

The document includes two exercises focused on programming solutions for displaying data in tabular formats. The first exercise explores iterative methods (using for and foreach loops) to create a column-based month display with respective colors. The second exercise involves using a single array and a foreach loop to display weekdays in French and English. The solutions emphasize programming fundamentals and the application of control structures in web development.

Web Development
for loop
foreach loop
Institut Supérieur des Études Technologiques6p0
PHP: Hypertext Preprocessor Guide

This document offers an introduction to PHP as a server-side scripting language used to create dynamic web pages. It details PHP's history, from its origins in 1994 by Rasmus Lerdorf to its evolution into a widely adopted language with significant contributions from Andi Gutmans and Zeev Suraski. Core features include its integration with web servers, database support, and syntax for embedding within HTML. Additionally, the document delves into PHP variables, operators, constants, and functionality like mathematical operations, random number generation, and formatting.

PHP
Zend Engine
Hypertext Preprocessor
18p0
TD1 - Notions de base

This document introduces the foundational concepts of PHP through step-by-step exercises. It addresses variable naming conventions, reference assignment, predefined variables, typecasting, and boolean evaluations in PHP scripts. The exercises emphasize practical coding techniques and the interpretation of outputs for key language features. Authors Houcem Hedhly and Mohamed Ouali focus on ensuring a hands-on understanding for learners.

PHP
variable naming
type casting
4p0
Série 2 : PHP – Les structures

This document presents a series of eight programming exercises focusing on PHP structures, conditional expressions, random number generation, string manipulation, and arrays. It challenges the students to implement conditional logic for complex scenarios, use loops to iterate numerical operations, manipulate strings for transformations and character-based operations, and apply functions for data validation and censorship. The content emphasizes practical coding applications, enhancing problem-solving in server-side development.

PHP
strlen()
conditional expressions
Institut Supérieur des Études Technologiques1p0
Chapitre 4 : Les tableaux

This document explains arrays in PHP, focusing on their initialization, traversal, and functions. Simple arrays allow elements of various types, initialized either statically or dynamically, and accessed via indices starting at zero. Associative arrays link string keys to values, offering improved data structure preservation and flexible traversal using loops or functions. Several core functions for array manipulation (e.g., count, shuffle, merge) and traversal alternatives (e.g., reset, next, current) are outlined for both normal and associative arrays.

array
PHP syntax
traversal methods
6p0
Symfony Project Creation and Configuration Guide

The document outlines step-by-step instructions for setting up a project using the Symfony framework. It begins with creating the project in a suitable directory, configuring the database, and activating Symfony. Further sections detail entity creation using Doctrine, database schema creation, and developing CRUD interfaces for database entities. By following the provided commands and examples, developers can build and test functional web applications effectively.

Symfony2
doctrine:generate:entity
ORM
14p0
HTML5 Development Workshop: Practical Exercises

This document guides students through practical exercises focusing on HTML5 features like input elements, semantic tags, and styling with CSS. The first exercise involves creating a web page ('formulaire.html') using various input types introduced in HTML5 and styling it using CSS. The exercises also include testing these features across different browsers, identifying notable observations, and recreating web pages (index.html and inscription.html) while integrating HTML5 semantics. Students are instructed to adhere to a provided design prototype and make necessary adjustments to achieve th...

HTML5
input elements
semantic tags
Institut Supérieur des Études Technologiques4p0
Programming Web 2 - Task 1: Part 2: Recap on Divisions and Stylesheets

This document outlines the steps to create two web pages, 'index.html' and 'inscription.html', using HTML and CSS. It emphasizes organizing page structure with <div> elements and styling them using external CSS files. Participants are tasked with linking stylesheets to the HTML pages and implementing layout designs based on provided mockups. Further instructions include adding personalized content and creating alternate styles using a second CSS file.

HTML
CSS
div
Institut Supérieur des Études Technologiques2p0
TP1 – Partie 1 : Rappel sur les cadres

The document provides instructions for creating a small website using HTML framesets. The project guides students through creating specific pages (entete.html, menu.html, contenu.html, footer.html, and index.html) with detailed styling and layout specifications. The exercise concludes with assembling these pages using HTML framesets to construct a functional multi-frame webpage. Additional notes detail the syntax and examples for using the <FRAMESET> tag.

frameset
HTML5 and CSS3
web development basics
Institut Supérieur des Études Technologiques3p0
HTML5 Form Elements and Semantic Structure

The document describes a step-by-step lab exercise focused on creating and styling web pages using HTML5 features and CSS. It includes implementing new input types such as date, time, and color, and lays out the semantic HTML5 tags for better page structure (e.g., header, nav, section). Students are instructed to create two web pages ('index.html' and 'inscription.html') with layouts matching provided maquettes. Testing the pages across browsers and applying specific CSS styling rules for appearance and responsiveness are integral to the methodology. The findings include understanding the u...

HTML5
CSS
Semantic Tags
Institut Supérieur des Études Technologiques4p0
Programmazione Web 2: TP1 – Partie 2 – Rappel sur les divisions et les feuilles de styles

This document is a practical programming assignment focused on creating web pages using HTML and CSS. It explains how to design two web pages ('index.html' and 'inscription.html') based on given mock-ups by utilizing <div> tags to create structural blocks and linking them to external stylesheet files. Specific styling instructions include designing page layouts with CSS properties (e.g., position, width, height, overflow). Additionally, personalization for the webpage content, such as user details, menu links, and footer elements, is required. The assignment emphasizes understanding and imp...

HTML
CSS
<div>
Institut Supérieur des Études Technologiques2p0
Introduction to HTML5 and CSS3

This document provides an in-depth introduction to HTML5 and CSS3, detailing the fundamental concepts such as structure, syntax, and the differences between block and inline elements. It highlights new semantic tags, HTML5 features such as multimedia integration, new form input types, and APIs, as well as CSS3 improvements like rounded corners and media queries. The presentation also includes practical code examples and comparisons to earlier standards, emphasizing the importance of semantic coding for better accessibility and machine readability.

HTML5
CSS3
semantic tags
49p0
CSS3 Comprehensive Guide

This document provides a detailed explanation of CSS3 fundamentals, including selectors, properties, and values, offering multiple advanced techniques for styling web elements. It delves into CSS3’s extensive features such as gradients, transformations, box-model properties, and pseudo-elements. Practical examples clarify the implementation of transitions and animations, enabling smooth dynamic effects. Additionally, it emphasizes compatibility techniques through vendor prefixes and advanced graphical controls like matrix transformations.

CSS3
nth-child formula
transition-timing-function
52p0
HTML5 Canvas - Fundamentals and Techniques

This document introduces the HTML5 canvas element, a new component for rendering dynamic bitmap images. The guide explains how to initialize and access the canvas via HTML and JavaScript, detailing the system of coordinates and drawing principles. It covers methods for creating shapes, paths, and arcs, as well as styling options like line thickness, colors, and joint styles. Finally, techniques for rendering images dynamically on the canvas are discussed with step-by-step implementation via JavaScript.

canvas
getElementById
JavaScript
16p0
Drag & Drop in HTML5

This document provides an overview and practical guide to implementing Drag & Drop functionality in HTML5 using JavaScript. It discusses essential concepts such as source elements, payloads, and target zones. Key events like dragstart, dragover, and drop are explained, alongside their implementations. The document highlights creating draggable elements, using the DataTransfer object, and handling events to enable intuitive web interactions.

Drag & Drop
ondragstart
HTML5
11p0
Media Queries in CSS3

This document introduces CSS3 media queries, explaining their role in responsive web design by adapting styles based on device characteristics such as screen size, resolution, and type. It elaborates on the syntax of media queries, including logical operators like 'and,' 'only,' and 'not,' and provides practical examples. Detailed rules for applications like print-specific styling and device-based design considerations are outlined. Additionally, the document explains supported media features, including device dimensions, orientation, and resolution, offering insight into precise use cases...

CSS3 Media Queries
Responsive Web Design
@media rule
9p0
Audio & Video

This document is an instructional slide deck about implementing and managing audio and video content in web development. It explores HTML5 elements like audio and video, alongside key attributes and functionalities such as autoplay, loop, and preload. The document outlines browser compatibility for common media formats like MP3, MP4, Ogg, and WebM. Examples demonstrate both basic and advanced embedding techniques, leveraging HTML5 and fallback objects.

HTML5 audio
HTML5 video
MIME-Type
8p0
QCM : Configuration d’un serveur Apache

This document is a multiple-choice questionnaire focused on the configuration and management of the Apache web server. It explores critical topics such as the primary configuration file path, web server behaviors, access restriction mechanisms, error handling, and logging systems. Specific attention is given to implementing directives in the httpd.conf file to address specific use cases like blocking directory access and handling errors. The questions also cover command-line troubleshooting techniques and the use of external configuration files.

Apache
httpd.conf
AllowOverride
2p0
Prog Web & MM

This document contains exercises designed to enhance understanding of PHP programming concepts including strings, arrays, and functions. It covers practical tasks such as formatting output, creating and manipulating arrays, and defining PHP functions. Students will implement their knowledge through hands-on coding exercises.

caracte
tableau
fonction
1p0

Autres ressources en développement web