Content security, Copyright, Copysafe content
We have connected with many training providers and corporate businesseswho are selling their courses online for profit. One of the major business challenges which they are facing is the copying of content from their Learning Management System. Even the universities, colleges, and and all academic institutions are now looking out for a solution to secure their […]
eCommerce, Magento 2, Magento 2 Migration
Clearly, the Magento team aimed to enhance the Magento 2 version, focusing more on the UI/UX (User Interface & User Experience) and bringing out the platform for bigger enterprises. And there are a lot more improvements done than just UI and UX. Now, the big question is – “When should I upgrade from Magento 1.x to […]
H5P, Interactive Content
Do you know that now using H5P plugin in Moodle LMS, instructors can design and create more interactive Course content. The sole purpose of H5P (HTML5 Package) in the eLearning industry is to improve learner engagement as the Content is delivered or the as the Assessment happens.   In this blog, we are going to […]
We are in the tech-smart era; things are becoming easy to use in the day-to-day chore. The evolution of technology is moving on to next level of Cloud-based computing; data are stored on servers but not on a local disk. E-learning developers have done a contemplated research on the Cloud-based services looking into the core […]
Looking back to about a decade ago, there wouldn’t have been many options for an online learning portal. But, today the scenario has changed a lot. The Learning Management System (LMS) market is full of budding options. Free or Paid systems, Cloud or On-Premise with variety of methods for delivering learning – Blended Learning, Flipped Classroom, BYOD […]
TinCan-API-Experience-API-Analytics, 3E-Software-Solutions
In the ever-evolving world, corporate learning trends are transforming constantly in parallel with technological advancement. To cope up with this, it is important for the organizations to keep pace with the evolving trends in corporate training. The focus of this blog is centered towards the latest trends in Training and Development of employees in corporate […]
Corporate lms
Are we able to manage our employees according to their skills and competency? How could we solve the challenges in aligning their skills & competencies according to their role? These are the typical questions that HR Managers, Training Managers and Head of Learning & Development Or even sometimes CEO of an organization have to themselves, […]
Web Development
  • Angular CLI is​​ command line for creating an angular application

  • This tool provides all the features and as well as commands to create​​ the angular apps in an easy way.

  • Eases your angular development process​​ 

  • It will make your development process ​​ easy and thus you can reduce the development lifecycle

  • When you install Angular CLI tool and create the project, it creates entire project development environment automatically.

  • It provides you the basic necessary files that involve in code development process.

  • When you create the project with the help of angular CLI tool, it will auto-configure your project. No need for manual configuration to set up the project.

  • ​​ Overall it will reduce the development task and hence you can complete the project in the very fast manner and easy to work with the project.

 

What is Web pack?

  • Webpack is a​​ module bundler​​ for JavaScript applications and also we can it as a​​ build tool

  • A bundler is a software that bundles your application code along with its resources into a minimized, zipped bundle that can be easily deployed on the server

  • Bundler is software, to bundle the code and in a form of zipped format.

  • Module bundling is the process of converting code into a pure JavaScript file along with their dependencies by scanning import statement into the minimized format. Hence we can deploy on a server very easy manner

How does it work?

 

cats.js

var cats = ['dave', 'henry', 'martha'];

module.exports = cats;

 

  • Webpack will read the entry point very first and scan the entire files through import statement, analyze its dependencies

 

 

app.js

cats = require('./cats.js');

console.log(cats);

 

  • Webpack bundle the entry point file and all dependent file with their dependencies into a single JS file

 

Core Concepts

  • Entry

  • Output

  • Loaders

  • Plugins

Configuration Setup

  • Step 1: create your project folder

  • Step 2: package.json -> npm init –y​​ 

  • Step 2: Install webpack ->npm i -S webpack

  • Step​​ 3: Install Webpack CLI ->npmi -D webpack-cli

E:\img\npm i -s webpack-cli.png

Loaders

1.Sass Loader

  ​​ ​​ ​​ ​​ ​​ ​​ ​​ ​​ ​​ ​​ ​​ ​​​​ npm install css-loader sass-loader --save-dev

2.Babel Loader

  ​​ npm install --save-dev babel-loader babel-core

3.Css Loader

  ​​ npm install --save-dev css-loader

4.ts Loader

  ​​ npm install --save-dev ts-loader

 

Webpack-dev-server (WDS)

  • web-server to serve our application locally on some port on localhost.

  • WDS sever will serve the applications local machines

  • It will create build at the memory and uses the build for serve from​​ memory directly

  • npm install web pack-dev-server --save-dev

  • npm install HTML-web pack-plugin