Dimensional Data

  Ext JS is a comprehensive Javascript framework accompanied by several tools for building cross-platform web applications for all types of modern devices. It is a stand-alone application development framework with a feature-rich user interface. There are 140+ high performing components that you can use to build stunning and beautiful apps. In this guide we have put together a list of 10 useful tips to help you make the most of your application development experience with the best Javascript libraries. This blog will convince you why you should switch to Ext JS as the first choice for an application development framework. 1. Are There tools to Automatically Generate Code? If you use Sencha Architect, then you have to spend less time on manually adding code for various components. Sencha Architect includes a visual app builder that supports drag and drop of different UI components in a WYSIWYG window. You can easily and quickly build HTML5 applications through the automatic code generation feature without typing most boilerplate code. This also minimizes your chances of making human errors that occur due to manual coding. 2. How Do I Create Custom Themes? Sencha Themer allows you to style and customize themes for your app. Again with Sencha Themer you don’t have to write any code. Just use the graphical tools for styling different components. Themer includes an innovative color palette that allows you to apply various color combinations to various component states. There are also options for font management and adding web fonts from Google fonts. 3. Is There a Way to Manage Packages in the Best Javascript Libraries? If you are looking for dynamic package management, then Sencha Cmd is the right option for you. It has a complete workspace for package management that allows you to create and share packages across different apps. You can also integrate any package developed by the Sencha community into your app. For larger apps, dynamic package loading is supported to create more efficient apps. 4. Is it Possible to Share Code Examples? Now with Sencha Fiddle you can easily create and share any number of code examples and snippets. It is an online IDE, where you can get a complete view of your running example without the overhead of setting up a local environment. Fiddle 2 runs on the cloud so all you need to do is login with your Sencha Forum username and password. Once your code is ready, you can share it using the Fiddle URL. 5. How Do I Load Data Efficiently? Sencha Ext JS provides an efficient and high performing robust grid for your applications that require data manipulation. The grid has an incredibly fast processing time. It has been optimized to load and process millions of records in a matter of milliseconds. The grid also allows you to apply operations such as sorting, searching, filtering, grouping and more to your data records. 7. How Do I Export and Import Data ? The Sencha Javascript grid included in Sencha Ext JS allows you to export and import all data records. You can give your users the flexibility to export the data as a .csv, .tsv, .html, .pdf or .xls format. Check out the data import and export demo for classic and modern apps. 6. What is Sencha Stencils in the Best […]

Sencha ExtAngular is a suite of Angular material components for using Angular to construct data-intensive web applications. Components are professionally designed, tested, and preserved, and they interact with one another effortlessly. Here are some interesting things that might have not crossed your mind each Sencha angular material component. Did you know ExtJS has so many prebuilt UI components? Angular is a prominent JavaScript framework that allows you to develop web applications using components. Angular, on the other hand, does not come with any pre-built components. Angular, on the other hand, does not come with any pre-built components. Angular developers must choose between creating these components from zero or relying on the community for help. ExtAngular with Angular allows you to construct web applications more quickly. Also, ExtAngular supports Angular 7.x. ExtAngular comes with over 140 pre-built and pre-tested user interface components. Some of the key components of ExtAngular are  Grid  PivotGrid Exporter  Layout Charts D3 Forms and Form Validation Calendar  Buttons, Tabs, Menus, and Panels Did you know it has a grid with inbuilt functionalities for sorting and grouping? Sencha inbuilt grids are a great way to display vast volumes of tabular data. Grid, which is just a boosted , makes retrieving, sorting, and filtering vast volumes of data simple. Grids are made up of two major components, an Ext.data.Store which comprises of data and columns to output. The main features of the grid are columns, rows, and cells, rendered and templates, and sorting and filtering. If we further elaborate on sorting and filtering Every grid is connected to an Ext.data.Store, which allows for multi-sorting and filtering. It is indeed simple to create a sorted grid from the beginning itself. Sorting is simple in real-time by just clicking on each column heading. Whenever you need to sort multiple fields at the same time, it’s simple to accomplish so by introducing additional sorters to the store.  ExtAngular Grid also includes a Locking Grid feature that allows users to lock columns or “freeze pane” in the same way that Excel does.   Did you know you can add powerful analytics with PivotGrid? Developers may utilize Pivot Grid to provide powerful analytics features to Angular applications, letting people analyze and evaluate data in order to make better decisions. The ExtAngular Pivot Grid makes adding pivot functionality to web applications straightforward. Your users may utilize Pivot Grid to examine aggregate multidimensional data using a variety of aggregation methods, including sum, average, count, and more.Ext.pivot.matrix.Local can be used to perform calculations in your browser and  Ext.pivot.matrix.Remote can be used to do the calculations remotely on the server.  Did you know ExtAngular Charts provides all types of 2D and 3D charts? Charts provide excellent data visualization capabilities. ExtAngular Charts include all of the standard 2D and 3D chart formats. Mainly there are three types of charts in ExtAngular which are as follows, cartesian/chart – Chart for series implementations that use cartesian coordinates to plot values. For example, bar, scatter, area, and line charts. Most commonly used chart. Polar – Chart for series implementations that plot values using polar coordinates. For example Radial and pie charts. Space-filling – Chart that fills the entire area of the chart. All major browsers are supported by each chart. Grid cells can also be used to integrate Sparkline charts. Along with […]

