Exploration of Thoughts: Express JS

 What is Express ?

This is the Javascript framework that speeds up the process of building and deploying web applications.

There is no real meaning in this definition other than words I recall reading in books and articles

How express changed how I do things?

As we learn how to code, we solve problems and construct things, but they are isolated solutions. Typical examples include a login form, virtual keyboard, or todolist. As I made this, I felt incomplete (I am still learning Javascript). When I reload the page, everything was null. No tasks in the todo list, no data in the virtual keyboard, and the login form is just a template.

i attempted to make Habitica clones with vanilla Javascript. it works, but was a mess from files, folders, and code. the code is on github. link


Major things I wanted to do but cannot with Vanilla Javascript.

  • Store some data.
  • Organized Project (with proper links that always work)
  • Error Handling  Like this
  • Other people's API in project 

Express has all the solutions for these things


They all work togethor in web app. 

1. Database
Any database can be connected to your project with express, whether it's a custom json database or Mongdb.

2. Routers
The current way I build projects is with static routing. Click the link and you will be taken somewhere else. Express's dynamic routing gives me a new dimension. Suppose a certain page on my website isn't working. I can change the link on other pages at one place and that will affect the entire site.

Also You can set template for error 404. 

3. Organized
In express, each element of the project has its own file. 

-public
  ----images
  ----javascript
  ----css

-routes
  ----welcome.js
  ----login.js

-views
----layout
------------index
------------------pages
-----------------------navigation
-----------------------footer
-----------------------scripts 
----pages
------------welcome
------------login









Comments

Post a Comment

Popular posts from this blog

My Education

Introduction: Embarking on a journey to pursue higher education is an exciting and transformative experience. For me, that journey began at Centennial College in Toronto, Canada, where I enrolled in the Computer System Technology Networking program. In this blog post, I want to share my personal experiences and highlight the incredible opportunities that Centennial College has provided me as I've delved into the world of computer systems and networking. 1. A Dynamic and Relevant Curriculum: Centennial College's Computer System Technology Networking program offers a curriculum that is both dynamic and relevant to the ever-evolving field of information technology. From day one, I found myself engaged in courses that covered essential topics such as network administration, operating systems, network security, cloud computing, and database management. The program's curriculum has been carefully designed to provide a solid foundation while also incorporating emerging technologie
Read more

React: The Virtual DOM

Image
 what is DOM? Document Object Model is representation of html elements in the form tree of JavaScript object.  For example  {html:{head: {title:{value:'Welcome to my website'}, body:{h1:{value: 'Cat Photo App'}}}  using Javascript we can modify it. let h1 = document.getElementByTagName('h1'); // {value:'Cat'} h1.value = 'Cat Lovers App' // we modified the DOM Using JavaScript , jQuery, developers having making website this way.   Problems with this type of Development: 1.  slow rendering issues: every modification of element is costly 2. It's hard to keep track of changes :   ReactJS introduced Virtual DOM   Virtual DOM is representation of real DOM.  It makes us feel as we are creating a entire new Real DOM. Everytime there is any change in Virtual DOM.  There is change in Virtual DOM (like timer update, button clicked). React uses Algorithms to update subtrees of Virtual DOM. After that new Virtual DOM is mounted on Real DOM. Is re-creating
Read more