Web Development Lectures

• Basic tools, protocols, standards and technologies for Web development.
• Main Languages: JavaScript, HTML, CSS
• Client-side and Server-side Web Frameworks.
• Audience: Master 2 (Course IDOD) from the University of Le Havre.

⚠️ À l'attention des étudiants de Master 2 de l'université du Havre. Ces pages ne représentent pas l'intgralité du cours d'IDOD de M2 SIRES. Elles ne sont qu'un support écrit complémentaire au cours présenté en classe.

These pages do not constitute the whole lecture. These are solely used as a written aid to the actual live lecture of Web Development for the CS Master degree at the university of Le Havre, France.

Syllabus

This lecture reviews the main technologies and standards used for Web development.

Standards at play are essentially the new HTML5 and CSS3 family of standards as well as new versions of JavaScript (EcmaSript 6).

Technology still relies on the HTTP protocol (althaugh HTTP2 is on its way) for the transport of information. Javascript has become a central language where complete data models rely on it rather than being used for occasional animations on the page.

This lecture focusses on browsing a wide area of those new features, not pretending to fully cover them all. The lecture starts with a comprehensive beginner initiation to JavaSript (ES5).

[Graph Outlook on Codepen]

Prerequisite to this lecture

• Good level in an object-oriented programming language
• Basic knowledge in HTML and CSS.
• Basic knowledge in system command line manipulations.

Oultook

1. Tools Prerequisite.
2. Javascript Basics (part 1)
3. 🔧 JS Basics Lab
4. Javascript Basics (part 2)
5. 🔧 JS Object Models Lab
6. HTML5
7. CSS3
8. Data visualization with SVG
9. Web Frameworks