If you are an IT professional, you’ve probably heard of JavaScript, which is the most popular programming language that helped shape and implement changes to the World Wide Web into the form we know and love today. It is a force to be reckoned with, with over 97 percent of websites employing it and a large array of resources available via third-party libraries. Because it is crucial to the purpose of programming, you would have come across JavaScript Grid when utilizing JavaScript. It’s a type of user interface element that displays data in a tabular manner. Even though grids have been popular for a long time and have been in use for an extended period, their use is becoming more common, particularly in online Web App user interfaces. Every machine in the JavaScript Grid must do some work using software or a program. The aforementioned application splits the job among people by breaking it down into reasonable chunks so that everyone may work on his or her assigned duty. As a result of this division of labor, the hierarchy of the system becomes more organized, and small-scale sub-projects may be combined to execute large-scale projects when they are completed. Continue reading to learn more about the 6 steps to obtaining the ideal JavaScript grid and the essential characteristics to search for while making your decision. What Are the Steps to Finding the Ideal JavaScript Grid? In the Modern world of IT today where programming languages reign supreme and unmanaged workload is the biggest issue you seldom need a JavaScript Grid where you can divide and conquer the projects easily. Here we explain key steps and features which should look out for when finalizing your choice for JavaScript Grid. How to End Lack Of Versatility? Versatility is one of the most important characteristics to seek in a good JavaScript Grid. A multi-purpose and customizable Grid tool will increase your chances of success while also assisting you in effectively managing your task. This will guarantee that your data is not only properly structured, but also compatible with a wide range of browsers and devices, including PCs and mobile phones. Because each screen is distinct in size and has its own set of needs, a flexible tool ensures that your reputation is never jeopardized by precisely scaling and regulating the layout. How Fast Data Processing Impacts App Development? When dealing with large amounts of sensitive data that must be sorted and managed, fast data processing rates are critical. Sencha’s Ext JS is our recommendation since it is unparalleled in terms of functionality and crushes the competition. It not only guarantees that the grid loads and manipulates data sets in milliseconds, but it also assures that data processing is lightning fast thanks to a client and server-side buffered stores. It’s incredible how quick it is since standard vendors are 300 times slower than Sencha’s Ext JS. When your reputation is on the line, you can’t afford to take chances instead of opting for the best. Why Flexibility Ensures Cost-Efficiency? To organize and maintain your data while having the flexibility of cutting costs is a dream come true. But this is possible now, due to Ext JS which not only handles data requests from both local and remote data sources through Ajax, JSON, and RESTful […]

