Skip to content

M01 - Web Introduction

Introduction

Frontend application is the main part of the application which end user can see and interact with. It is usually are designed with some web design pattern and uses frontend application development framework like React, Vue or Angular. Everything you can see is finally only combination of HTML, CSS and JavaScript which is running in your browser (if application is made with web technologies). Nowadays web applications are a full applications not only static web pages.

Backend contains usually a server, a server side application and a database. These nice frontend application connects to server and uses server side application to read or store data to the databases. Backend technologies usually consist of languages like PHP, Python, Node.js, etc. In this course materials, we'll be using the Node.js.

Image 01

Web browsers communicates via HTTP with the server. In this course, we'll be talking about servers that serve HTTP requests made by the client, in other words the web browser.

Programming enviroment and servers

Full Stack Programming course uses JavaScript as a programming language, HTML and CSS. You can use for example Visual Studio Code for coding and Chrome as your web browser.

VSC addons

You will need to publish your work to some web server and for this purpose you can use our student server. You should already have an account to our labranet and you can use those same login/password to start working with student server. You can use for example PuTTY to open SSH connection to student server and WinSCP to move files between your own computer and student server. You will need to make a few small modification to your home folder (in student server) to get it working correctly: How to get homepage's working in student server.

You can use different playgrounds to learn JavaScript without installing any tools to your computer: