Improve your JavaScript learning experiment

There is no end to learning-especially in Web development. Our industry is constantly updating and improving ourselves. We should do the same! Unfortunately, persistence will exhaust people, but it must be like this. In this article, I will show you how to make small experiments an interesting and effective way to learn new things and make sure you learn and stay up to date. There is no end to learning-especially in Web development. Our industry is constantly updating and improving ourselves. We should do the same! Unfortunately, persistence will exhaust people, but it must be like this. In this article, I will show you how to make small experiments an interesting and effective way to learn new things and make sure you learn and stay up to date.

Keep lab fun

Do you have any spare time projects? If you do, I believe you have done a fun project at the beginning, but it will soon become a messy project. Getting into trouble is not a very interesting thing, and it will cause great harm to both projects and your work. The main reason is the spread of scope or pressure, and you should relax in your spare time. By executing some rules, we can ensure that we will not encounter unpleasant accidents:

1.Prepare your work. Make sure you know how big your experiment is and what it includes. If it is too large, divide it into manageable blocks. Each block must start and end, or terminate it.

2.Scheduled tasks. Do not stay up late every night. You only need to schedule one or two hours, once or twice a week.

3.No deadline. Everyone, including you, needs to relax. Set the target. It does not matter if it is not completed.

4.Give yourself some entertainment time. Although you should not delay, life is not just a check box on the agent list. Take some time to enjoy the fruits of your work.

Small experiments do not mean they cannot be part of large projects. Taking a data visualization project as an example, it takes some time to complete it, but it can be easily divided into small tasks:

● Set up a construction Workflow

● Retrieve interesting data (this is an APIs list that inspires you)

● Use Node. js to obtain and process data and use ES2015 features

● Compare and select a technology (canvas, WebGL, DOM/SVG) or library (d3.js, p5.js, THREE. js) to visualize data

● Visualize data with the tools you choose

I use the Trello template to track all my experiments. Where I list them and make plans for them, and add relevant information until the experiment starts. For large projects, I tend to create a new template for it and add cards for each task. Other alternative tools can also meet your needs. Writing things to documents can eliminate interference.

Review lab

In addition to learning new things, experiments are also a great opportunity to improve yourself. Review your experiment and ask yourself the following questions:

1. Can problems during execution be avoided through better preparation? If so, what should I do?

2. What is the quality of execution and what can I do to improve it?

3. Can I prepare my experiment more effectively?

Review and improve what we have done provides us with experience-this is also very valuable to our industry. Many lab comments have created good blog articles.

Running Environment

You probably already know that JavaScript works in the browser, but do you know that you can still run JavaScript programs outside the browser?

● Node. js is currently the most popular JavaScript that does not require a browser to run. With it, you can write scripts, command line interfaces, desktop applications, or other things. It can run on Windows, OS X, and Linux.

● Electron allows you to build cross-platform desktop applications with vintage HTML, CSS, and JavaScript.

● Cordova allows you to build mobile software using HTML, CSS, and JavaScript.

● React Native allows you to build mobile software using the React framework.

Browser API

In the past few years, many new APIs have been introduced into browsers, allowing you to do a variety of interesting things.

● Service Worker API is a large API that enables us to do a variety of things, such as providing offline support.

● WebRTC is an API that allows us to create real-time connections with another computer.

Some APIs allow us to connect devices to do something similar to reading sensor data or letting devices do things (such as vibration ).

● Ambient Light Sensor provides environment brightness information for us to adjust the brightness of websites or applications.

● The role of Battery Status is clear at a glance. We can request the battery status. Programs with high power consumption can use it to enable power-saving mode.

● Geolocation provides us with the user location information.

● We can use network information to provide customers with small files.

● Communications is very useful for many applications, such as chat applications.

● Are you creating a game that uses the mouse for input? using Pointer Lock is what you need.

● Proximity helps you understand the closeness between users and devices. Maybe this can be used to detect "hug "?

● Device Orientation allows us to detect when the Orientation changes.

● Vibration allows us to vibrate our devices, which is great in the game.

Library and framework

Most libraries are designed to work more easily, so it does not require much experience to use it. Many popular libraries and frameworks (such as Angular and Reacti) are even considered essential knowledge systems for the profession. One or two types of reserves can help you better express yourself during the interview.

After learning about the continuous development of libraries and frameworks for so long. Although they are helpful, you should understand the problems solved by the frameworks and libraries, and be able to solve these problems without the help of these libraries and frameworks.

Framework Structure

● Angular is an MVC framework that is still used by many teams.

● React is a library used to render views.

● Polymer is a library used to create Web components.

● Lodash. js, Underscore. js, and Ramda. js are both functional programming libraries. Some teams prefer to use them, but many do not. Either way, understanding functional programming (functional programming) is a good development skill. You should know about these frameworks.

Real world

Personally, I am very excited when I find that I can write software to do something in the real world. Consider either of the following:

● Raspberry Pi (Raspberry Pi) is a credit card-sized single board computer that is ideal for teaching or learning.

● Arduino is similar to Raspberry Pi, but focuses more on electronics.

● Lego mindstorms is a mini computer that can control the LEGO hardware. Why not choose it?

● Johhny-FiveJohhny-Five is a JavaScript framework for robotics and Iot. It can be installed on Arduino or similar devices.

All the above small computers are programmable and can be developed using JavaScript.

Conclusion

Small experiments are a good way to learn new things. Another benefit is that small experiments can help you improve your way of working and the most valuable in the industry. By executing some rules, we can keep experiment fun and encourage ourselves to learn more and become better.

For those who are stuck, I hope this article will give you motivation to start a new and interesting experiment. For those who are not sure what to do next, I hope this article will give you some inspiration. If you are interested in any term in the article, you are welcome to search for more details about it and discover a bigger world.