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!
