Full Stack Web Developer

Afleveringen

• 
  Welcome and chapter goals 24.03.2026 15min

  Welcome to the Full Stack Web Developer course. This first chapter is designed to set the foundation for everything you will learn throughout this program. Whether you are transitioning from a completely different career, upgrading your existing skil...
• 
  What is a development environment? 25.03.2026 15min

  Before writing a single line of code, every developer — beginner or experienced — needs a properly configured development environment. This concept is fundamental, and understanding it from the very beginning will save you enormous amounts of time an...
• 
  Guided workshop: identify components (editor, terminal, browser) 25.03.2026 15min

  THEORETICAL RECAP A development environment is the set of tools a developer uses daily to write, test, and run code. Three components are absolutely central and you will interact with them constantly throughout your career as a Full Stack Web Develop...
• 
  Install Visual Studio Code step by step 26.03.2026 15min

  Now that you understand what a development environment is and what its main components are — the code editor, the terminal, and the browser — it is time to take action and install the first essential tool: Visual Studio Code. This is the code editor ...
• 
  Workshop: installing and first opening VS Code 27.03.2026 15min

  **Theoretical Recap** A development environment is the set of tools a developer uses daily to write, test, and run code. Among these tools, the code editor holds a central place. Visual Studio Code (VS Code) is a free, open-source, and cross-platform...
• 
  Discover the VS Code interface (bars, panels, extensions) 27.03.2026 15min

  Now that you have successfully installed Visual Studio Code and opened it for the first time, it is time to go deeper and understand exactly what you are looking at. The Visual Studio Code interface is built around several distinct visual zones, each...
• 
  Workshop: guided interface journey and key shortcuts 28.03.2026 15min

  **Theoretical Recap** Visual Studio Code (VS Code) is a free, open-source code editor developed by Microsoft that has become the industry standard for web development. Understanding its interface is not optional — it is a foundational skill that dire...
• 
  Introduction to the terminal and the command line 30.03.2026 15min

  Now that you have installed and explored Visual Studio Code, it is time to get comfortable with one of the most essential tools in a developer's daily life: the terminal and the command line. Many beginners feel intimidated by the terminal, because i...
• 
  Workshop: basic commands (cd, ls, mkdir, touch) 31.03.2026 15min

  **Theoretical Recap** The terminal is a text-based interface that allows you to communicate directly with your operating system using commands. Unlike a graphical interface where you click on folders and files, the terminal requires you to type instr...
• 
  Variation workshop: managing folders and files in a mini-project 31.03.2026 15min

  THEORETICAL RECAP Before diving into the workshop, let's consolidate what you've learned about the terminal and file system management. The file system is organized as a tree: a root directory contains folders, which themselves contain subfolders and...
• 
  Browser: activate and read DevTools 01.04.2026 15min

  Every modern web browser comes equipped with a built-in set of tools designed specifically for developers. These tools, collectively called DevTools (short for Developer Tools), allow you to inspect, debug, and analyze any web page directly in your b...
• 
  Workshop: inspecting an HTML page with DevTools 02.04.2026 15min

  **Theoretical Recap** Browser DevTools is a built-in suite of developer tools available in every modern browser (Chrome, Firefox, Edge). It allows you to inspect, debug, and analyze any web page in real time — without modifying the actual source file...
• 
  Minimal workflow: editor → browser → refresh 03.04.2026 15min

  When you start learning web development, one of the first things you need to internalize is not a programming concept, but a working habit: the minimal workflow. This workflow is the backbone of everything you will do as a web developer, from your ve...
• 
  Workshop: create index.html and observe the changes live 03.04.2026 15min

  **Theoretical Recap** A web page is fundamentally a text file interpreted by a browser. The file named index.html holds a special status: by convention, web servers serve it automatically when no specific file is requested, making it the entry point ...
• 
  Understanding error messages and the console 06.04.2026 15min

  When you start writing code, encountering error messages is not a sign of failure — it is a normal, expected, and even valuable part of the development process. Every developer, from beginner to senior, reads error messages every day. The goal of thi...
• 
  Workshop: causing and reading an HTML/CSS error 06.04.2026 15min

  **Theoretical Recap** When you write HTML or CSS, errors are inevitable — and learning to read them is one of the most critical skills you will develop as a developer. An HTML error typically occurs when the browser encounters markup it cannot proper...
• 
  Developer mindset: problem breakdown and curiosity 08.04.2026 15min

  By this point in your journey, you have already set up a working environment: you know how to use a code editor, open a terminal, interact with a browser's developer tools, and read error messages. These are the technical foundations. But becoming a ...
• 
  Workshop: breaking down the "ordering a pizza" problem 08.04.2026 15min

  **Theoretical Recap** Problem decomposition is one of the most fundamental skills a developer must internalize. It consists of taking a complex, vague, or large problem and systematically breaking it down into smaller, independent, and manageable sub...
• 
  Introduction to Git and versioning 09.04.2026 15min

  When you write code, you make dozens of decisions every hour. You add a feature, you change a function, you fix a bug. At some point, something breaks. You try to remember what you changed, when, and why. Without a proper system, this quickly becomes...
• 
  Lab: installing Git and setting up user.name/user.email 10.04.2026 15min

  THEORETICAL RECAP Git is a distributed version control system. In plain terms, it tracks every change you make to your files over time, lets you roll back to previous states, and enables collaboration with other developers without overwriting each ot...