The frontend, that is, the front end of websites, consists mostly of HTML, CSS, and JS. HTML is a markup language and CSS is a style sheet. The common name for this is layout. JavaScript – a programming language that is superimposed on the created layout and interacts with it. In IT there is a separate profession layout and separately JS developer profession. Also in demand 2 in 1, that is, the Frontend.
There is a concept Fullstack developer – a specialist who knows how to work with both the frontend and the backend, the part that is not visible to the user – often the admin panel. If we’re talking about JS backend development, then the so-called Node comes into play – a platform that allows you to convert Java Script into server-side code outside the browser.
A full-stack developer is a specialist who knows html, css, JS + popular frameworks. To put it simply, frameworks are JS libraries that already have pre-code. These are templates that you have to know how to work in. Among the most popular are:
- React;
- Angular;
- Vue;
- JQuery;
- Backbone;
- Node – this is also a framework, which has its own frameworks, the most popular of which is Express. You can read more here.
The plan for learning JavaScript begins with an awareness of the scope of work, so to speak. To effectively learn a programming language like JS you should have a good knowledge of layout + a good knowledge of English.
Having made friends with the typesetting and having confident skills in English (level Intermediate at least) you can learn the basis of JavaScript.
The next stage of development will be the study of the most popular frameworks for the frontend, namely React and Vue. Studying programming on the server side, that is Node will allow you to work as a Fullstack developer, which is more in demand in Western markets. As you gain more knowledge and expand the list of frameworks, in about 5 years you will grow to Senior Full Stack JS Developer with an average salary of $5000 in the domestic market.
Decide what you want to be – a layout maker, JS developer, Frontend developer, Backend developer or Fullstack specialist. All of these areas can be studied separately from each other, but the efficiency will be lost, so the sequence is better to choose – layout, JS, React, Vue, Node, and all the rest.
Starting to master JS
If we talk more specifically about mastering JavaScript, the training plan can be structured as follows:
- Basics of HTML, CSS and jQuery – interaction of JS with HTML.
- Basics of JS: history of JS, code structure, variables, data types, operators, functions, recursion.
- Data structure: numbers, strings, objects, arrays, stacks, queues.
- JSON is the most common data exchange format.
- Object-oriented programming in JS: introduction, getters and setters, classes, modules.
- Working with events.
- Frontend: CoffeeScript, TypeScript and other syntaxes, AJAX and COMET, MVC, React and Vue frames, DOM, code optimization.
- Backend: SSR, CSR, Node, Express, asynchrony in JS, databases, DBMS.
- GIT – version control tool.
- Frontend and backend code testing tools: Jasmine, Jest, Mocha, Protractor.
This is a brief outline which can still be supplemented and supplemented. For a better understanding of the structure and scope of learning JavaScript, we suggest using proven books and video reviews.
