Vous êtes sur la page 1sur 12

Technologie WEB

NSOM AMOU’OU Michael Legrand


michaelnsom@gmail.com
Programme
1.Définition du Web et évolution
2.Fondement du Web et de la programmation
3.Coder en HTML5 et CSS3
4.Construire une application Web responsive
5.Découper et Intégrer une maquette
6.Initiation a la programmation JavaScript
7.Projet Personnel
Cours 2 : Fondement du Web et de la
programmation
NSOM AMOU’OU Michael Legrand
michaelnsom@gmail.com
Plan
1.Comprendre le web
2.Le métier de développeur web
3.Langages et outils du web
a) FrontEnd
b)BackEnd
4.Outils nécessaires pour le cours
1. Comprendre le WEB

Qu’est ce que le web ?
 Service d’échange de ressources
1. Comprendre le WEB

Comment se fait la communication dans le web ?
 Le web fonctionne sur le modèle d’architecture client –
serveur
1. Comprendre le WEB

Comment fonctionne un serveur web ?
 Page web statique : c’est une page web dont le contenu
ne varie pas en fonction des caractéristiques de la
demande (HTML, CSS, JavaScript) .
 Page web dynamique :c’est une page qui est générée à
la demande en fonction des requêtes des internautes
(Langages dynamiques, base de données).
2. Le métier de développeur web

Les acteurs
 Designer web UI/UX (User Interface / User
Experience)
 Développeur FrontEnd (frontal ou intégrateur)
 Développeur BackEnd
 Développeur FullStack
3. Langages et outils du web

Pour le FrontEnd
 HTML5
 CSS3

Outils
 Éditeur de texte et navigateur (VS code, PhpStorm, Netbeans, Sublime Text … / Firefox, Chrome,
Edge …)
 Éditeur WYSIWYG (Adobe Dreamweaver, TinyMCE, Ckeditor, BlueGriffon, Trix …)
 Framework CSS (BootStrap, Materilise CSS, Tailwind, Bulma …)
 Préprocesseur CSS (SASS/SCSS, LESS …)
 JavaScript

Outils
 Bibliothèque (Jqurey …)
 Framework (Angular, React, Vue …)
 Version

Standard ES (ECMASCRIPT) : version actuelle ES12, la plus répandu ES6

TypeScript : langage de programmation libre et open source développé par Microsoft qui a
pour but d'améliorer et de sécuriser la production de code JavaScript.
3. Langages et outils du web

Pour le BackEnd
 PHP : Hypertexte Preprocessor

Framework (Laravel, Symfony, CodeIgniter, Zend framework, CakePHP ...)

CMS 
 Généralistes : Joomla, Drupal …
 Spécialisés : Wordpress, prestashop, magento
 JavaScript

Node.js : pour rendre JavaScript Serveur side

Framework (Express, Nest …)
 Python (Django), C# (Asp.net), Java (JavaEE)
4. Outils nécessaires pour le cours

Éditeur de texte : VS code


Navigateur : Mozilla Firefox (avec la dernière mise
à jour)


Node.js dernière version LTS
Merci pour attention à la semaine prochaine!

Vous aimerez peut-être aussi