HTML5 & CSS3
HTML5 and CSS3 are fundamental technologies without which no web developer can do without. The Hypertext Markup Language (HTML) is used to create the layout (framework) of each web page. Then the CSS style language transforms the site and gives it an attractive and striking appearance. In addition, it is necessary to own:
Cross-browser adaptive layout to be able to create sites for mobile devices, tablets and widescreens and for different browsers;
Semantic layout to improve the quality of markup and improve search indexing of the site;
Valid layout, which implies full compliance of the developer’s code with all the standards of the W3C – an organization that creates and implements technology standards for the World Wide Web.
Pay special attention to the layout for mobile devices, because today’s web-consumer spends a lot of time in a smartphone. There is even a special approach in which the website is first made up for mobile devices, and only then for desktops – called Mobile First.
These are the general requirements for the layout. Now consider in more detail the requirements specifically for the style language. Here you should know the basic properties of CSS3: backgrounds, gradients, shadows, animations, transformations, transitions, as well as the Flex and Grid technologies, which we will talk about later.
A good command of HTML and CSS already allows you to engage in website layout and earn money. It is with these two basic technologies that the path to the profession of FrontEnd developer begins.
Flex and Grid CSS
The layout technologies of reliable adaptive web pages that make it easier to create dynamic sites and more convenient to structure their content. The best Flex layout in action is shown by the interactive site flexboxfroggy.com, and Grid layout by cssgridgarden.com.
There are also courses on our resource that explain the topics of Flex and Grid layout well: “CSS Grid Site Layout”, “FlexBox CSS Site Layout”.