Skip to content
View aizubair21's full-sized avatar

Block or report aizubair21

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
aizubair21/README.md

Hay, What'sup πŸ™‹β€β™‚οΈ

  • πŸ‘‹ I'm AMIMUL IHSAN ZUBAIR as a PHP/Laravel web developer from Bangladesh a learner and wordpress expert.
  • πŸ‘€ I'm interested to learn new thing everyday. and do some different jobs. that's not done yet.
  • 🌱 I'm currently pass my time through learning web development. Currently I'm learning "Laravel" a PHP Framework. with 'Vue.js' for SPA.

CONNECT WITH ME πŸ“Œ

Facebook LinkedIn Web E-Mail

LIVE PROJECTS

Name Description Using Technology
SOMORPON BUILDERS somorpon builders is a real state company. use website to Display there projects and purposes. also use back-end to manage their office, employee, salary and projects status. as well as daily task of somorponbuildersltd. Made with laravel.

OFFLINE PROJECTS

Name Description Using Technology
Weather API HTML,CSS,JAVASCRIPT,OPENWEATHERAPI
Student Manage with Online Exam System A full featured student management system application with laravel also have an online exam system (MCQ and Writter). full featured MCQ exam application. HTML,CSS,JAVASCRIPT, LARAVEL
Password Generator A project to generate strong password with vanila javascript. HTML,CSS,JAVASCRIPT
MCQ Template A template for online MCQ Application. HTML,CSS,JAVASCRIPT

