Frontend Roadmap

If you're a rookie or junior developer looking to advance your frontend development career, this roadmap is for you.

Full roadmap

Roadmaps

If you're a rookie or junior developer looking to advance your frontend development career, this roadmap is for you.

Basics of Internet

To start your frontend journey you need to have the basic understanding of "How internet actually works".The Internet is a global network of billions of computers and other electronic devices. With the Internet, it's possible to access almost any information, communicate with anyone else in the world, and do much more. You can do all of this by connecting a computer to the Internet, which is also called going online.

HTML

The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML.CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Javascript

JavaScript,often abbreviated as JS, is a programming language that conforms to the ECMAScript specification.JavaScript is high-level, often just-in-time compiled and multi-paradigm. It has dynamic typing, prototype-based object-orientation and first-class functions.Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide Web Over 97% of websites use it client-side for web page behavior,often incorporating third-party libraries.All major web browsers have a dedicated JavaScript engine to execute the code on the user's device.

Web Security

web security refers to the protective measures and protocols that organizations adopt to protect the organization from, cyber criminals and threats that use the web channel. Web security is critical to business continuity and to protecting data, users and companies from risk.

Version Control

Version control, also known as source control, is the practice of tracking and managing changes to software code. Version control systems are software tools that help software teams manage changes to source code over time.

Testing

Code-based testing corresponds to the testing that is carried out on code development, code inspection, unit testing in software development process. The Code-based testing consists of following testing: Dynamic Testing - Statement coverage, Branch coverage, Path coverage.

Package Manager

A package manager or package-management system is a collection of software tools that automates the process of installing, upgrading, configuring, and removing computer programs for a computer in a consistent manner.Early package managers, like from 1994, had no automatic dependency resolution but could already drastically simplify the process of adding and removing software from a running system.By around 1995, beginning with CPAN, package managers began doing the work of downloading packages from a repository, automatically resolving its dependencies and installing them as needed, making it much easier to install, uninstall and update software from a system.

Hosting

A web hosting service is a type of Internet hosting service that hosts websites for clients, i.e. it offers the facilities required for them to create and maintain a site and makes it accessible on the World Wide Web. Companies providing web hosting services are sometimes called web hosts.

Modern CSS

Modern CSS

API

API is the acronym for Application Programming Interface, which is a software intermediary that allows two applications to talk to each other.

Modern Frameworks

Modern Frameworks

Static site Generators

A static site generator is a tool that generates a full static HTML website based on raw data and a set of templates. Essentially, a static site generator automates the task of coding individual HTML pages and gets those pages ready to serve to users ahead of time. Because these HTML pages are pre-built, they can load very quickly in users' browsers.