Basic web technology


Recently, I've made web-app(notebook of words) for myself and found that the web is a very powerful tool. So I want to write down some key factors for making this app.

Framework & Cloud services

In this site, I use framework below
  -frontend: Angular
  -API server: Node.js & Express
  -PaaS: Heroku.com
  -DB server: MongoDB(mlab.com)
  -Authentification: firebase.com

Frontend (Angular) and Backend (Express)  are connected by RESTful API endpoint which I write lately.
I also use the official Node.js driver for connecting MongoDB(mlab.com) instead of using mongoose. Image is below.
I like server-based javascript language. Before a couple of years ago, I didn't know much about javascript but after using Angular, I've been fascinated by this language. I know object-based language through javascript and typescript. I think javascript is not what it was 10 years ago. It is a modern programing language, I think.

I also use VScode & GitHub. 
VScode is lighter than ATOM which I had used to and has powerful add-ons indicating the meaning of syntax of Angular etc so I can code efficiently.
GitHub is also an essential tool for me because I'm coding little by little, fix bugs, improving them, adding some functions. So if I didn't use it, I lost which are right codes. So I often "git push" not to lose my codes.
Chrome browser is also essential for its powerful debugging functions (it is available putting on the F12 button).

Getting back to what I was talking about.
A Framework like Angular, Node.js, Express, MongoDB also cloud services like Heroku, mlab.com firebase is a very powerful tool.
It's amazing that I can use them for free!

RESTful

RESTful is very important idea when we create web services.
It consists of four key factors (details are referred https://restfulapi.net/ )
 - Client-Server
 - Stateless
 - Cacheable
 - Uniform Interface
 - Layered system
 - Code on demand
And I think No2 & 4 are especially key concepts. By the No4 rule, I can reuse server.js' code at another programming.

And also No2 is essential for good coding. I'd used to program with C when around 1990 and I often checked global variables because these are shared by some codes. It is a little complex coding. But adapting the RESTful concept, I don't have to worry about global variables because I don't have to use these. I only ask something to another programing and get an answer, it's a simple solution.


CRUD, NoSQL

The Database is essential for web-services and recently we don't have to own our database server by using mlab.com, firebase, etc.

When I handle database, service.ts does HTTP request of "post" "get" "put" "delete" to server.js (express) and server.js order database cloud (mlab.com) of "C(reate)" "R(ead)" "U(pdate)" "D(elete)" . It's a very simple rule. 

And recently NoSQL DB becomes popular which is not needed SQL knowledge. NoSQL database handles data by JSON format which is very easily handled by javascript programmer. We can manage a database like documents and I like this concept very much. For example, in case of firebase, the database consists of collections, and each collection has some documents and each document is the same as record and a document consists of fields and I can add fields with the object-type format so we can handle data with JSON format. It has flexibility so we don't have to add field freely. We don't have to have special knowledge of databases and also reuse these codes. 

I think SQL is a good system but I like NoSQL DB.


DOM

This is the most important notion for web programming, I think. A recent framework like Angular supports DOM so we can handle template-component relationships without knowing DOM but understanding DOM brings me deeper understanding of what is happening at web service.
Web page (HTML in browser) display documents at a PC screen but HTML is not a mere document, it holds logical document tree inside so programs like javascript can handle documents (html&css) dynamically like a code. When I know this notion, I was amazing this idea and I like the javascript world very much.

Authentification

As we use real web-services, authentification is an essential technology because when we use a database at the company, we have to identify each user's identification, their branch name, their competence to access information and to do them, we have to identify each user so we have to use authentification mechanism.

We can make their own authentification system from scratch but it needs some amount of time, so it is a good idea to use authentification clouds. I like firebase cloud so I try to use firebase authentification which can be easily introduced to my web service. I like it very much!


Observable and Promise

Observable is a technology that I'm deeply moved. Observable handle data like "stream" and we can handle realtime data with an array of data. It's a big idea for web technology, I think. In relation to cloud service, there is a time-delay so this technology is a powerful tool to use cloud services.

Anyway, I want to continue writing about these technologies next time.


Comments

Post a Comment

Popular posts from this blog

Pops

It's intersting to paste YouTube video inside blogs so I searched my favorite Pops and I can find all of them ! But as seen my favorite list below, almost all of them are on late 1980' when I was a college student. -> year 1985 　・Take on me (A-Ha) 　・True (spandau ballet) 　・West End Girls (Pet Shop Boys) 　・Steppin' Out (Joe Jackson) 　・I'm In The Mood For Dancing (The Nolans) 　・I'm not in love (10cc) 　・Breakout (Swingout Sister) 　・Do you really want to hurt me (Culture Club) 　・ Thriller
Read more

Earthquake happend in Japan

On Friday afternoon, big earthquake had occured. I worked at office at Osaka. At first, next branch's team used TV conference to Tokyo office and tokyo team said earthquake had occured, and a few seconds later, we felt earthquake. Our office is at 11th floor and swing was very big so we felt very awful if our building was collapsed. It was about 2:30 PM. Afterthat, we switched our TV on and saw what happend in Japan, so our work had almost stopped afterthat. (safely, my house in Osaka and my parents and brother and sister's house in Shizuoka-pref. was safe) Magnitude 8.8 was very huge. Newspapers said it is the biggest magnitude earthquke in japan since authority had a record. Our hometown shizuoka was said to be occurd big earthquake since I was a child 30-40 years ago, so we had many training since i was a junior school, so at first I thought that earthquake at shizuoka had finally happend ! This eqrthquke had happend at touhoku-region so maybe many japanese thinked
Read more

Goldsmith College, UK

Image
When I was a graduated student, I went to London and enjoyed summer school at Goldsmith college for about a month, because I wanted to spend good time at that period. Goldsmith college was located near New Cross station and I stayed at dormitory of this college, because at summer time, dormitory was empty due to the summer vacation time. And I happened to watch Flickr yesterday and search the word "New Cross", then found Goldsmith College's & around this area's picture and felt longing for this town. New Cross is located about half an hour from central London by train, so it is very convenient place to go around central London. And this town is not so big (in another saying, feel a little deserted-looking), so I enjoyed the fist experience of abroad in a relaxing mode, so I liked this town very much. If you see this picture , you can see the dormitory(*) where I stayed about 20 years ago, so I am deeply moved. (*) UK's college is started at September, s
Read more

Iga ueno city, Ninja museum

Image
We went to Iga-ueno city to see Ninja show. Recently, my son likes ninja, and he practice how to make syuriken by origami-paper at kindergarden and Iga-ueno is the place where I wanted to go, so we went there at 21 July. It was about 1.5 hour by car and we arrived there about 1 p.m. and ate lunch at okonomiyaki shop " Ito ". This shop is like normal house, and we make okonomiyaki by ourself and we order big size okonomiyaki and big size yakisoba and cost 1230 yen ($12) and tasted very good ! After eating, we went to NINJA MUSEUM of Igaryu . And inside this museum, there hold Ninja show (needed extra cost 300 yen per person) and the last show started at 3 p.m. so we safely watched the last show. This show was very good and after watching this show, my son tried syuriken.  After this show, we walked through this museum and there were tour-guide so they navigate us and telling the story of ninja's life.
Read more

Our new family !

Image
He is our new family and he is our first baby! He was born on 28 May, and this Wednesday he came our home from hospital and 4 days had passed. He is very very bouncing baby so my wife couldn't sleep well, but we love him very much. He cried very loudly so we tried to ease him in various ways, and this picture is one of ways to be quiet. (this red material is a rattle and if I shake this rattle, he is very curious about it and hear this rattle's sound and sometimes stop crying!)
Read more