First Step to the Web development world

in Freewriters2 years ago

Hello friends , I hope you're doing well ,I will like to say thanks for checking out my previous post on journey to become tech savvy , it means a lot 😊❤️. So let's get down to business , I will like to teach some programming languages on the Hive platform and hopefully in the future some high cutting edge technologies in Artificial intelligence or machine learning or robotics 😃.

I have found several people in the tech community that say that they are a front-end developer but when a dude in the ring conversation ask "To what's front end development" the guy that says that he is a front-end developer seems to become blank😑😂.

So I'll try to explain frontend development in th most easiest way and highlight some technologies, their pros and cons , 🏞️the steps towards achieving them and The get started🚀.

Now front-end development is a term mostly used in web development as front-end development simply is the development of the visual 🌆 aspect of an application which does not involve the server or the database or cyber security or machine learning or web request or... There's really a lot going on in a website.

Frontend developer are developer who uses front-end languages mostly HTML , CSS and JavaScript to build a front-end application. a front end application can range from a landing page website or a portfolio website of an e-commerce website but this is only at the visual aspect
Frontend developers also uses certain softwares to design a website or mobile app before building This step is called Web design but for a proper built frontend application UI and UX designs are a must cause not only do they give a unique sensation to your clients visiting the site but also help you to rank🚀 your professionalism 😎.

Now HTML which stands for ' hyper text markup language ' is a tag language used for web development and some mobile application development (react-native although a tag system ) son instead of using the general notepad or texteditor on your phone to edit a text you can use htm🤓.

So here are the most used or most common html tags in web development but first let get to know the basics .
Now a website has webpages (single or multiple) but they all have one thing in common inspite of which framework is being used (nodejs framework, Go framework , python framework ,C#, c++ ).

Now the basics structure of a webpage in a websites is this using html.







Now the is the main container for any webpage more like the bigger box of the webpage while of an html file contains non visual elements that makes the page work . The tag follows the head tag all visual structure elements are contained within the bodytag like the

(the paragraph tag) mainly used to open the contents written while the is used for closing the contents.

Html files are text files so any texteditor can be used to create a webpage logically 😁.

So let's create a single webpage with html

A Blog



Hive Blog Page

my first approach to the hive tech community

here goes the rest of my words.....

this is the 5th headline tag

Now let continue with comments. Comments in html are more like this (html comment removed: this is the comment ) the comments are not displayed by the browser but help the add description about the document.

Next I share about other HTML elements like adding an image to the site or video or other elements.

Stay tuned😎. Thanks.🔥

Sort:  

Congratulations @foxlead! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s):

You received more than 700 upvotes.
Your next target is to reach 800 upvotes.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Check out the last post from @hivebuzz:

The 7th edition of the Hive Power Up Month starts today!
Hive Power Up Day - July 1st 2022
NFT for peace - Thank you for your continuous support
Support the HiveBuzz project. Vote for our proposal!