WEB Development for Beginners (JavaScript, HTML and CSS)

We will build a simple and elegant WEB site for cooking recipes. As we build the WEB site you will learn the basics of HTML and how to use it, basic CSS for styling your web page and how JavaScript helps us make the WEB more interactive

You will learn:

  • What is HTML
  • What is CSS
  • What is JavaScript
  • What is a JSON
  • How are files connected to each other
  • How to use Visual Studio Code
  • How to use NodeJS
  • How to use the JavaScript Console



Tasks ahead:
Introduction to HTML
Introduction to CSS
Introduction to JavaScript
Install the tools
HTML and CSS in Visual Studio Code
JavaScript calculator and NodeJS
Making everything fit together
All assignments:
  • Introduction to HTML
    • First interaction with coding (bullets)
    • Adding hyperlinks in HTML
    • Adding an image in HTML
  • Introduction to CSS
    • Styling our WEB page
    • Classes in CSS
  • Introduction to JavaScript
    • Creating the visible part of a WEB app
    • Creating your first function in JavaScript
    • Make a calculation in JavaScript
  • Install the tools
  • HTML and CSS in Visual Studio Code
    • Downloading the needed files and starting with HTML
    • CSS in Visual Studio Code
  • JavaScript calculator and NodeJS
    • Creating a simple JavaScript app
    • Running the NodeJS local server
  • Making everything fit together
    • Creating the RecipeTemplate.html
    • Adding CSS style and the first connections for the JS app
    • Creating your first JSON file
    • Creating the main JavaScript app - part 1
    • Side Navigation - main app - part 2
    • Ingredients calculator - main app - part 3
    • Connecting data - main app - part 4
    • Modifying the index.html and adding a new recipe
    • Last changes to the recipeTemplate and running the page
    • Retrieving JSON data with examples