DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Rohit More
Rohit More

Posted on

Baby Step To Becoming A Frontend Developer

Getting into the world of tech is on the increase these days and you actually need to know the side of the industry that you belong to.

Per adventure you've decided to be on the side of web development, then you will say which side of the web development would that also be?

Web development according to wikipedia says

it is the work involved in developing a website for the internet (World Wide Web) or an intranet (a private network)...

So what are the three three different types of web development, you probably don't know either. Web development is divided into three and includes:

Frontend development (User Interface Development)
Backend development (Development of the end)
Full stack development. (Grow the entire stack)

Therefore, I will only discuss how to start as a front-end developer in this article.

What is frontend development:

Client-side web development is another name for front-end development. With front-end technologies like HTML, CSS, and Javascript, the user interface of the website is designed in this manner.

To make it simple for website users to view the website content the front end of the website was developed. Additionally, the front-end engineers and web designers must write efficient and clear code in order to create an interactive interface.

How to Start learning:

You need to start learning the three elements that make up a website that you view on the internetβ€”HTML, CSS, and Javascriptβ€” are crucial. These three topics should be learned first in order to lay the groundwork for becoming a front-end developer.

Fortunately, you may study and practice them with the help of a variety of internet tools. And if you love the reading part of it...

HTML:

Hyper Text Markup Language, or HTML, serves as the fundamental building element for all web sites and apps. Your page is organized using HTML using elements like paragraphs, sections, headings, navigation bars, and so forth.

The content that appears on a website, such as photographs, text, or videos, has structure thanks to HTML. An HTML-only page is quite plain and unattractive; CSS styling is required to make it look decent.

For front-end development work, HTML is usually the first language that developers learn. Do you wish to learn more HTML?

Start with freecodecamp, w3schools, youtube tutorials with the likes of traversy media, edureka etc.

CSS:

Cascading Style Sheets, or CSS, are used to improve the appearance of a web page by adding CSS styles. By using these designs, users will find your website to be more appealing and entertaining to read and use. for instance, to divide it into many columns, add animations, and change the font, color, size, and spacing of your content. It gives you a moderate start on the road to CSS mastery by explaining the fundamentals of how it functions, what the syntax looks like, and how to use it to add styling to HTML.

Do you wish to learn more CSS? Check out the second module of freecodecamp's Responsive Web Design certification to get started, w3schools, youtube tutorials and many more.

Javascript:

Following HTML as a markup language and CSS as a style sheet, JavaScript serves as the third component. Using the programming language JavaScript, you may add extra functionality to your web sites. Animations, dynamic styling, button-clicking effects and behaviors, game motion, and other elements fall under this category. You can assume that JavaScript is probably used whenever a web page displays anything other than static information for you to look at, such as timely content updates, interactive maps, active 2D/3D drawings, scrolling video jukeboxes, etc. It is the third tier of the layer cake made up of common web technologies, the first two (HTML and CSS) of which we have already examined in great detail.

Check out freeCodeCamp's JavaScript Algorithms and Data Structures certification if you want to study JavaScript, codewars for algorithm, coderbyteand many more.

Conclusion

In this article, this is just what you need to know to start up with the journey as a front-end developer with less pressure as there is more to be covered in this area and I will be sharing more of it in no time.

Top comments (1)

Collapse
 
behrjozef profile image
Jozef Behr

Thank you brother for sharing thoughts here .

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.