Bryan G. Granse

I am Working as WordPress Designer and Developer, I graduated last 2014, taking a cours of Bachelor of Science in Information Technology, since then I started working as freelancers full time for my previous client, and what I am doing is to design a new website from Digital site, Agency Site, Ecommerce or Shopping site using Woocommerce, Magento, Shopify and Opencart, I am expert in terms of Managing Cpanel, On page SEO, Keyword Research, Banner Design Using Adobe Photoshop, installing WordPress CMS from scratch, connect Cpanel hosting fo a new domain, able to work full time and flexible for Emergency task or urgent task.

My Professional Skills

I can do technical works such as PHP coding, HTML, CSS and JS, I can use bootstrap for CSS responsiveness, Develop Ecommerce Website, Able to design banners using Adobe Photoshop, website speed optimization and audit, Website Maintenance and CPanel management, I also do SEO since I am also a blogger myself and monitize using Google AdSense, I am able to do Facebook Advertisement, Adwords and design landing pages using Clickfunnels, Leadpages or OptimizePress.

Web Design / JavaScript 90%

Web Development & Cpanel Management 85%

PHP, HTML & CSS and Mobile Responsive 95%

Wordpress / Custom WP eCommerce 98%

WordPress Page Builder Tools That I Use During My WordPress Journey

Page Builder, I Am Using for WordPress Development:

Visual Composer
Divi Builder
Elementor
Thrive Architect
Avada Builder
Oxygen Builder

Visual Composer - This is one of the most common plugins I use to build Websites in WordPress CMS.

DIVI Builder - I once use this builder and it's really good as well, there are premium themes that use this builder called Divi Themes.

Elementor - This one is my favorite but since my recent client did not use this one as they prefer Visual composer I rarely use this, but what I like this one is that you can create your own custom elements with it, you can try it with a free version, and there is also an Elementor Pro version of it, I mostly do some small projects using this builder in my localhost server.

Other Plugin Extension I Use:

Overlaiz
Unlimited Elements for Elementor
Essential Addons
Happy Elementor Addons
OoohBoi Steroids for Elementor

Thrive Architect - I have a client who has all tools in Thrive and this builder is also good, but I think its too expensive, but to be honest its really good, you can create a decent page for the blog page before I develop a blog and Photography site using this builder.

Avada Builder - I also use this as it also has powerful tools, the only problem with this is that it is only intended for Avada Themes, not unlike Elementor which is compatible with most of the themes you can imagine.

#bryangransedevs #wordpressdeveloper #development #wordpress #photography #projects #pagebuilder #elementorpro #elementor

A Simple and Basic Code to Get PC Memory Using NodeJS Then Convert from MB to FB

Display OS Memory Using NodeJS - Convert MB to GB

This simple code is to display a basic output from OS free memory using NodeJS, and then output it into the console.log() terminal, take note that I am using VS Code Here so if you wanted to try you can use that text editor or you can use your own.

Documentation of OS in Node can be found on their website which you can also go here. for the JS Source Code, you can get it here. (You will get the full functionality of it including the Functions that will convert the Megabytes into GigaBytes).

This Simple coding is just documentation for my NodeJS journey, and I also do JavaScript/ReactJs/Express Journey and also Laravel which will soon be displayed on this small basic blog site of mine.

Basic Code to Display OS.FreeMEM():

const os = require('node:os');
console.log(os);
const totalMemory = os.totalmem();
console.log(`TOTAL MEMORY: ${totalMemory} MB`);

Coding: Testing To Fetch JSON Data Using XMLHttpRequest()

JAVASCRIPT FETCHING JSON USING XMLHttpRequest()

Index.html I have this basic HTML that will use to display data from JSON file, here is the code below.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Javascript Fetch JSON FILE</title>
    <link rel="shortcut icon" href="data:" type="image/x-icon">
</head>
<body>
    <div class="output"></div>
    <script src="./app.js"></script>
</body>
</html>

App.js is where the JavaScript magic happens to fetch the JSON file.

const url = './data.json'; const output = document.querySelector('.output'); 
 let xHR = new XMLHttpRequest(); 
 console.log(xHR) 
xHR.open('GET', url); 
xHR.responseType = 'json'; 
xHR.onload = function() {
    
console.log(xHR.response);
    
let data = xHR.response;
    
data.books.forEach(result => {
        
output.innerHTML += `§{result.title}<br />`;
    
})
} 
xHR.send();
console.log(xHR);

Below is the JSON file that I use, you can create your own and explore, this is just for testing that will let us display data using XML http request.

{
    "books": [
        {
            "title": "Learn to Code",
            "author": "Bryan Devs",
            "isbn": "324-23243"
        },
        {
            "title": "The Adventure JSON",
            "author": "Jason Jones",
            "isbn": "3324-2-444"
        },
        {
            "title": "New Objects",
            "author": "Jane Doe",
            "isbn": "2343-234-2433"
        }

    ]
}

If you want to get the source code file you can visit this site PH Directories & Resources and download the whole file cheers.

BG - Website Developer & SEO Expert

Hi, I am

Bryan G. Granse

ABOUT ME

Bryan G. Granse

My Professional Skills

Services

Website Development

Animated elements

Responsive Design

Modern design

Flexible and with New PC and Fast Internet

Fast support

My SEO Tips and Journey

Portfolio / Blog