Month: November 2018

c# – Linq – JToken, JObject, JProperty, JArray

The JToken hierarchy looks like this: JToken – is an abstract base class JContainer – is an abstract base class of JTokens that can contain another JTokens JArray — represents a Json array (contains an ordered list of JTokens) JObject — represents a Json object ( contains a collection of JProperties) JProperty — represents a …


Font awesome naming convention

Here is some collections for working with font-awesome Source: https://fontawesome.com   1- Rotating icons <div class=”fa-2x”> <i class=”fa fa-font-awesome”></i> <i class=”fa fa-font-awesome fa-rotate-90″></i> <i class=”fa fa-font-awesome fa-rotate-180″></i> <i class=”fa fa-font-awesome fa-rotate-270″></i> <i class=”fa fa-font-awesome fa-flip-horizontal”></i> <i class=”fa fa-font-awesome fa-flip-vertical”></i> </div> Source: https://fontawesome.com/how-to-use/on-the-web/styling/rotating-icons 2- Sizing icons <i class=”fas fa-stroopwafel fa-xs”></i> <i class=”fas fa-stroopwafel fa-sm”></i> <i class=”fas fa-stroopwafel fa-lg”></i> …


How to create a new component in Angular Framework

1. Open the folder of the website on Visual Studio Code 2. In folder app create the new folder with its name (ex. policy) 3. In the folder policy, create three files for html, css and ts with (ex. policy.component.html, policy.component.css, policy.component.ts) 4. Copy a file .ts of other quite similar folder then paste to file policy.component.ts …


nodejs – apache2 – digital ocean – setup server with port forwarding

Let’s assume that you have 2 nodejs applications which will run on 2 different ports 9900 and 8800. You would like to have your server forward request to those ports properly. Following steps will be useful: 1.Install apache on digital ocean server 2.Set ports.conf as follow vi /etc/apache2/ports.conf Listen 80 Listen 443 3. Create 2 …


Install a new module in Angular

Following are steps to install a new module in Angular: Find the name of the module on Internet. Ex:  ng2-page-scroll. Then, go to its website to find its latest version. Go to package.json, modify it as follows: {   “name”: “<name>”,    …    “private”: true,    “dependencies”: {       …     …


JS: map – filter – reduce methods

This blog is going to show you some example about how to use map, filter and reduce methods. This can help you quickly remember how to use it so that you can apply to your project development (at least as I am doing now 🙂 ) A- MAP 1. Convert an array into another array …


Mongodb client – nodejs : Find methods

Here are some useful query to help you interact with mongo db in node js server 1.To find all documents var requestsColl = myDb.collection(‘requests’); requestsColl.find({}).toArray(function(err, requests) {    if (err)        return callback(err);    return callback(null, requests); }); This will return all document 2. To find all documents with filter var requestsColl = …


Websites to use free images & logos – References for logos, web graphics, design

Following are some websites where we can use freely: Unsplash Loremflickr Freepik Below are the reference websites for graphic design and web design: 99designs.com Behance.net (list of mostly voted websites, a good reference for web designers) List will be updated with more! Enjoy working 🙂


Mongodb Nodejs – Replace a value in array item from a nested object

If you have a document like this: {     _id: <value>    comments: [         {              commentId: 1              comment: <value>         },        {              commentId: 2     …


Carousel View – Bootstrap 4 and Angular 6

You would need something like this for working with Carousel view file.component.html <div class=”carousel slide “data-ride=”carousel”>   <ngb-carousel>     <ng-template ngbSlide>        <div class=”carousel-caption”>           <h3>First slide label</h3>           <p>Text 1.</p>        </div>        <img src=”/assets/images/img1.png”/>      </ng-template>   …