Matt Mullenweg has less than a year confirmed the fact that many people in the WordPress world have long suspected. JavaScript is the core of the future of the platform. Then WordPress. This is further emphasized by the launch of Calypso. Of course, all this is not something that the front desk has to deal with occasionally among developers, but an upsurge to fully participate in the potential of the language. Learning how to love a widely used library is a major part of the process. In this article, we will step through the seven required JavaScript libraries that all developers must be familiar with, and highlight specific learning opportunities that provide learning opportunities to help you get started quickly. The
Start with classical music! 1.jquery malejquery, which was first launched in 2006, is a majestic and ancient person of JavaScript library and is still a necessary suite. Under the hood of WordPress itself, you will find yourself retreating and supporting the modern web in many other projects. In addition, the largest part of the business name is also explicitly supported. From the perspective of new JavaScript developers, the promise of jQuery is summed up in the tag line. When you start to learn more about \
It may be unnecessary to deal with JavaScript from scratch now. In fact, nothing understands the basics better than being really familiar with jQuery. The official jQuery Learning Center will provide a good start. Learning jQuery blog appropriately mixes novice, intermediate and expert resources, which can be further developed. 2. numbers. Specifying and manipulating the format of JS numbers is the core of many daily programming tasks. The JS library does an excellent job in JavaScript, making it much simpler. This not only makes life easier for developers who are first exposed to the language, but also a good example of a library that can solve a problem. It must be added to the toolkit as soon as possible. The
3. letina. Retina continues with the theme JS utility library with obvious daily utilities. JS is the core tool of the front end and a practical way to easily use JavaScript libraries in personal projects. Today, we live in a world with higher and higher image quality. All striped sites should be able to handle retro or devices gracefully without forcing everyone else to get large images unnecessarily. Retina JS provides an easy to understand method. From the context of JS Library series required by envato’s excellent web design, this is also a good method. Let’s see how JavaScript libraries help you easily and gracefully solve UI and layout problems in all ways. The
4. d3 JS androg numeric When you use js to control numbers exactly, you usually end up wanting to do great things with data. This is why d3.js is required. D3 allows you to create data-based documents in a way that is truly compatible with web standards. From the example list of projects, we can see that in all kinds of projects, the actual scope of use is very wide. When you start looking at the impressive list in the related tutorials, you can confidently display the data in just a few lines of code. Male 5 Bai Ben, male angular, amber and other officials
Active JavaScript frameworks decorate a lot of header lines, but when you first understand JavaScript, you have a lot to say starting with backbone. This is an easy way to use JavaScript models and view concepts, and a good way to start browsing rest API functions in word press. The
Addy Osmani develops backbones for free. The incredible combination of resources, including JS applications, will also make the library an excellent library before determining whether it really needs a wonderful framework that all colleagues are talking about. 6. chai JS androg testing is a topic that responsible developers should always keep in mind. It is the same fact in JavaScript as in other languages. Perhaps this is especially true when considering the large number of devices and deployments. If you just start the topic and have a few dollars of space, it is difficult to surpass James shore’s lets code:test driven JavaScript series. The
As jasmine, quNit, mocha and other frameworks become familiar, Chai. Take some time to browse JS. Chai JS is a convenient bdd\/tdd installation library that can run in all frameworks. To learn how to use Chai in a real project, click the guide section of the project itself, or view Michael Herman’s in-depth guide to learn how to use Chai with mocha. 7. reaction we deliberately left the last and latest library. As an epoch-making way to think about the latest UI, Facebook’s realt library has attracted the attention of developers all over the world, including the automatic team. However, it is not necessarily the easiest programming example to use your head. The
Scotch of the library. The introduction of IO is a good starting point. Andrew farmer’s Guide suggestion list provides a lot of information for further navigation. Build with react is a resource he has identified that deserves special attention. From the perspective of integrating react and WordPress, we recently scraped a surface on torque and recommended dericious brans’ tutorial on using react native with WordPress. Chris Hutchinson transformed twenty sixten into a realt application, which is as valuable as his background blog post. The
Conclusion: in the minds of developers, nothing is more valuable than a well configured library that handles most of the heavy work of a project. The list of 7 examples we identified will greatly improve the overall JavaScript game and help to save a lot of time in daily work. Let me recap. Use jQuery to master dom. Numerical Use js to control the value. Retina Use js to meet your needs. Use d3.js to control data. Use backbone to introduce structure to the project. Chai Start the test with JS. Reconfigure the front end to realt. Processing this list in order will help you successfully become a certified JavaScript ninja. But they are not the only games in the city. If we missed the core library, please contact us through the comments section below and let us know! The
Photo credit: garrot.
