- π 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.
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. |
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 |
-
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
-
- 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.
-
-
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"; } } });
-
As a full stack web developer, I'm skilled and knowledegeable in server-side programming languages like PHP Node.Js Python Ruby.
-
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! ");
-
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>
-
- I have skilled working with MySQL database. But, with Laravel Eluquest ORM Model PostgreSQL easily be handeled.
-
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 byInertiaJs
. - Laravel
Controller
. - Laravel
Middlewere
. - Laravel default
Authentication
system with sanctum API token. - Full Back-End support of Laravel.
- Laravel
-