The Sencha Ext JS is a complete ecosystem consisting of an extensive Javascript framework along with supporting tools from which you can build cross-platform web and mobile applications for any modern device. The Javascript framework includes 140+ high quality and efficient components for building aesthetically pleasing and effective user interfaces. The supporting tools include Sencha Inspector, Sencha Architect, Sencha Fiddle, Sencha Cmd and more. With Ext JS beautiful and high performance applications can be built quickly and easily as the IDE and included plugins facilitate coding, enabling you to focus more on logic and the backend and spend less time on manual coding of user interfaces. Given all these features, Ext JS is no doubt the best Javascript library out there. What are the Steps to Finding the Best Javascript Libraries? If you are looking for the best Javascript library, then look no further. We have compiled together 5 steps that will help you find the framework for building awesome apps. This blog will convince you why Ext JS is the best Javascript library. 1. Does the Framework Have a Full Set of Lifecycle Management Tools? The Sencha ExtJS framework provides a full set of lifecycle management libraries through its Sencha Cmd tool. You can use features such as code minification, scaffolding for database code generation, generating a production build and more using Sencha Cmd, The automatic code generation features combined with package management can be used during all the different phases of app development along with application deployment. The workspace provided by Sencha Cmd also helps you share code and packages across multiple apps. The Sencha package repository makes it possible to integrate different packages developed by the Sencha community into your app. With Sencha Cmd you can develop a Sencha Ext JS or a Sencha Touch application. Additionally you can use it to optimize an ExtReact application. 2. Can You Accelerate HTML5 Application Development? If you are looking to accelerate HTML5 application development, then Sencha Architect is your best option. The Sencha Architect supports drag and drop features and a WYSIWYG window, where you can configure a UI component according to your requirements. This not only saves you the trouble of manually typing all the UI code but also reduces the chances of making coding mistakes and errors. 3. Which Framework Has the Best Debugging Tools? ExtJS framework is accompanied by Sencha Inspector to help you with debugging and troubleshooting. This tool provides intelligent debugging capabilities by giving you direct access to classes, objects and other components.You can carry out unit testing as well as end-to-end testing of apps built using ExtAngular, Angular and ExtReact. In addition to Sencha Inspector, you can also try out Sencha WebTestIt, a lightweight IDE optimized for building UI web tests with Selenium or Protractor. You can carry out cross-browser testing on all types of operating systems including Windows, macOS, Linux and more. 4. Is There a Way to  Style Apps in the Best Javascript Library? Sencha Themer allows you to style Ext JS, ExtAngular and ExtReact apps to accelerate development. You can use a graphical interface to create custom themes for your app without writing any code. Sencha Themer includes a smart color palette that allows you to apply different color combinations to different component states. Apart from color selections, you can […]

ExtJS stands for Extended Javascript and it is a Javascript framework built based on the Yahoo User Interface(YUI).  It’s a standalone application development framework with a sophisticated user interface. This article is an Extjs Tutorial For Beginners that will help you to get started with the framework. How to download and set up Ext JS? 1. Using your registered email address, download the Ext JS trial version using this link.  2. Download the Zip folder and Unzip it and you will get CSS and Javascript files. After unpacking the folder, you must double-click the.exe file to begin the installer. 3. Go through the installer wizard to complete the installation process. The following CSS and Javascript files are included in the library. File Description ext-all.js There are no comments in this file because it contains the detruncate code. ext.js The application’s base file contains all of the application’s functionalities. ext-all-dev.js It’s also a development-related detruncate file. It includes comments and console logs, which aid in error detection. ext-all-debug.js This file is used for debugging. ext-all.js This file is for development purposes only.   You’ll also find the relevant theme-based files in the unzipped folder, which you’ll need to include with the application. These files can be found under the ‘ext7.2.0.84-windowsext-7.2.0.84buildclassictheme-classicresourcestheme-classic-all.css’ folder. Mobile application – required to use a modern theme and it can be found under ‘ext-7.2.0.84 ext-7.2.0.84buildmodern’ folder. Desktop application – required to use classic theme and it can be found under ‘ ext-7.2.0.84 ext-7.2.0.84buildclassic’ folder. You can include the CSS files listed below in your Ext JS application. Also, you can alternatively save the Ext Js application’s code inside a file called app.js as given below.                                 Can I use Ext JS through a CDN? You can use Ext JS through a CDN without downloading the files to your computer. You can do it with the following code.                               What browsers are supported to run Ext JS applications? Ext JS is cross-browser compatible and it works with all browsers mentioned below.  Chrome Safari Firefox Opera Internet Explorer What are the naming conventions followed in Ext JS? Ext JS uses the normal JavaScript naming system, which isn’t required but is a recommended practice to maintain. Some of the basics are given below, Name Convention Class Starts with an uppercase, followed by camel case (StudentClass) Method Starts with lowercase, follower by camel case (doWrite()) Variable Starts with lowercase, follower by camel case (studentName) Constant Uppercase only (VALUE) Property Starts with lowercase, follower by camel case   What is the project structure and how does it works? Ext JS follows MVC/ MVVM (Model View Controller / Model View Viewmodel) architecture. The image below shows the structure of a typical project.  In the MVVM design, the ViewModel replaces the controller. To understand how Ext JS works, suppose we use one model object in several places of the user interface. If we update the value in one location of the UI, we can notice the modification even without storing the values. The model’s value changes, and this is displayed in almost all of the UI’s locations in which the model is being used. How to build our first program? Let’s start off with a simple […]

