ESILV - WebDev

English

Français

English

Français

Appearance

Web Development ​

What do you know today? ​

Very little, some of you have briefly seen HTML, CSS, JavaScript, Vue, and Docker.

What are the skills you wish to have by the end of this module? ​

  • develop a frontend application with Vue
  • develop a backend application with Node.js
  • deploy the application so that it is accessible on the Internet

What can I promise you will know by the end of this module? ​

  • have some basics in HTML, CSS, JavaScript, TypeScript, RESTful API, and Node.js.
  • know how to deploy a frontend application on Netlify
  • know how to deploy a backend application on render.com
  • know how to deploy a backend+frontend application on render.com (not recommended)

What did we see on the first day ​

We:

  • got to know each other 🤝;
  • reviewed some Git commands;
  • briefly saw the VSCode interface;
  • briefly saw HTML;
  • briefly saw CSS;
  • briefly saw JavaScript: strings, objects, and functions;
  • briefly saw the DOM: document, elements, some functions (document.querySelector(), document.querySelectorAll(), and element.addEventListener()), and some events ('click', 'submit');

The tools we will use ​

  • Firefox Developer Edition as a browser, but there are also
    • Brave
    • Chromium
    • Opera
    • Edge
    • Chrome (if you really insist)
    • ...
    • Safari (if you really can't do otherwise)
  • node.js to install directly or, to avoid permission issues, with
    • volta (for GNU/Linux or Mac) to manage node.js versions
  • VSCode as a file editor
  • Git to version our projects
  • Github to manage projects

Resources ​

Official Resources ​

Blogs, Books, and Others ​

Another important resource is StackOverFlow

There are many quality resources for web development, among them: