Posts

Application Framework Project

Image
Online Fashion Store As part of our Application Framework Group Project, we have developed a Web application for Online Shopping Cart System for a Fashion Store. GitHub Link -  https://github.com/HansikaPerera/Fashion-Store-Shopping-Cart-System REQUIREMENTS In this project, we can identify three main roles like Admin, Store Manager, and User. If someone visits this fashion store web application, he or she can view the fashion items without a login. If someone going to place an order, he or she must have a registered account in our store. Once the admin creates a login for the store manager and it should be notified to the store manager via email. Only admin can create new categories. The store manager can add new product details to the relevant category and add discounts to selected products. Users can add their products to their shopping cart. Users can purchase the selected products in the shopping cart by selecting the payment method. Users can create a wish l

What REST Services Are

Image
REST represents Representational State Transfer. REST is a web standards-based architecture and uses HTTP Protocol. It spins around assets where each part is a component and an asset is gotten to by a common interface utilizing HTTP standard strategies. REST was firstly presented by Roy Fielding in 2000.  In REST architecture, a REST Server just gives access to assets and REST client gets to and modifies the assets. Here every asset is recognized by URIs/worldwide IDs. REST utilizes different representations to represent an asset like text, JSON, XML. JSON is the most famous one. The following four HTTP methods are commonly utilized in REST-based architecture. GET         - Provide read-only access to a resource. POST       - Use to create a new resource DELETE  - Use to remove a resource. PUT          - Use to update an existing resource or create a new resource. A web service is an assortment of open protocols and standards utilized for trading data between

Introduction to Express JS

Image
                             Express JS E xpress is a quick, un-opinionated, moderate Node.js framework intended for building APIs, web applications and cross-platform mobile applications. Presented by TJ Holowaychuk in 2010 and propelled by Sinatra software, Express is a lightweight framework with complete in-assembled application features.  Express.js is a standard server for Node.js and back-end parts of the MEAN stack. Express JS Manages: Routing Session HTTP Requests Error Handling It removes the development time of the developers and helps in conveying effective and fast applications. Express is anything but easy to modify and configure and can be easily associated with the database like MongoDB, Redis, MySQL. As Express.js is written in JavaScript, it is an exceptionally simple language to learn and manipulate. Why Should us Use Express JS Ultra-fast I/O Asynchronous and single-threaded MVC like structure Robust API for easy routing High Performance

Getting Started with React JS

Image
React Components A Component is considered as the main building block of a React application. It makes the undertaking of building UIs a lot simpler. Every part exists in a similar space, yet they work independently from each other and merge all in a parent component, which will be the last UI of your application.  Each React component have their own structure, strategies just as APIs. They can be reusable according to your needs. For better understanding, consider the whole UI as a tree. Here, the root is the beginning component, and every one of the other pieces becomes branches, which are additionally partitioned into sub-branches. In ReactJS, we have primarily two sorts of components. They are  Functional Components  Class Components Component Life Cycle In ReactJS, each component creation process includes different lifecycle strategies. These lifecycle methods are named as the segment's lifecycle. These lifecycle methods are not extremely complex and called

Introduction to React JS

Image
What React JS Is React is a javascript library for creating user interfaces. React was developed by Facebook and Instagram and now maintained by the Facebook community.  React is; Declarative  Declarative, it implies that you don't tell all the essential details and simply determine what you need and the framework will deal with itself. To put it plainly, no immediate DOM control like it's done by means of jQuery. Component Oriented                In ReactJS, a page is divided into segments. A few segments are children in different segments. For example, if there a page with a search bar, the search bar will be treated as a segment. Learn once, Write anywhere                 React JS can use as a server language with Node JS. Key Features of React JS Presently, ReactJS increasing snappy prominence as the best JavaScript framework among web designers. It is assuming a fundamental job in the front-end system. The significant features of ReactJ

Introduction to Node JS

Image
L et's talk about node js; the most powerful JavaScript platform. Node JS is a JavaScript runtime environment. Okay! Sounds good. Right? But what does that mean?   Node JS runtime environment includes everything that we want to execute a program written in JavaScript. Node JS came into existence intending to create real-time websites with WebSockets. It is an open-source, free, cross-platform runtime environment for developing server-side and networking applications.      Why Should I Use Node JS? Extremely Fast Node JS is created on Google Chrome's JavaScript Engine(V8 Engine). So in code execution, its library is really fast. I/O is Event-Driven and Asynchronous All APIs of the Node JS library are asynchronous. Because of that Node JS based server never waits for an API to return data. The server goes to the next API after calling it and a Node JS notification mechanism events support the server to get a response from a previous API call. Single-Th

Basics of JavaScript

Image
JavaScript!!  How ubiquitous   it is.   It is in almost every website. When HTML and CSS are languages that give the structure and the style to a particular web page, JavaScript gives that web page interactive elements. In detail, JavaScript is simple, easy learning, a text-based programming language used both in client and server sides which allows making web pages interactive. It is an open-source, lightweight cross-platform. JavaScript adds behavior to web pages. It is one of the most flexible coding languages with abilities from visual effects to data presentation to servers.  What is JavaScript used for? Add interactive behavior to web pages Create web applications and mobile apps Game development JavaScript Engine Google's V8 engine is the most popular example of the JavaScript engine.   V8 engine consists of 2 components. Memory Heap Call Stack How does JavaScript work? JavaScript is traditionally client-side which means   each and eve