{"id":168262,"date":"2023-07-28T10:38:57","date_gmt":"2023-07-28T09:38:57","guid":{"rendered":"https:\/\/datascientest.com\/en\/?p=168262"},"modified":"2023-10-30T19:43:04","modified_gmt":"2023-10-30T18:43:04","slug":"front-end-what-are-the-skills-and-tools","status":"publish","type":"post","link":"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools","title":{"rendered":"Front end: What are the tools and skills of this profession?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"168262\" class=\"elementor elementor-168262\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-950e47c e-flex e-con-boxed e-con\" data-id=\"950e47c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81ca839 elementor-widget elementor-widget-heading\" data-id=\"81ca839\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">The front end is the visible part of a website, with which users interact. Should you learn front-end development as a Data Scientist? Find out the answer.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d287089 e-flex e-con-boxed e-con\" data-id=\"d287089\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f93906 elementor-widget elementor-widget-heading\" data-id=\"8f93906\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What is front-end development?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f37256 elementor-widget elementor-widget-text-editor\" data-id=\"8f37256\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><span style=\"font-weight: 400;\">In the field of web development, the notion of &#8220;front-end&#8221; development is essential. It encompasses the entire part of a website that is visible to the Internet user.<\/span><\/p><p><span style=\"font-weight: 400;\">This notion is <\/span><b>opposed to the &#8220;back end&#8221; development<\/b><span style=\"font-weight: 400;\">, which concerns all the non-visible parts of the website.<\/span><\/p><p><span style=\"font-weight: 400;\">Front-end development, also called client-side development, consists in producing HTML, CSS, and Javascript code for a website or a web application. The goal is to allow the user to see and <\/span><b>interact with the content<\/b><span style=\"font-weight: 400;\">.<\/span><\/p><p><span style=\"font-weight: 400;\">When you visit a website, all the content you see has been created by a <\/span><b>front-end developer<\/b><span style=\"font-weight: 400;\">. This includes the logo, search bar, buttons, links, animations, or even the general layout and how the user interacts with the page.<\/span><\/p><p><span style=\"font-weight: 400;\">The role of the front-end developer is to<\/span><b> implement the vision and design<\/b><span style=\"font-weight: 400;\"> conceived by the client through the code. He is in charge of the look and feel of the website and must make sure that the site looks good on mobile as well as on PC.<\/span><\/p><p><span style=\"font-weight: 400;\">The main tasks of the front-end developer are <\/span><b>creating web pages<\/b><span style=\"font-weight: 400;\"> and updating existing ones, <\/span><b>creating HTML emails<\/b><span style=\"font-weight: 400;\"> for communication campaigns, improving the performance of websites by cleaning up the code, and adding accessibility features.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d80792d elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"d80792d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"482\" src=\"https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-1024x617.jpg\" class=\"attachment-large size-large wp-image-168274\" alt=\"dev-front-end\" srcset=\"https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-1024x617.jpg 1024w, https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-300x181.jpg 300w, https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-768x463.jpg 768w, https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-1536x926.jpg 1536w, https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e908d1e e-flex e-con-boxed e-con\" data-id=\"e908d1e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ffe585 elementor-widget elementor-widget-heading\" data-id=\"6ffe585\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What are the tools of the front-end developer?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d0ffb3 elementor-widget elementor-widget-text-editor\" data-id=\"1d0ffb3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A front-end developer must master three programming languages: HTML, CSS, and JavaScript. He must also handle different frameworks, software libraries, and other useful tools.<\/span><\/p><p><b>HTML<\/b><span style=\"font-weight: 400;\"> or HyperText Markup Language is used to <\/span><b>display content on the page<\/b><span style=\"font-weight: 400;\">. This includes buttons, links, titles, paragraphs, or lists.<\/span><\/p><p><span style=\"font-weight: 400;\">On the other hand, styling is <\/span><b>based on CSS<\/b><span style=\"font-weight: 400;\">: Cascading Style Sheets. This language is responsible for styling the web page, including colors, layouts, and animations.<\/span><\/p><p><span style=\"font-weight: 400;\">Finally, JavaScript allows users to <\/span><b>interact with the web page<\/b><span style=\"font-weight: 400;\">. This language is used for most websites, especially for the operation of menu buttons. It is also used for online games and mobile applications.<\/span><\/p><p><span style=\"font-weight: 400;\">The front-end developer also handles the various CSS frameworks and libraries. These tools are <\/span><b>designed to speed up<\/b><span style=\"font-weight: 400;\"> the development process.<\/span><\/p><p><span style=\"font-weight: 400;\">For example, frameworks such as<\/span><b> Bootstrap<\/b><span style=\"font-weight: 400;\"> and <\/span><b>Tailwind CSS<\/b><span style=\"font-weight: 400;\"> allow you to add a catalog of classes to a web page for a professional design that is compatible with mobile devices. Other popular frameworks include <\/span><b>Bulma<\/b><span style=\"font-weight: 400;\">, <\/span><b>Materialize<\/b><span style=\"font-weight: 400;\">, and <\/span><b>Semantic UI<\/b><span style=\"font-weight: 400;\">. In addition, preprocessors such as Sass and Less are used to add logic and functionality to CSS code.<\/span><\/p><p><span style=\"font-weight: 400;\">Similarly, JavaScript libraries and frameworks are widely used for front-end development. Some of the most popular ones include <\/span><b>React<\/b><span style=\"font-weight: 400;\">, <\/span><b>Angular<\/b><span style=\"font-weight: 400;\">, and <\/span><b>Vue<\/b><span style=\"font-weight: 400;\">. These tools save time and reduce code.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26ff72b elementor-align-center button-principal elementor-widget elementor-widget-button\" data-id=\"26ff72b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/datascientest.com\/en\/data-scientist-course\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Become a Front-end developer<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a59dda e-flex e-con-boxed e-con\" data-id=\"1a59dda\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f842954 elementor-widget elementor-widget-heading\" data-id=\"f842954\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">The skills of the front-end developer<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b242e6a elementor-widget elementor-widget-text-editor\" data-id=\"b242e6a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A front-end developer must have <\/span><b>strong debugging skills<\/b><span style=\"font-weight: 400;\">, to correct errors in the code during the development of an application. He must also master testing, and<\/span><b> know<\/b> <b>how to write tests<\/b><span style=\"font-weight: 400;\"> to ensure that his code works properly.<\/span><\/p><p><span style=\"font-weight: 400;\">Another key skill is version management, which allows you to track and manage changes to the code in a project. One of the <\/span><b>most popular software<\/b><span style=\"font-weight: 400;\"> for code tracking is Git. This tool allows you to revert to a previous version of the code in case of an error, rather than having to <\/span><b>manually rewrite it<\/b><span style=\"font-weight: 400;\">.<\/span><\/p><p><span style=\"font-weight: 400;\">In addition, Git allows you to collaborate with other developers on a team and make changes to the same code from different geographical locations. Services such as <\/span><a href=\"https:\/\/datascientest.com\/en\/github-what-is-it\"><span style=\"font-weight: 400;\">GitHub allow projects to be hosted<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p><p><span style=\"font-weight: 400;\">Finally, the front-end developer is a <\/span><b>problem-solving expert<\/b><span style=\"font-weight: 400;\">. This is probably his main skill, as clients expect him to provide solutions.<\/span><\/p><p><span style=\"font-weight: 400;\">This professional must be able to break down a problem into smaller pieces and solve the problems in web applications.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da862db elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"da862db\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"460\" src=\"https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-skills.jpg\" class=\"attachment-large size-large wp-image-168273\" alt=\"dev-front-end-skills\" srcset=\"https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-skills.jpg 900w, https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-skills-300x173.jpg 300w, https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-skills-768x442.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd000b9 e-flex e-con-boxed e-con\" data-id=\"fd000b9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfa00ae elementor-widget elementor-widget-heading\" data-id=\"dfa00ae\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Front end vs. back end: what is the difference?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73ace6f elementor-widget elementor-widget-text-editor\" data-id=\"73ace6f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Unlike the front end, the back end is the &#8220;server side&#8221; of the website. It <\/span><b>stores and organizes the data<\/b><span style=\"font-weight: 400;\">, and also ensures that the client-side part of the website works properly.<\/span><\/p><p><span style=\"font-weight: 400;\">It is the part of the website that the user cannot see, and with which he cannot interact. There is no direct contact between the user and the back end.<\/span><\/p><p><span style=\"font-weight: 400;\">The back-end developer is in charge of <\/span><b>writing APIs<\/b><span style=\"font-weight: 400;\">, creating libraries, and <\/span><b>working with system components<\/b><span style=\"font-weight: 400;\"> without a user interface. He handles PHP, C++, Java, <\/span><a href=\"https:\/\/datascientest.com\/en\/python-the-most-popular-programming-language\"><span style=\"font-weight: 400;\">Python<\/span><\/a><span style=\"font-weight: 400;\">, and Node.js languages, and<\/span> <a href=\"https:\/\/datascientest.com\/en\/framework-what-is-it\"><span style=\"font-weight: 400;\">frameworks<\/span><\/a><span style=\"font-weight: 400;\"> such as Express, Django, Ruby on Rail, Laravel, and Spring. In short, the front end is the part of the website that users see and the back end is what makes it work.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9e8137 e-flex e-con-boxed e-con\" data-id=\"a9e8137\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-137dd91 elementor-widget elementor-widget-heading\" data-id=\"137dd91\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Front end and Data Science<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6442ab elementor-widget elementor-widget-text-editor\" data-id=\"e6442ab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Front-end development can be very useful for Data Science, especially for <\/span><a href=\"https:\/\/datascientest.com\/en\/dataviz-definition-objectives-and-uses\"><span style=\"font-weight: 400;\">DataViz or data visualization<\/span><\/a><span style=\"font-weight: 400;\">. It is essential to know how to create visually appealing reports, graphs, and slides with an interface adapted to mobile devices.<\/span><\/p><p><span style=\"font-weight: 400;\">There are Python tools that simplify data visualization for internal applications, such as <\/span><b>Streamlit<\/b><span style=\"font-weight: 400;\"> and <\/span><b>Plotly Dash<\/b><span style=\"font-weight: 400;\">. However, these tools are not suitable for presenting data to a broader, less technical audience.<\/span><\/p><p><span style=\"font-weight: 400;\">Front-end HTML, CSS, and Javascript are more effective. In addition, front-end development also allows the <\/span><a href=\"https:\/\/datascientest.com\/en\/average-data-scientist-salary-in-canada-in-2023\"><span style=\"font-weight: 400;\">data scientist<\/span><\/a><span style=\"font-weight: 400;\"> to deploy a website that interacts with the<\/span><b> Python Flask APIs <\/b><span style=\"font-weight: 400;\">he writes.<\/span><\/p><p><span style=\"font-weight: 400;\">In general, learning front-end development allows the <\/span><b>Data Scientist<\/b><span style=\"font-weight: 400;\"> to better understand the work of the developers he collaborates with, and to avoid his work being spoiled by a poor interface.<\/span><\/p><p><span style=\"font-weight: 400;\">The front end is very useful to create a r<\/span><b>esponsive design compatible<\/b><span style=\"font-weight: 400;\"> with mobile devices such as smartphones and tablets. The application or DataViz must adapt its display to the screen dimensions.<\/span><\/p><p><span style=\"font-weight: 400;\">Moreover, it allows the making of models accessible to other teams via a REST API. The same microservice concept can be applied to websites, to allow the web client to react to user events by sending HTTP requests to the back end.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3a82c1 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"b3a82c1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"463\" src=\"https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-datascientest.jpg\" class=\"attachment-large size-large wp-image-168276\" alt=\"\" srcset=\"https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-datascientest.jpg 950w, https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-datascientest-300x174.jpg 300w, https:\/\/datascientest.com\/en\/files\/2023\/05\/dev-front-end-datascientest-768x445.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b227ca8 e-flex e-con-boxed e-con\" data-id=\"b227ca8\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99cd6a7 elementor-widget elementor-widget-heading\" data-id=\"99cd6a7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to follow a Data Science training?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc025e elementor-widget elementor-widget-text-editor\" data-id=\"dcc025e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">To become an expert in Data Science, you can choose <\/span><a href=\"https:\/\/datascientest.com\/en\/data-courses\"><span style=\"font-weight: 400;\">DataScientest training courses<\/span><\/a><span style=\"font-weight: 400;\">. Our various Data Analyst, Data Scientist, Data Engineer. You will learn Python programming, DataViz, <\/span><a href=\"https:\/\/datascientest.com\/en\/machine-learning-what-is-it-and-why-does-it-change-the-world\"><span style=\"font-weight: 400;\">Machine Learning<\/span><\/a><span style=\"font-weight: 400;\">, database manipulation, data analysis, and <\/span><a href=\"https:\/\/datascientest.com\/en\/introduction-to-business-intelligence\"><span style=\"font-weight: 400;\">Business Intelligence<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p><p><span style=\"font-weight: 400;\">Through the Data Engineer training, you will learn front-end and back-end development techniques like <\/span><b>CI \/ CD with Git and GitHub<\/b><span style=\"font-weight: 400;\"> or automation and <\/span><b>deployment with Docker<\/b><span style=\"font-weight: 400;\">, Kubernetes, and APIs.<\/span><\/p><p><span style=\"font-weight: 400;\">Our programs adopt a <\/span><a href=\"https:\/\/datascientest.com\/en\/blended-learning-the-new-successful-training-method\"><span style=\"font-weight: 400;\">blended learning approach<\/span><\/a><span style=\"font-weight: 400;\"> combining flexible platform-based learning and Masterclasses led by a Data Scientist. Our pedagogical method is <\/span><b>practice-oriented<\/b><span style=\"font-weight: 400;\">, with online exercises for all modules and a core project.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76ec336 elementor-align-center button-principal elementor-widget elementor-widget-button\" data-id=\"76ec336\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/datascientest.com\/en\/data-scientist-course\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Start a Data Scientist training program<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f757e2 e-flex e-con-boxed e-con\" data-id=\"2f757e2\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a055803 elementor-widget elementor-widget-html\" data-id=\"a055803\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [{\r\n    \"@type\": \"Question\",\r\n    \"name\": \"What is front-end development?\",\r\n    \"acceptedAnswer\": {\r\n      \"@type\": \"Answer\",\r\n      \"text\": \"Front-end development, also called client-side development, consists in producing HTML, CSS, and Javascript code for a website or a web application. The goal is to allow the user to see and interact with the content. When you visit a website, all the content you see has been created by a front-end developer. This includes the logo, search bar, buttons, links, animations, or even the general layout and how the user interacts with the page.\"\r\n    }\r\n  },{\r\n    \"@type\": \"Question\",\r\n    \"name\": \"What are the tools of the front-end developer?\",\r\n    \"acceptedAnswer\": {\r\n      \"@type\": \"Answer\",\r\n      \"text\": \"A front-end developer must master three programming languages: HTML, CSS, and JavaScript. He must also handle different frameworks, software libraries, and other useful tools. HTML or HyperText Markup Language is used to display content on the page. This includes buttons, links, titles, paragraphs, or lists.\"\r\n    }\r\n  },{\r\n    \"@type\": \"Question\",\r\n    \"name\": \"The skills of the front-end developer\",\r\n    \"acceptedAnswer\": {\r\n      \"@type\": \"Answer\",\r\n      \"text\": \"A front-end developer must have strong debugging skills, to correct errors in the code during the development of an application. He must also master testing, and know how to write tests to ensure that his code works properly.\"\r\n    }\r\n  },{\r\n    \"@type\": \"Question\",\r\n    \"name\": \"Front end vs. back end: what is the difference?\",\r\n    \"acceptedAnswer\": {\r\n      \"@type\": \"Answer\",\r\n      \"text\": \"Unlike the front end, the back end is the \\\"server side\\\" of the website. It stores and organizes the data, and also ensures that the client-side part of the website works properly. It is the part of the website that the user cannot see, and with which he cannot interact. There is no direct contact between the user and the back end.\"\r\n    }\r\n  }]\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The front end is the visible part of a website, with which users interact. Should you learn front-end development as a Data Scientist? Find out the answer. What is front-end development? In the field of web development, the notion of &#8220;front-end&#8221; development is essential. It encompasses the entire part of a website that is visible [&hellip;]<\/p>\n","protected":false},"author":45,"featured_media":168275,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"content-type":"","inline_featured_image":false},"categories":[2421],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.7 (Yoast SEO v21.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Front end: What are the tools and skills of this profession?<\/title>\n<meta name=\"description\" content=\"The front end is the visible part of a website, with which users interact. Should you learn front-end development as a Data Scientist? Find out the answer.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Front end: What are the tools and skills of this profession?\" \/>\n<meta property=\"og:description\" content=\"The front end is the visible part of a website, with which users interact. Should you learn front-end development as a Data Scientist? Find out the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools\" \/>\n<meta property=\"og:site_name\" content=\"Data Science Courses | DataScientest\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataScientestEN\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-28T09:38:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-30T18:43:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/datascientest.com\/en\/files\/2023\/05\/front-end.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Daniel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataScientest__\" \/>\n<meta name=\"twitter:site\" content=\"@DataScientest__\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools#article\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools\"},\"author\":{\"name\":\"Daniel\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0\"},\"headline\":\"Front end: What are the tools and skills of this profession?\",\"datePublished\":\"2023-07-28T09:38:57+00:00\",\"dateModified\":\"2023-10-30T18:43:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools\"},\"wordCount\":1099,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/en\/#organization\"},\"articleSection\":[\"Dev\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools#respond\"]}],\"copyrightYear\":\"2023\",\"copyrightHolder\":{\"@id\":\"https:\/\/datascientest.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools\",\"url\":\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools\",\"name\":\"Front end: What are the tools and skills of this profession?\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/en\/#website\"},\"datePublished\":\"2023-07-28T09:38:57+00:00\",\"dateModified\":\"2023-10-30T18:43:04+00:00\",\"description\":\"The front end is the visible part of a website, with which users interact. Should you learn front-end development as a Data Scientist? Find out the answer.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/datascientest.com\/en\/#website\",\"url\":\"https:\/\/datascientest.com\/en\/\",\"name\":\"Data Science Courses | DataScientest\",\"description\":\"Leader in Data Science Courses\",\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/datascientest.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/datascientest.com\/en\/#organization\",\"name\":\"DataScientest\",\"url\":\"https:\/\/datascientest.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"contentUrl\":\"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"width\":301,\"height\":301,\"caption\":\"DataScientest\"},\"image\":{\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/DataScientestEN\",\"https:\/\/twitter.com\/DataScientest__\",\"https:\/\/www.linkedin.com\/school\/datascientest\/mycompany\/\",\"https:\/\/www.tiktok.com\/@datascientest\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0\",\"name\":\"Daniel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g\",\"caption\":\"Daniel\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/school\/datascientest\/\",\"user\"],\"jobTitle\":\"ing\u00e9nieur logiciel\",\"worksFor\":\"DataScientest\",\"url\":\"https:\/\/datascientest.com\/en\/author\/team-redac\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Front end: What are the tools and skills of this profession?","description":"The front end is the visible part of a website, with which users interact. Should you learn front-end development as a Data Scientist? Find out the answer.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools","og_locale":"en_GB","og_type":"article","og_title":"Front end: What are the tools and skills of this profession?","og_description":"The front end is the visible part of a website, with which users interact. Should you learn front-end development as a Data Scientist? Find out the","og_url":"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools","og_site_name":"Data Science Courses | DataScientest","article_publisher":"https:\/\/www.facebook.com\/DataScientestEN","article_published_time":"2023-07-28T09:38:57+00:00","article_modified_time":"2023-10-30T18:43:04+00:00","og_image":[{"width":800,"height":450,"url":"https:\/\/datascientest.com\/en\/files\/2023\/05\/front-end.jpg","type":"image\/jpeg"}],"author":"Daniel","twitter_card":"summary_large_image","twitter_creator":"@DataScientest__","twitter_site":"@DataScientest__","twitter_misc":{"Written by":"Daniel","Estimated reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools#article","isPartOf":{"@id":"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools"},"author":{"name":"Daniel","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0"},"headline":"Front end: What are the tools and skills of this profession?","datePublished":"2023-07-28T09:38:57+00:00","dateModified":"2023-10-30T18:43:04+00:00","mainEntityOfPage":{"@id":"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools"},"wordCount":1099,"commentCount":0,"publisher":{"@id":"https:\/\/datascientest.com\/en\/#organization"},"articleSection":["Dev"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools#respond"]}],"copyrightYear":"2023","copyrightHolder":{"@id":"https:\/\/datascientest.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools","url":"https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools","name":"Front end: What are the tools and skills of this profession?","isPartOf":{"@id":"https:\/\/datascientest.com\/en\/#website"},"datePublished":"2023-07-28T09:38:57+00:00","dateModified":"2023-10-30T18:43:04+00:00","description":"The front end is the visible part of a website, with which users interact. Should you learn front-end development as a Data Scientist? Find out the answer.","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/datascientest.com\/en\/front-end-what-are-the-skills-and-tools"]}]},{"@type":"WebSite","@id":"https:\/\/datascientest.com\/en\/#website","url":"https:\/\/datascientest.com\/en\/","name":"Data Science Courses | DataScientest","description":"Leader in Data Science Courses","publisher":{"@id":"https:\/\/datascientest.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/datascientest.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/datascientest.com\/en\/#organization","name":"DataScientest","url":"https:\/\/datascientest.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png","contentUrl":"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png","width":301,"height":301,"caption":"DataScientest"},"image":{"@id":"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataScientestEN","https:\/\/twitter.com\/DataScientest__","https:\/\/www.linkedin.com\/school\/datascientest\/mycompany\/","https:\/\/www.tiktok.com\/@datascientest"]},{"@type":"Person","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0","name":"Daniel","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g","caption":"Daniel"},"sameAs":["https:\/\/www.linkedin.com\/school\/datascientest\/","user"],"jobTitle":"ing\u00e9nieur logiciel","worksFor":"DataScientest","url":"https:\/\/datascientest.com\/en\/author\/team-redac"}]}},"_links":{"self":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts\/168262"}],"collection":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/comments?post=168262"}],"version-history":[{"count":0,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts\/168262\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/media\/168275"}],"wp:attachment":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/media?parent=168262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/categories?post=168262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/tags?post=168262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}