SOFT SKILLS πŸ’ͺ

  • Full-Stack Web Development

    A full stack web developer is a professional who possesses the skills and knowledge to develop both the cliet-side and server-side coponents of a web applicaiton. They are proficient in various technologies and programming languages required for front-end and back-end development

  • Front-End Development

    • Aa a full stack web developer I have well-versed in front-end technologies such as HTML, CSS and JavaScript.
    • I have expertise in creating and designing use interfaces, ensuring a semless user experience.
    • I have skilled in using frameworks and liveries like Reack and VueJs . But, Personally I use VueJs as for SPA applications to build interactive and dynamic web pages.
    • Additionally, I'm skilled to design and develop responsive web pages.
    • Front-End Techlogolies

      • HTML - Markup language

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Markup Language</title>
        </head>
        <body>
            
        </body>
        </html>```
      • CSS - Style

        body {
          margin:0;
          padding:0;
          overflow:hidden;
          line-height:25px;
        }
      • JavaScript for User Interaction

        <script>
        var targetElement = document.querrySelector(".targetElement");
        targetElement.forEach((elm, index)=>{
            elm.addEventListener("input", (e)=>{
                console.log(e.value);
            })
        );
        </script> 
      • Less (CSS prepocessor)

        body{
            .icon{
                border-radius:50%;
                width:100px;
                height:100px;
                display:flex;
                justify-content:center;
                align-items:center;
                
                  .inner{
                        border-radius:50%;
                        width:80px;
                        height:80px;
                        
                    }
            }
        }
      • Jquery Jquery usable for DOM Manipulation. But, I cetisfied with vanila JavaScript by using Modern JavaScript like ES6 syntex. (If i use Vue.Js Jquery not needed)

        Example of Jquery
        //have an array DOM, like this
        var dom_element = document.getElementsByClassName("dom_element");
        
        /**
        * we aware to assign an 'click' event listener each dom element when clicked.
        * with Jquery, done as like this
        */
        $(".dom_element").on("click", funciton(e){
          console.log(e);
        })
        
        /**
        * But, with vanila js. we have to loop through every dom_element array. then add 'click' listener one by one.
        * bellow example with ES6 syntex
        */
        do_element.forEach((d_elm, index)=>{
            d_elm.addEventListener("click", function(e){
              console.log(e);
            })
        })
        
        /**
        * if we aware to do with vanila JavaScript.
        * We have to loop throuth do_element with forloop.
        * sometimes a DOM array make with 'getElementsByClassName' not working with ES6 syntax. then use this technique
        */
        
        for(var i = 0, i < dom_element.length-1, i++){
        /**
          * when i is o. we get first array element by dom_element[i]. it continued till the last element of array. we get one by one array element
        */
          dom_element[i].addEventListener('click', function(e){
                  console.log(e);
            });
        }
    • Vue.Js : use vueJs as my front-end reactive library for SPA application.
      //'script.js'
      import {createApp} from 'vue';
      const app = New Vue({
           el:"#app";
          data() {
             return:{
                   message:"This is vue application";
              } 
          }
      });
  • Back-End Development

    As a full stack web developer, I'm skilled and knowledegeable in server-side programming languages like PHP Node.Js Python Ruby.

    • Back-End Language

      I personally use PHP as my personal Back-End language for hangle data storage and retrieval.

      <?php
      $name = "PHP";
        echo ("PHP is a server-side language! ");
    • Back-End Framework

      I skilled of using back-end frameword laravel. well known with laravel MVC pattern. experienced laravel -

      • Routing
      • Middleware
      • Controller
      • Fachades
      • Eluquent ORM
      • Request Lifecycle
      • Blade Template
      • Artisan Console
      • Queues
      • Authertication
      • Authorization
      • Email Varificaiton
      • Seeding
      • Query Builder
      • Mutator / Casts
      • Livewire
      • Breeze
      • Sanctum
      • API etc...
      PHP Laravel Example -
            <?php
      
            namespace App\Http\Controllers\admin;
            
            use App\Http\Controllers\Controller;
            use App\Models\client_message;
            // use App\Models\landBusiness;
            use Illuminate\Http\Request;
            use Illuminate\Support\Facades\DB;
            use App\Models\project;
            use App\Models\project_category;
            use Illuminate\Support\Str;
            // use App\Models\project_image;
            use App\Models\readyFlat;
            use App\Models\User;
            // use FontLib\Table\Type\name;
            use Illuminate\Support\Facades\Auth;
            use Illuminate\Validation\Rule;
            // use App\Notifications\ResetPasswordNotification;
            use Illuminate\Support\Facades\Hash;
            use Illuminate\Validation\Rules;
            
            class adminController extends Controller
            {
                //project control index
                public function projectIndex(Request $req)
                {
                    return view('pages.back-end.project.index');
                }
                public function projectIndexByAjax()
                {
                    // $projCategory = project_category::all();
                    // $projectsAll = project::all();
            
                    $projectsAll = DB::table('projects')
                        ->select(
                            "projects.*",
                            "conditional-filters.b_name as filter_name",
                            "project_categories.b_name as category_name",
                        )
                        ->leftJoin("conditional-filters", "projects.status", "conditional-filters.id")
                        ->leftJoin("project_categories", "projects.category", "project_categories.id")
                        ->get();
                    // return $projectsAll;
                    return view("pages.back-end.project.indexAjax", compact("projectsAll"));
                }
            
      
            </details>
    • Back-End Server

      • I have skilled working with MySQL database. But, with Laravel Eluquest ORM Model PostgreSQL easily be handeled.
    • SPA Application

      I managed SPA Application using vue with laravel under the InertiaJs echosystem. Inertia gives us use Laravel Back-end manage and Front end with Vue components. Have some fachilities to use all of laravel features, inclulding

      • Laravel Routing system instead of vue routing. All routing and SPA techinique manageged by InertiaJs.
      • Laravel Controller.
      • Laravel Middlewere.
      • Laravel default Authentication system with sanctum API token.
      • Full Back-End support of Laravel.

Popular repositories Loading

  1. Domain_API Domain_API Public

    This is an API project to search domain. By this application you can search any domain by name. it show you is this available or not wit price. No page loading. full client side rendering system

    JavaScript 2

  2. AQS AQS Public

    a private teaching institure website to show their batch and cources. also provide their free-recorded video course and live session.

    JavaScript 2 1

  3. weather-api weather-api Public

    a javascript weather application using openweatherapi resources. It take your current location by default and show the much weather information. You set any specific area information by search loca…

    JavaScript 1 1

  4. MCQ-js MCQ-js Public

    make a MCQ examination system with only vanila javascript using raw json data.

    CSS 1

  5. calculator calculator Public

    basic calculator

    HTML

  6. calculator-with-separate-btn calculator-with-separate-btn Public

    separate button calculator for simple math.

    HTML