The quality of the tools you use almost entirely determines the quality of the websites and apps you create. So, when it comes to building websites and apps, it is always better to use efficient and cost-effective resources that can complete the task in less time than usual. This is where ready-made UI components come in. Ready-made UI components are comprehensive resource sets that allow you to properly plan the structure of your design without sacrificing your original and creative ideas. Using high-performing UI components (progress bars, checkboxes, buttons, and so on) like Sencha for user interface design can save a lot of money. They enable designers to produce outstanding visuals on time. Sencha’s UI components, on the other hand, allow you to focus on what you do best: creating great designs, rather than wasting time figuring out how to implement components. Ready-made UI components like Sencha Ext JS can help in the improvement of your design workflow in several ways, but the two most common applications are website and mobile design and prototyping. These tailormade UI components and elements that you can combine in a new project entirely or use in your current project, saving you not only a lot of time but also a lot of resources. Let’s take a look at how to save money on UI components.   How UI Components Save Your Clients Money Experiencing a small project getting out of control is an annoying situation. Workloads quadruple, the project takes twice as long as expected, and clients become frustrated that they must foot the bill for the extra hours. To help manage expectations, designers frequently inform their clients that it is difficult to accurately estimate the time it will take to complete an app or website. While ready-made UI components like Sencha will not do the estimation for you, it will help you get a more realistic sense of how long a project will take. The design is already in place; all you have to do now is structure the elements from the Sencha high-performing UI components based on your created wireframe, and then customize those design elements to meet your brand requirements. The time required to create the design elements of an app or website can be unpredictable at times. High-performing UI components will help you estimate project costs by giving you a more realistic sense of what a design project will entail and how long it will take. This will save your clients money.   How UI Components Save Your Money Sencha Ext JS UI components can also help you save money! Our UI components enable you to create high-quality designs without hiring additional talent or spending a fortune on design assets. Premium high-performing UI components may appear expensive at first glance, but if you intend to use them for every design project, it will be an extremely worthwhile investment. While tailormade UI components like Sencha Ext JS require an initial investment, this investment will result in lower budgets in the long run because brands will not need to spend more on foundational design elements unique to each project. These UI components allow for and contain many high-quality functionality elements and designs, and they are flexible, which means that more elements can be added to these components over time, saving money in […]

Sencha Ext JS is the most comprehensive JavaScript framework for building data-intensive, cross-platform web and mobile applications for any modern device. Ext JS includes 140+ UI components, such as HTML5 calendar, grids, pivot grid, D3 adapter, trees, lists, forms, menus, toolbars, panels, windows, and much more which helps make it one of the best Javascript libraries. The robust data package included in Ext JS decouples the UI components from the data layer. Hundreds of user extensions are also available from the Sencha community. You can accelerate web application development with an enterprise-ready framework, components and tools built to work together seamlessly. You can improve the web app design process with pre-integrated tools like Sencha Architect, Sencha Stencils and Sencha Themer. Sencha Test is the most comprehensive unit and end-to-end testing solution for Ext JS. Additionally, Ext JS includes a flexible layout manager to help organize the display of data and content across multiple browsers, devices, and screen sizes. It helps you to control the display of components, even for the most complex user interfaces. Ext JS also provides a responsive config system that allows application components to adapt to specific device orientation (landscape or portrait) or available browser window size. Ext JS also includes features that align with the ADA Standards for Accessible Design. The Ext JS ARIA package makes it possible to add accessibility support to your applications by providing tools that you need to achieve Section 508 Compliance. Using the ARIA package, you can create apps that can be used by people who need assistive technologies such as screen readers to navigate the web. In this article we will explore the ecosystem of all of the Ext JS libraries and tools that make it one of the best Javascript libraries. What is Sencha Ext JS? Sencha Ext JS is the most comprehensive JavaScript framework and set of libraries for building data-intensive, cross-platform web and mobile applications for any modern device but it also has an ecosystem of supporting tools as well. The Ext JS framework itself includes 140+ pre-integrated and tested high-performance UI components. But the supporting tools include Sencha Cmd, Sencha Architect, Sencha Stencils, Sencha Themer, Sencha Test, Sencha Inspector, and Sencha Fiddle. You can build Ext JS applications using drag-and-drop features and spend less time on manual coding. You can also design customized application themes using graphical tools — without writing code. The included IDE and Code Editor Plugins integrate Sencha frameworks into your enterprise workflow, enabling code completion, inspection, generation, navigation, refactoring and more. Find out more about Sencha Ext JS. What is Sencha Cmd? Sencha Cmd is the cornerstone for building your Ext applications. Sencha Cmd is the cornerstone for building your Sencha Ext JS and Sencha Touch applications, as well as optimizing ExtReact applications. Sencha Cmd provides a full set of lifecycle management features such as scaffolding, code minification, production build generation, and more, to complement your Sencha projects. With an ever-expanding list of command line options, from code generation to native packaging, Sencha Cmd automates many tasks related to the Sencha Ext JS app development lifecycles. The tool also provides a rich set of command line syntax and Ant integration. It can be seamlessly integrated with your enterprise build environments or used as a standalone tool to boost developer productivity and enhance […]

