Every day, you access Facebook or Google pages by typing the URL into the browser and clicking Enter. The site loads instantly. You can easily use the functionality you need on the pages designed with the convenience of users in mind. When a user enters a website address in a browser (client software), a corresponding request is sent to the server, then in response some content is displayed on the screen. This is called frontend or "client-side" programming.
Programming is a set of operations formed by code combinations, performed according to certain conditions and sequences. Commands, words, and algorithmic operations that explain how computer equipment should behave and guide the computer are also programs. Programming has many areas within itself. It is generally grouped into Front-end and Back-end.
What is frontend programming?
In web programming, "front end" and "back end" are among the most frequently mentioned terms. These two terms can actually be called "web development". Although the terms often confuse those outside the field, it's actually easy to tell the difference between them.
Example: Creating a website is a process that includes all the visual, audio parts with images and content. Front-end is the process by which you encounter colorful themes, backgrounds, fonts, design images, and adjust them to bring them to the attention of users.
People who do the work listed above are called front-end developers. Creating a website can be thought of as a film making event in front of the camera and behind the camera. The processes in front of the camera can be experienced as "Front-end", and the processes behind the camera can be experienced as "Back-end". In the film, everything we see as viewers is in front of the camera; Actors, locations, events can be viewed as front-end examples. Technical groups and equipment behind the camera are examples of "Back-end".
To become a "Front-end Developer" you need to know some terms related to this work and have some knowledge. Therefore, the article you are reading is especially important for those who want to start from scratch in this field. When we consider ourselves users, we should know that all the activities that we encounter on the sites and that attract our attention on the pages are obtained as a result of extremely delicate and long processes from the beginning to the end. Obviously, the effort involved before starting the designs is much broader than the process of creating the designs. For this reason, attention should be paid to the fact that the research to be carried out before starting is detailed and multifaceted.
What does a front-end developer do?
A "front-end" developer is someone who uses the three main programming languages "HTML", "CSS" and "JavaScript" to carry out all the design and creation of the first page that our mentioned web users encounter.
"Front-end" has its own sections. For example, editing of texts and images; It includes themes such as the image's font, color, appearance, size, and background. Apart from that, issues related to the placement of texts and images on the page and the structuring of the page are another subsection. If you want to deal with this subsection, it is enough to know the language "JavaScript". No need to use other interfaces. But if you intend to create text and images, you need to know all three languages. If you intend to work as a front-end developer, it is enough to specialize in one language.
What you need to know to become a Front-end Developer.
• Research ability;
• Ability to find solutions to problems;
• Knowledge of foreign languages (Not mandatory, but your knowledge creates job opportunities in international companies).
Front end developer roadmap
As we mentioned, to be successful in Front End programming, it is important to know 3 main languages: HTML, CSS, and JavaScript. Now let's see what these languages mean:
HTML – (HyperText Markup Language) is a special hypertext language for creating any document or page that can be read by a browser. Headings are for displaying phrases such as paragraphs and bold. "HTML" is not used for design and styling. The programming language used for this is "CSS".
CSS stands for (Cascading Style Sheets). "CSS" addresses the styling of a web page, including colors, fittings, and animations. The programming language used for all these operations is "CSS".
Using JavaScript allows you to interact with a web page. For example: Clicking the menu button at the top of a web page opens an options window, and each time the button is clicked, it causes a toggle between opening and closing the menu. JavaScript is used in games, web pages, mobile apps, and more. is used. "Front End" programming field is one of the most demanding and leading fields today, as well as being interesting. Learning Front End requires a lot of pain and effort. However, it is not difficult to achieve this if there is proper guidance.
What should a frontend programmer know?
Frontend programmers were responsible for ensuring the correct appearance in different browsers, writing the code in a more useful and time-saving form. In addition, the frontend programmer must also have knowledge of methods and libraries that allow dynamic loading of pages or data changes by loading server data in the background.
• HTML, CSS, JavaScript
• Bootstrap
• React or Angular JS
• jQuery libraries
• Ajax