Bryan G. Granse

I am a Front End Developer

  • WordPress Page Builder Tools That I Use During My WordPress Journey

    WordPress Page Builder Tools That I Use During My WordPress Journey

     Page Builder, I Am Using for WordPress Development:

    1. Visual Composer
    2. Divi Builder
    3. Elementor
    4. Thrive Architect
    5. Avada Builder
    6. 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:


    1. Overlaiz
    2. Unlimited Elements for Elementor
    3. Essential Addons
    4. Happy Elementor Addons
    5. 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

    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()

    Coding: Testing To Fetch JSON Data Using XMLHttpRequest()

     

    Coding Testing by Bryan Granse Devs
    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.
    • Pages (4)1234 Next »

    GET A FREE QUOTE NOW

    I am flexible and would like to work with you long term, and currently I am looking for a fulltime job with a long term opportunity, but able to work also part-time, get free qoute for project.

    GET FREE QUOTE

    SAY HELLO TO ME

    Search This Blog
    Powered by Blogger.

    Mga Pahina

    ADDRESS

    Purok 5-A, Brgy. Magdum, Tagum City 8100, Davao del Norte, Philippines

    EMAIL

    gransebryan@gmail.com
    bryanworkdevs@gmail.com

    Copyright © 2014 - 2023 BG - Website Developer & SEO Expert. Designed By Portfolio Blogger Templates
    Made With