Beginner's path for Front-end Development

Beginner's path for Front-end Development


3 min read

Front-end Development basically deals with the client-side of a website that is the part that the users interact with when visiting a website.

Basically a website works in this format- cover2.png

The basic requirement to start front-end development ๐Ÿ‘‡:


cover3.png HTML is not a programming language; it is a markup language that defines the structure of your content. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. The enclosing tags can make a word or image hyperlink to somewhere else, can italicize words, can make the font bigger or smaller, and so on. some resources to use


cover4.png Using just HTML alone cannot create a full website,to style the markup we use CSS. Cascading Stylesheets(CSS ) ,While HTML is used to define the structure and semantics of your content, CSS is used to style it and lay it out. For example, you can use CSS to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features. some resources to use

                            Vanilla Javascript

cover5.png To make the website dynamic and functional ,we use javascript. JavaScript is a programming language that adds interactivity to your website. This happens in games, in the behavior of responses when buttons are pressed or with data entry on forms; with dynamic styling; with animation, etc. some resources to use

A little challenge ๐Ÿค with front-end development is that the tools and techniques used to create the front end of a website change constantly and so the developer needs to constantly be aware of how the field is developing.Asides that, there are a lot of other interesting things about front-end. This article deals with the Building blocks ,there are still other areas in front-end development like javascript frameworks and some other web technologies.

Useful links

Thanks for reading ๐Ÿฅณ