In this article,we will cover the most basic and important skills you need .
Before we begin , What is FrontEnd development ?
Front-end web development (also called client-side development) is the practice of generating HTML, CSS, and JavaScript for a website or web application so that users can directly view and interact with them.
The challenge associated with front-end development is that the tools and technologies used to create the front-end of a website are constantly changing, so developers need to keep abreast of developments in this field.
The purpose of designing a website is to ensure that when users open the website, they view the information in an easy-to-read and relevant format. The fact that users now use a variety of devices with varying screen sizes and resolutions forces designers to consider these aspects when designing a site, which makes the situation even more complicated.
They need to ensure that their site is displayed correctly in different browsers (cross-browser), different operating systems (cross-platform) and different devices (cross-device), which requires careful planning on the part of the developer.
Let’s start ! To become a FrontEnd developer you should start with :
HTML (Hypertext Markup Language)
The language used to be displayed in a web browser.HTML is the code that is used to structure a web page and its content. For example, content could be structured within a set of paragraphs, a list of bulleted points, or using images and data tables.
CSS (Cascading Style Sheets)
Used to make your HTML look nice and add styling.CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files.
JavaScript
JavaScript is a scripting language or programming language that allows you to implement complex functions on a web page-every time a web page does not just sit there, and display static information for you to view-display timely content updates, interactive maps , Animated 2D/3D graphics, scrolling video jukeboxes, etc.-you can bet that JavaScript may be involved. It is the third layer of standard web technologies, and in other parts of the learning area, we introduce two of them (HTML and CSS) in more detail.
Version Control
A system that records changes to a file or set of files over time. Usually used in large teams.In software engineering, version control is a type of system responsible for managing changes to computer programs, documents, large websites, or other collections of information.
Version control is a component of software configuration management. such as Git , Github , GitLab or SVN
Responsive
A responsive website means your website scales and adjusts to work on different devices.