In 2019, I started doing a course as volunteer lecturer. Course is on web development using ReactJS and here, I will be publishing all content that it will be used during course. Other materials I made for this course can be found at this website.
Initially, to speed whole process up, we will use web site called CodeSandbox. Here we will be able to create projects in browser and try them out. No need for installation or any other setup.
First technology we are going to mention is html. HTML is markup language. What it means is that when you build your website, HTML gives structure. Think of it as a Lego blocks. You can have many blocks and arrange them in many ways. There are different types of blocks, but they all end up giving structure.
Having just structure is usually not enough. Your web site needs to look pretty. If we come back to previous Lego example, imagine having only red blocks. Those can be nice, but having all in same color would be a bit boring. This is where CSS comes in. It enables us to define background colors, positions, sizes and many other things.