In this beginner's guide to web development, I'll aim to use clear examples to demonstrate the fundamentals of web programming. Before we get started, let's first discuss some basic Web ideas.
A system for sharing information and resources, the World Wide Web, or simply the Web, is made up of servers and clients that are linked through hyperlinks. The Hypertext Send Protocol (HTTP) is used to transfer the Web's documents and resources after the browser requests them, so that they can be seen in the browser.
Introducing the World Wide Web
Let’s start by talking about the frontend
The most basic element of the web is HyperText Markup Language (HTML). Every web page’s structure and content are described by it. Other technologies are typically used in conjunction with CSS, for example, to describe how the page looks, and JavaScript, for defining how the page behaves and increasing user interaction.
- HTML Basics #1
- HTML Basics #2
- CSS Basics #1
- CSS Basics #2
- CSS Basics #3
The first programming language we’ll discuss is JavaScript. It was developed in 1995 to allow users of the Netscape Navigator browser to add programmes to web pages. All of the other main web browsers have accepted the language as of late.
- JavaScript Basics #1
- JavaScript Basics #2
- JavaScript Basics #3
- JavaScript Basics #4
- JavaScript Basics #5
A extremely user-friendly front-end JavaScript framework is vue.js. If you want to work as a front-end engineer, this is a good place to start. The display layer—the portion that users can see—is the only area that the core library of Vue concentrates on. Consequently, the creator gave the framework the name Vue (pronounced like view).
- Vue.js for Beginners #1
- Vue.js for Beginners #2
Before we move onto the backend section of this tutorial, let’s use what we’ve learned so far, and create a portfolio website.
- Create a Portfolio Website
About the backend
Now, it is time for us to talk about the backend. You have two choices, if you prefer PHP, you can go with Laravel. A lot of people have criticisms for PHP, but regardless, it is still the dominant language in the field of web development. And I personally think Laravel is a very powerful and easy-to-use framework. However, if you are more comfortable with Python, you can follow the Django tutorial instead.
Laravel for Beginners
- Laravel for Beginners #1
- Laravel for Beginners #2
- Laravel for Beginners #3
- Laravel for Beginners #4
- Laravel for Beginners #5
Compared to Laravel, Django has both some advantages and disadvantages. For instance, Django is based on Python, a very popular programming language, which means there are a lot of different packages that perform all kinds of different tasks, and unlike Laravel, Django has a very powerful built-in admin panel, which we’ll discuss in detail later…
Django for Beginners
- Django for Beginners #1
- Django for Beginners #2
- Django for Beginners #3
- Django for Beginners #4
- Django for Beginners #5
- How to Deploy a Django Project
Join the frontend and the backend
Finally, in the last section of this tutorial, we’ll join the frontend and the backend to create a modern single-page application.
- Create a Modern Application with Django and Vue #1
- Create a Modern Application with Django and Vue #2
- Create a Modern Application with Django and Vue #3
Thanks For Reading