According to Stackshare.io, A tech stack is defined as a set of technologies an organization or person uses to build a web or mobile application. Going by this definition, my favourite tech stack is a popular one, HTML, CSS and JS. This is largely due to the fact that I currently major in front end web development.
HTML
HTML (Hyper Text Mark-up Language) is the standard markup language for building web pages. Developers always have to work with HTML. It could however be JSX(JavaScript Extension) when used in REACT but basically, HTML is the basics of web developement. I began my web dev journey by learning how to write HTML5 which is a little bit of deviation from the previous versions because it supports audio and video controls simply by using the and tags, it is more mobile friendly and is supported by modern browsers. HTML 5 also allows for structuring which helps with search engine optimization (SEO). Below is a basic HTML boilerplate(starter file) that outputs "Hello World".
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
CSS
CSS (Cascading Style Sheet) is the cherry on top. It helps with styling the web page in order to improve aesthetics and user experience. Basically, HTML gives structure to a page while CSS styles it. CSS controls the colors, styles, images and fonts of the web page. CSS Flexbox and CSS grid are technologies that help with styling components as well. Styles can be included directly in the html file like this: helloworld.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{background-color: aquamarine;}
h1{color: beige};
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
or they can be in a separate styling sheet i.e. helloworld.css
body{
background-color: #ccc;
color: aqua;
}
and will be imported into the head section of the html file this way:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="helloworld.css">
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
I love CSS because it helps me engage my design skills. I think I might have a 'thing' for design so CSS is the closest I can get to being a user interface designer. (lol)
JavaScript
JavaScript introduces functionality into web pages. Talk of animations, scrolls, and the functional parts of webpages, they all are controlled by JavaScript. The ECMAScript 6(ES6) is the latest version of JavaScript it helps to write cleaner code. With the introduction of arrow functions and the likes, it makes it much easier to write JavaScript code and it makes the code more readable and understandable. Javascript is a powerful and dynamic web language and it helps write and execute the logic behind functional websites. Honestly, at the very beginning, I couldn't seem to get a grasp of Javascript but as time went on, with constant practice and continually building fun projects, I've been able to learn the basic concepts and i'm advancing from there.
Bootstrap
Bootstrap is an HTML, CSS and Javascript library that can be imported into a project to aid the styling and functionality of the project. It provides basic styling definitions for all the HTML elements once imported into the file. I love working with Bootstrap because it makes styling and functionality much easier for me without even making use of CSS and vanilla Javascript sometimes. Also, Bootstrap has default styling for buttons, input tags, forms and a host of other web page sections.
All the above highlighted web technologies make up my favourite tech stack at the moment. As soon as I find easier ways to get my front-end work done, it'll probably change and I look forward to that change.