How to get experience in front-end development?

Question

Web development

In the future, I plan to become a front-end developer and get a job in some kind of campaign, but this requires experience.
Now I'm almost a complete zero in this, I would like to get some advice on how to develop in the frontend and how to gain experience.

Answer 1

If "full zero" then you first need some background information.
* ECMA-262 or in other words the specification for the JavaScript language
* V8, SpiderMonkey, Chakra - implementations of this specification built into the main browsers
This is the platform with which you will have to work. The front end is a virtual machine (for example, V8 in Google Chrome), a description of the language, as well as programs written in JavaScript.
In any of these three types of applications (there may also be combinations), a different basic typographic or graphical display mechanism is used, while each of these three types of applications uses JavaScript as the main language to control this mechanism.
* HTML/CSS applications are normal HTML applications with CSS styles (possibly with animation), usually business applications or what is called UI consisting of control elements: buttons, input fields, checkboxes, radio buttons, labels, windows, etc. This includes, for example, most of all sites on the Internet as well as Windows Phone applications. Literally thousands of frameworks.
* SVG applications - this includes vector toys or other applications where objects instead of HTML DOM elements are SVG elements. The coolest libraries here are paper.js, d3.js, etc.
* Canvas applications - this includes toys or applications that independently render a bitmap for a rectangular area of ​​the screen. specific type of applications.
When developing applications, you will need to communicate with application servers, which can be written in many languages. The backend is already starting here, so you just have to be prepared for the fact that any language can be on the server. But to save time, you can use the basic examples from node.js for development, since node.js is a JavaScript backend, i.e. on the same platform as the browser, only it is not engaged in the graphical environment, but in storing files, accessing databases and so on. But what you will need to know is the protocols and formats that the client (browser) and the server (which can be written in any language) communicate with each other.
Protocols:
* HTTP 1.0,1.1,1.2,2.0 - the main protocol of the Internet
* REST - using the HTTP protocol to organize access to application resources that are on the server (GET POST PUT HEAD OPTIONS DELETE, there may be their own protocol extensions). The main types of resources are scalar (concrete /users/joe objects) and vector (enumerations of /users/ objects).
* WebSocket - a specification for the socket protocol on top of which you can create your own protocols.
Formats:
* JSON is a basic format that is a subset of JavaScript.
* XML is a format that you may have to deal with. The XHTML page itself, for example, is an XML document.
* MessagePack is one of the possible binary formats that you may someday have to deal with.
If you understand this well, then you need to find a framework and come up with some kind of project (maybe even with a business idea) and try to implement it under the guidance of a person who will follow and say whether you are doing it right or not.

Answer 2

Start small, take interfaces from simple websites like todo-app or a product catalog. Do the same thing with the help of different libraries and without them at all. This way you will face the real tasks that you will have to do when you get a job. Learn front-end build systems like grunt or gulp, write tests for your study projects.
Next, it's time to try server-side JS and more complex projects. Standard practice is to start a chat so you can learn how to "cook" NodeJS.
With this baggage, you can easily find a job. Good luck with your studies.

Answer 3

write code

Answer 4

Are you serious about answering these questions?