User interface (UI) is a critical component of a web application and having an attractive UI promotes a positive user experience. Several Javascript frameworks allow web developers to build stunning UI with advanced functionalities. ExtJS or Extended JavaScript is a comprehensive JavaScript framework developed by Sencha to develop data-intensive and cross-platform web and mobile applications using JavaScript. Currently, Ext Js provides more than 140+ UI components such as calendars, grids, trees, lists, forms, menus, toolbars, panels, windows, and hundreds of different extensions. So are you aiming to build high-performing web and mobile UIs using ExtJS? Then go through the following five examples of a successful Ext js tutorial for beginners. How to build an Ext Js application using a modern toolkit? The first step in creating an Ext JS application is generating an application using Sencha’s open tooling. You will use Sencha ext-gen as the application generator and ext-build as the build tool based on Sencha cmd. To use those sencha tools, you need to request them from the Sencha website. Go to ExtJS and click on start free trial. You can fill out the form and get the npm package as a zip download to your email account or directly install it using public npm. Using the free trial version, you can install the Ext Js using the following command from your command-line tool.  npm install -g @sencha/ext-gen If you are a registered customer, you can find all the related packages in Sencha’s private npm registry. You need to log in to access the registry using the below command. It will download the npm packages from the private npm registry. npm login –registry=https://npm.sencha.com/ [email protected] npm install -g @sencha/ext-gen After login, you can type in the following command to generate the new application. ext-gen app -a  Then Your project is generated successfully. Now you can go to the project folder by typing the following command. cd ./modern-app Finally, you can execute your project using the following command, which will open your application in a web browser. npm start After executing these steps, you have been successfully generated your first Ext Js application. How to build a basic layout for your application? Ext Js uses Model View Controller (MVC)  and Model–View–ViewModel (MVVM) design pattern for its generated project structure. The video tutorial discusses the basic structure of an Ext JS application, application build profiles, class system, and MVVM pattern. The main sources code of your application resides in the ‘app’ folder, and the build folder contains build-related code such as testing and production build. The app folder consists of the profiles related to phone, desktop, and shared. The shared folder contains the code shared between the desktop and the phone. Each app folder source code is organized into model and view folders. View folder contains the application’s main view, and there can be different view containers based on your application. Next,  you can find the View model of each main view.js file definition. The view models of each child view file are also located in the main view file.  Your ext Js application also contains an Application.js file, and its instance will be included in the app.js file.  Sencha will automatically create the contents of the Application.js file.  How can you use Ext Js Data Package? Ext Js data package consists […]

