"JavaScript"

The Most Useful AngularJS Tools

November 11, 2015 - Fire development

AngularJS Tools

AngularJS is a fully open-sourced JavaScript web app framework, one from a variety of new frameworks designed to improve JavaScript by speeding up development and reducing current requirements. It is supported by Google as well as a solid network of corporations and coders that deal with the problems and challenges of single-page applications. Thus, AngularJS is designed to simplify the creation of dynamic views in web apps as well as development and testing. Moreover, there are a lot of AngularJS tools that make these processes even more user friendly. Continue Reading

How to load a JavaScript file of a custom module in Magento 2

November 7, 2015 - Magento 2

Magento 2 Development

To load a JavaScript file of a custom module in Magento 2, you have to include an extension’s base javascript file via layout instructions. Continue Reading

The Best JavaScript Package Managers

September 17, 2015 - Fire development

Package Managers for JavaScript

The appearance of package managers entirely changed JavaScript routine processes, since they’ve solved a set of problems and simplified the use of the language. First of all, JavaScript package managers introduced a new reliable approach to third-party software. That’s why you only need to know how a certain tool works instead of learning the algorithm of the installation process, or how the software is built, compiled, and integrates with the system. Besides, you get a dependency management solution with every JavaScript package manager. The software knows the requirements of every package, so it automatically installs all the necessary components in order to satisfy the tree of dependencies. Continue Reading

Advanced Development with RequireJS (+ Magento 2 Tutorial)

September 16, 2015 - Fire development, Magento 2

Below, I shed light on such useful technology as RequireJS and compare it with the closest competitors. Since here on the Firebear blog we are passionate about Magento 2, I also explain how to configure and adjust RequireJS with the second version of the ecommerce platform. The article itself combines real world coding experience, notes from the official documentation, code snippets, and materials from reliable sources. You will find a complete resource list in the end of this blog post. Continue Reading

How to defer JavaScript execution in Magento 2

September 7, 2015 - Magento 2

Being a boolean attribute, defer specifies that the script is executed after the page parsing. The attribute is aimed at external scripts only (the src attribute should be present). Find more information about defer here.

Despite Magento 2 supports standard script deferring, it never uses defer in its core. To change the situation, you can use the following code:

<?xml version='1.0'?>
<page 
    xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'
    layout='admin-login' xsi:noNamespaceSchemaLocation='../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd'>
    <head>
        <script src='Dfe_Login::main.js' defer='defer'/>
    </head>
</page>

<?xml version='1.0'?>

<page

xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'

layout='admin-login' xsi:noNamespaceSchemaLocation='../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd'>

<head>

</head>

</page>

More tips from Magento 2 Developer’s Cookbook

Play & Code – Learn Programming By Playing Games

April 3, 2015 - Fire development

Learn Programming By Playing There are a lot of tools out there to turn learning into a game. The process when game thinking, game mechanics or whole games are used in non-game contexts is called gamification. Nowadays, specialists can gamify almost everything from customers interaction with a website to education. They turn routine processes into fun to improve user engagement, make learning more effective, and provide new unique user experience. As coders always were hardcore gamers, the appearance of gamified coding programs and courses was inevitable. Nowadays, there are dozens of video games which purpose is learning programming. To become a good coder, you just need a right game. Of course, it works better with theoretical courses but in this post we will tell you about games. Continue Reading

Play & Code – Lerne zu programmieren durch Spielen

April 3, 2015 - Fire development

Play & Code – Lerne zu programmieren durch Spielen

Play & Code – Lerne zu programmieren durch Spielen Es gibt viele Wege das Lernen ins Spiel zu verwandeln. Der Prozess, wenn das Spieldenken, Spielmechanik oder gar ganze Spiele im nicht-Spielkontext eingesetzt werden, nennt man Gamification. Von der Zusammenarbeit an einer Website bis hin zu einer Ausbildung mit spielerischen Elementen versehen – die Experten schaffen es heutzutage überall die Spielifizierung zu implementieren. Sie gestalten Routineprozesse zum Spaß um. Dadurch soll das Lernen effektiver gestaltet werden. Durch eine neuartige Erfahrung entsteht eine verbesserte Beschäftigung des Nutzers. Da die Entwickler oft selbst Hardcore-Gamer waren, ist es kein Wunder das die gamifizierte Programme und Lernmaterial optisch Computerspielen ähneln. Derzeit gibt es eine Menge von Videospielen, deren Ziel programmieren zu lernen ist. Um ein guter Schlüssler zu werden, brauchst Du nur das richtige Spiel. Natürlich, wenn Du Schule durchläufst und theoretischen Stoff erlernst, so ist es ja besser. Aber hier in diesem Artikel wird die Rede um Spiele gehen.

How to Become a Rock Star Front End Developer

March 28, 2015 - Fire development

Good front-end developers are always necessary. There are a lot of low quality specialists, which perform different basic tasks, but there is a lack of rock star developers. And it is no wonder. Just look at job postings and you will see how much front end job descriptions vary. Despite the large number of web design schools and coding courses, unemployed high quality specialists are rarity. In this post, we will tell about all essential skills you will need on your path to a rock star front end web developer. Continue Reading

MOA – Magento on Angular

March 5, 2015 - E-Commerce, Fire development, Magento tips & tricks

MOA

In this post, we’ve gathered all necessary information about MOA – Magento on Angular. Standard Magento can disappoint you because of its crufty Javascript, tangled interface, and heavy SOAP APIs. Magento on Angular or MOA tries to solve these problems. AngularJS, Angular in short, is an open-source web app framework. It is maintained by Google and a wide community. MOA was designed to simplify development and testing by providing a framework for client-side MVC (model–view–controller) architecture along with other components.

Magento API Wrappers

How To Become A JavaScript Developer

March 4, 2015 - Fire development

JavaScript is a prototype-based scripting programming language with dynamic typing and first-class functions used as a part of web browsers with the support of client-side scripts. It supports imperative, object-oriented, and functional programming styles. Other fields of use are server-side network programming, game development, and creation of applications. Web-based environments, which relies on JavaScript are PDF documents, desktop widgets, and site-specific browsers. Continue Reading