| Name | Basit Ali |
|---|---|
| Age | 29 yo |
| [email protected] | |
| Phone | +971 56 563 1806 |
Summary of
Responsibilities & Skills
Front-End:
Proficient in front-end technologies, which are essential for creating the visual elements and user experience of a website or web application. Responsive and user-friendly interfaces that work seamlessly across various devices and screen sizes.
Front-end frameworks/libraries to build interactive and dynamic user interfaces.
Back-End:
Skilled in server-side programming languages used to develop the logic, functionality, and database interactions that power web applications. Capable of designing and creating databases, managing data storage, and ensuring efficient data retrieval and manipulation.
Back-end frameworks to streamline the development process.
Additional:
- API (Application Programming Interface) development and integration, allowing different software components to communicate with each other.
- Awareness of security best practices to ensure that the web applications are resistant to vulnerabilities and attacks.
- knowledge of deployment, server configuration, and cloud platforms.
- Analytical thinking and the ability to troubleshoot and debug issues effectively.
- Understanding of common web security practices, including authentication, authorization, and data encryption.
A few Code
Syntax Snippets
Vanilla Javascript
function nameOfFunction () {
// function body
}
// declaring a function named greet()
function greet() {
console.log("Hello there");
}
// function call
greet();
// program to print the text
// declaring a function
function greet(name) {
console.log("Hello " + name + ":)");
}
// variable name can be different
let name = prompt("Enter a name: ");
// calling function
greet(name);
VueJS
<script setup>
import { ref } from 'vue'
const show = ref(true)
const list = ref([1, 2, 3])
</script>
<template>
<button @click="show = !show">Toggle List</button>
<button @click="list.push(list.length + 1)">Push Number</button>
<button @click="list.pop()">Pop Number</button>
<button @click="list.reverse()">Reverse List</button>
<ul v-if="show && list.length">
<li v-for="item of list"> {{ item }} </li>
</ul>
<p v-else-if="list.length">List is not empty, but hidden.</p>
<p v-else>List is empty.</p>
</template>
ReactJS
import React from 'react';
class MyComponent extends React.Component {
render(){
return (
<React.Fragment>
<div> ... </div>
<button> ... </button>
</React.Fragment>
);
}
}
export default MyComponent;
Laravel
@foreach ($users as $user)
@foreach ($user->posts as $post)
@if ($loop->parent->first)
This is the first iteration of the parent loop.
@endif
@endforeach
@endforeach
<x-alert type="error" :message="$message"/>
<x-user-profile/>