If you are learning web development basics, you will come across terms needed skills like HTML, CSS and Javascript. They are often called the building blocks of the web. These three tools dominate web development And in the Every library or tool seems to be centered. They are around HTML, CSS and JS. So if you want to become a web developer. It may use content management systems to make content. changes are easier and available with web development basics technical skills.
You need to learn them well. You will also discover that websites are build from these three languages But you are wondering. What each one is and what it’s used for. What makes these languages so special and important? And what makes them so ubiquitous that you can’t help but see them in every tutorial.
Here are three kinds of web developer specialization.
Front end developer, back end developer, and full stack developer. The Front end developers are responsible for behavior and visuals that a run in the user browser. And the back end developers deal with the servers. Since the commercialization of the Web with Tim Berners Lee developing the world wide web at CERN. The industry has boomed and has become one the most used technologies ever.
Web Development Basics – Explained for Beginners
What is HTML ?
HTML stands for Hyper Text Markup Language. It is a web development basics language. A set of detailed instructions, usually written on a manuscript by typeset, about style of type, makeup of pages, and the like. So you can think of HTML as the language used for creating detailed instructions about. To design a page using the Style, type, format , structure and the makeup of a web page before it gets printed.
But in the context of web development, we replace the term printed with rendered as a more accurate term. HTML helps you structure your page into elements such as paragraph, section, heading, navigation bars, and so on.
This is how you can format and structure a document with HTML. As you can see the markup to contains some web elements such as:
- Level 1 heading h1
- Level 2 heading h2
- Level 3 heading h3
- A paragraph p
- An unordered list with bullet point ul li
- A button input input
- And to the whole body of the page body
To add attributes to these elements which you can use to identify the elements and access for them and other places in the site.
What is CSS ?
While HTML is a markup language used to format or structure a web page. CSS is a design language that you use to make your web page according to your need and they look nice and presentable.
CSS stands for cascading styles sheets, and you use it to improve the appearance of a web page. You are adding thoughtful CSS styles, you make your page more attractive and pleasant for the end user to view and use.
Image if human beings is were made to have skeletons and bare bones – How would that look? Not nice if you ask me. So CSS is like human skin, hair and general physical appearance. You can also use CSS according to your layout elements by positioning them in specified areas of your page.
To access these elements you have to select. You can select a single or many web elements and specify how you want them to look or be position. With CSS you can set the color and background of your elements as well as the typeface, margins, spacing, padding and so much more.
What is Javascript ?
The Javascript is a programming language. If you don’t know what programming is, think of the actions you take in your daily life. When you sense danger, you run. When you are hungry, you eat. When you tired go to sleep. When you are cold, you look warm. When crossing a busy road calculate the distance of vehicles away from you about to use. Depending on the brain has to programmed to react in a certain way or do certain things whenever something happens. In this same way, you can program your web page or individual elements to react a certain way and to do something when something else happens.
You can program actions, conditions, calculations, network requests, for the tasks. Or many other kinds of instructions. You can access any element through the Document Objects Model API (DOM ) and make them change but you want them to.
The DOM is a tree-like representation of the web page that it gets loaded into the browser. We can use methods like getElementNyId() to access elements from our web page. JavaScript Allows you to make it your webpage “think and act” which is what programming is all about.
If you remember from our example HTML page. I mentioned that I was going to sum up the two numbers displayed on the page and then display the result in the placeholder text. For calculation runs once the button gets clicked. The reason we were able to access these elements in our JavaScript was because they had to set unique attributes on them to help us identify them.