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 📌

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.

aizubair21 / domain_api Goto Github PK

domain_api's Introduction

Hay, What'sup 🙋‍♂️

CONNECT WITH ME 📌

LIVE PROJECTS

OFFLINE PROJECTS

SOFT SKILLS 💪

Full-Stack Web Development

Front-End Development

Front-End Techlogolies

Back-End Development

Back-End Language

Back-End Framework

Back-End Server

SPA Application

domain_api's People

Contributors

Stargazers

Watchers

Recommend Projects

Recommend Topics

Recommend Org