A well-designed user interface is essential for any software from mobile to desktop and web application. The user interface provides the gateway for end-users to interact with software. It’s impossible to provide a great user experience without a good user interface, regardless of how robust your back-end performance and functionality are. Therefore, designing an interface with proper UI components is key to creating a simple and straightforward user experience. In this blog post, we will look at different UI component resources for creating different kinds of interfaces. Where to get inspired for your next project? You will need some ideas to get inspired regardless of the type of interface. Dribble is a dedicated community for creative professionals. There you can explore new designs and ideas, buy pre-made components, themes, and fonts by other designers, and even hire people to create your ideal interface. Dribble has a dedicated section for UI components with designs for any application. It can be used to get some ideas about creating the interface for your next project. https://dribbble.com/tags/ui_components How to Find the Perfect Font? Finding the ideal font for your interface is a tedious task while finding a font with a proper commercial license can be even harder. Even though paid fonts may do the trick, they can quickly become prohibitively expensive. Font Squirrel provides a solution to this issue by providing users with a curated list of freeware fonts licensed for commercial use. On top of that, Font Squirrel provides functionality to convert your existing fronts to web-optimized versions, as well as the ability to identify fonts using an image. It allows users to quickly find the exact font type by uploading an image with the font and processing it through Font Squirrel. https://www.fontsquirrel.com/ How to Facilitate JS Charts in your Interface? JavaScript enables users to develop dynamically updating content on their websites. D3.js allows users to create charts and graphs without relying on proprietary frameworks and fully utilize the capabilities of modern browsers. However, it can be complex to properly implement this functionality. D3.js graph gallery provides users with varying examples of different types of chart implementations with various functionality. Thus, users can easily use these examples as the base to create and embed charts in their applications. https://www.d3-graph-gallery.com/index.html Where to Build and Test Individual UI Components? With various frameworks and libraries available for building user interfaces, users will have to work with different frameworks and libraries for different projects. Therefore, they will have to create different UI components that work with different frameworks. The open-source project Storybook takes a unique approach to accomplish this need by providing users with a development environment to create and test UI components. The best part of this approach is that it is compatible with a wide range of frameworks such as Vue, React, Angular to specialized frameworks like Marko, Mithril, and Preact. https://github.com/storybookjs/storybook/ Where to Get Pre-Build CSS-based UI Components? Creating UI components from scratch will not be a feasible solution to cope with fast development schedules. Furthermore, it will become a time-consuming task when coupled with the need to manage both HTML and CSS files with each change to the interface. Tailwindcss is a utility-first CSS framework designed to facilitate rapid UI development.  This framework eliminates the need to create custom CSS for each UI […]

What Are Some Hidden Gems in Chrome Developer Tools? As a software developer building applications with web technology, I naturally spend lots of time in my browser. For many years web developers struggled to build cross-browser applications because many browsers (notably older versions of Internet Explorer) failed to offer even minimal debugging tools — but thankfully today every browser ships with helpful developer tools and support modern standards. These can be especially useful when working with the best javascript framework. I use Google Chrome as my primary browser simply because its set of developer tools offers more features than the competition. I often joke that Chrome Developer Tools has so many features that they ran out of space to show them, so I wanted to share a few hidden gems I’ve found. Read the full article about the Google Chrome developer tools hidden gems. How does Ext JS Outperform Grid Competitors on Key Performance Metrics? The overall volume of generated data has grown exponentially over the past couple of decades. As a result, modern JavaScript data grid components that manage the display and analysis of these massive data volumes have evolved. Today, there are many data grid offerings in the market that tout enhanced capabilities to display and manage analysis. But how many of them can withstand the true test of performance as it relates to “Big Data”? To answer this question, we got into the trenches and ran performance tests comparing Ext JS data grid to other popular market offerings and outlined our results in this post. There have been several JS Grid performance claims (each valid in their own way), but many lack the demonstration of real use case scenarios — specifically pertaining to large datasets. This performance evaluation was based on how an end-user would actually use the grid in the field and we put the most popular data grids to test. Read the full article about the Ext JS Javascript grid library performance. What Is The How and Why of the MVVM Pattern in Ext JS? A well written application structure and code can tell a story. While code writing is a way to efficiently communicate with the target device, writing it in an appropriately chosen design pattern is crucial, as it enables developers to effectively collaborate and communicate with the technical framework suited for the project. One such tried and tested pattern that has met these needs is the industry standard MVC (Model, View, Controller) pattern. MVC pattern serves the purpose of abstracting the main concerns of a user facing application: its data (Model), its presentation (View) and any  logic that connects the two (Controller) away from each other to be addressed in isolation — while still being interdependent in a loosely coupled manner. This way, any changes made in one can be made without undue complications being brought to the other(s) and compromising the application as a whole. Read the full article about the how and why of the MVVM pattern. How Do I Handle Asynchronous JavaScript: Promises? JavaScript is single threaded, causing code to execute from top to bottom, so two bits of code cannot run at the same time. For example, you might download a JSON file from an (external) server and you’d have to wait until you retrieve that file. Instead of blocking the thread, there are ways you can […]