Le web comme médium

Navigateurs

• Principaux navigateurs: Google Chrome, Safari, Firefox
• Browser Engines: Blink (Chrome), Webkit (Safari), Gecko (Firefox)
• Autre: Chromium, Installeurs Chromium, Firefox Developer Edition, Ladybird, Brave, Dia, Arc
• Part de marché des navigateurs: Global, Global Desktop, Global Mobile, Suisse, Suisse Desktop, Suisse Mobile

Outils essentiels

• Editeurs de texte: Visual Studio Code, Sublime Text, Zed
• Serveurs web de dévéloppement: http-server, live-server (serveur web avec reloading)
• SFTP GUI: Cyberduck, FileZilla
• Package managers: Brew (MacOS), apt (debian), npm (node)

Autres outils

• Integrated Development Environments: WebStorm, Netbeans
• Editeurs de texte IA: Cursor, Trae, Windsurf
• Editeurs de texte en ligne de commande: Nano, NeoVim, Vim, Emacs
• AI Chatbots ChatGPT, Claude, Gemini, Mistral, Deep Seek, Qwen, Apertus
• Terminal emulators: Ghostty, iTerm 2, Alacritty
• Terminal multiplexers: tmux
• Outils SFTP ligne de commande: sshfs
• UNIX shells and tools: z, Comment installer z, Oh my zsh
• Node, Node Version Manager

Ligne de commande

• Commandes UNIX: cd (change directory), pwd (print working directory), ls (list dir contents)
• Autres programs: http-server
• CTRL+C fermer application qui tourne comme http-server

Inspection d'un site web

• Dev Tools: Device Toolbar, Element Inspector, Network, Console, Lighthouse
• The box model

HTML

• Le premier site web
• Motherfucking Website

CSS

• Better Website

Figma

• Documentation
• Figma Learn: Figma Design for beginners, Welcome to design systems
• Configuration: Enable Property Labels
• Fonctionnalités: Text Styles, Smart Selection, Auto Layout, Components, Variants, Variables
• Autre: Tailwind Shades

Pour la prochaine fois

• Exporter une copie de vos informations sur Instagram
• Figma Design for beginners
• Structuring Content with HTML
• Lecture: An intruduction et JavaScript Fundamentals sur Javascript info