DEV Community: AbdELrahman Mohamed

What A Promise ! '1st'

AbdELrahman Mohamed — Mon, 27 Mar 2023 17:31:43 +0000

Hoo-AH , In this CODE CAPSULE we will go throw Promises in js and learn how to use it , all codes will be in one Js file with examples and results, So,enough videos just take 5 mins to read it.

What is Promise in JS ?

A Promise is a very useful Object helper to work with Asynchronous Tasks and It's protector from the callback hell !

let's say we have code that do some magic and that magic is depend on server response , in this case Promises give us the advantage of complete our code execution without waiting for the server response , and make a part of our code execite when the result fullfilld ot failed

Here we create a promise with Promise Constructor function

Adding function as Executor as an argumnent for
Promise Constructor function and this executor takes two arguments Resolve in case of success and reject in case of fail .

we create a time interval to simulate as a server response after a while, then we will resolve the value .

Now , we will log the value after 1500ms or '1.5' seconds to the console and it will be "Done"

See u in another CodeCapsule !

Do you know what happened when paypal use nodejs?

AbdELrahman Mohamed — Sat, 02 Jan 2021 20:55:53 +0000

When PayPal use nodejs to rebuild some codes with it instead of Java/Spring , They noticed that :

Built twice as fast with fewer people.
33% fewer lines of code.
40% fewer files.
2X request / sec.
35% faster response time.

see you in another Do you know ! :)

All about Control-Flow in Modern Js (2)

AbdELrahman Mohamed — Sun, 27 Dec 2020 17:26:39 +0000

Hoo-AH , In this article we will go throw Control-flow in js and learn how to use , As i mentioned before in ES6 vars&dataTypes all codes will be in one Js file with examples and results, So,enough videos just take 5 mins to read it.

File will contain topics like:

For loops
Looping throw data like arrays
Wile loop
Do While loop
If statements
If else & else if statement

                Code Written by Abd-Elrahman
// for loops

for (let i = 0; i < 5; i++) // here we gonna print the numbers from 0 and stop at 4 because the condition is i is lessthan 5
{
    console.log(i); // output  0 1 2 3 4  

}

//looping throw data like array
const friends = ['Ahmed','hameed','hassan','ragab'];

for(let name = 0; name < friends.length; name++)
{
    console.log(friends[name]); // output 'Ahmed','hameed','hassan','ragab'
}

//======================================================================================

// while loop

let i = 0; //here we define the start point

while (i < 5) //here we define the condition
{
    console.log('in loop: ',i); // ouput is 
    i++; //here we iterating throw the the condition till it reach 4 

} 
let name = 0 ;
while (name < friends.length) 
{
    console.log(friends[name]); // output 'Ahmed','hameed','hassan','ragab'
    name++;
}

//======================================================================================


// do while loop  it's guarantee that the condition gonna excute one time at least even the condition isn't true!

let x = 5;
do {
    console.log('val of i: ',x); // output is val of i:  5
    x++
} while (x < 5);



let y = 0;
do {
    console.log('val of i: ',y); // output is 0 1 2 3 4 
    y++
} while (y < 5);

//======================================================================================

// if statements

const age = 25 ;

if (age > 20) {
    console.log('your are over 20 years'); // your are over 20 years

}

//======================================================================================

// if else & else if statement
const password = 'password';

if(password.length >= 12)
{
    console.log('that password mighty be strong');
}
else if (password.length >= 8 ) 
{
    console.log('password is long enougha');
}else{
    console.log(' password is not long enough');
}

Intro to Modern Js Es6 (1) Variables, newKeyWords & Data Types in one code file !

AbdELrahman Mohamed — Sun, 27 Dec 2020 16:05:18 +0000

Hoo-Ah , Welcome in this article i'd like to talk about new JS's features for Beginners , we will start with Variables,Js's newKeyWords & Data Types

in this series i'll give some kind of A brief explanation
within one JS Code file that Contains the majority of the
most common cases that use vars and datatypes and how results
looks in Browser Console! just read one time

            Code written by Abd-Elrahman 

 /* 
    JavaScript intro 
    Variables, newKeyWords & Data Types
*/

// How To log some data to Console Window
console.log('hell FROM CONSOLE ');

// variable and constants 

// use let keyWord
let age = 10;
let year = 2020;
console.log(age,year);

// overRide age variable 
age = 30; 
console.log(age) // age is 30 now


//Use const keyWord 
const points = 100 ;
console.log(points); // The output is 100

// Try to overRide Points constant 
// OverRidden cann't be done with a Constant 
// points = 200;
// console.log(points) // Uncaught TypeError: Assignment to constant variable.
/* 


// Data Types in Javascript 
Number => 1,2,3,177
String => 'hello world' , "Abdelrahamn Mohamed"
Boolean => true / false
Null => Explicitly set a variable with no value
Undefined => For variables that have not been defined
Object => Complex data structures - arrays,Dates,Literals etc
Symbol => Used with objects
*/


// Strings
console.log('hello world');

let email = 'el_rahmanii@outlook.com';
console.log(email); // el_rahmanii@outlook.com


// string concatenation
let firstName = 'Abdelrahman';
let lastName = 'Mohamed';
let fullName = firstName + ' ' + lastName;
console.log(fullName);

// getting characters
console.log(fullName[0]);  // output is A

//string lenght
console.log(fullName.length); //19

//string methods
console.log(fullName.toUpperCase()); //ABDELRAHMAN MOHAMED
console.log(email.indexOf('@')); // 11
console.log(fullName.lastIndexOf('n')); // give us the position of last 'n' in the full name
console.log(fullName.slice(0,11)); // gine us the part from 0 to 11 .SO it returns Abdelrahman 
console.log(fullName.substr(0,11)) // this one is like slice(), ut the second argument represent the how many chars we want to cutoff
console.log(fullName.replace('A','a')) // Abdelrahman



// Numbers
let raduis = 10;
const pi = 3.14;

// math operators + - * / ** %
// order of operation - B I D M A S 
let result = pi * raduis**2
console.log(result)

let likes = 10 ; 
likes = likes + 1; //11
//short hand vesrion 
likes++; //11 , itis adding one 
likes += 10 ; // 20  here we add 10 to number of likes wich is 10 so it's 20
likes -= 5 ; // 15 
likes /= 2 ; // 20

console.log(5/'hello'); // NaN means not a number 
console.log('the blog has' + likes + 'likes'); // the blog has 10 likes 

// template strings
const title = 'Intro to JavaScript';
const author = 'Abdelrahman';
const views = 30;

// concatenation way 
let output = 'the blog called ' + title + ' by ' + author + ' has '  + views + ' views'; 
console.log(output); //the blog called Intro to JavaScript by Abdelrahman has 30 views

// template string way 
let out = `the blog called ${title} by ${author} has ${views} views`;
console.log(out); //the blog called Intro to JavaScript by Abdelrahman has 30 views

// creating html templates
 let html = `
 <h2>${title}</h2>
 <p>${author}</p>
 <span> this blog has ${views} views </span>
 `;
 console.log(html);

 // The End for now ! :)

    ```


***
Thanks in advance 
rahmanii

Laravel 8 Get Country, City & Address From IP Address Tutorial

AbdELrahman Mohamed — Sat, 26 Dec 2020 20:40:32 +0000

HOO-ah , welcome in this simple laravel 8 tutorial !

How to get country name from IP address in Laravel 8. In this tutorial, you will learn how to get country, city and address from ip address in laravel 8 app.

If you are working with laravel app and you may want to fetch user information (country Name, country Code, region Code, region Name, city Name, zip Code, iso Code, postal Code, latitude, longitude, metro Code, metro Code) from ip address in laravel 8 app. So, this tutorial will help you fetch user info from IP it’s ip address.

In this tutorial, we will fetch IP Address using “stevebauman/location” composer package in Laravel 8 app.

Note that, Using this package”stevebauman/location”, you can also get country Name, country Code, region Code, region Name, city Name, zip Code, iso Code, postal Code, latitude, longitude, metro Code, metro Code.

How to get location(county,city address) information from ip address in Laravel

Step 1 – Install Laravel 8 App
Step 2 – Connecting App to Database
Step 3 – Install “stevebauman/location”
Step 4 – Add Routes
Step 5 – Create Controller By Command
Step 6 – Start Development Server

Step 1 – Install Laravel 8 App

In this step, open your terminal execute the following command to install laravel 8 app into your local system or live server:

composer create-project --prefer-dist laravel/laravel blog

Step 2 – Connecting App to Database

In this step, Go to your project root directory, find .env file and add database details as following to connecting app to database

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=here your database name here
DB_USERNAME=here database username here
DB_PASSWORD=here database password here

Step 3 – Install “stevebauman/location”

In this step, execute the following command on terminal to install stevebauman/location package in laravel 8 app:

composer require stevebauman/location

Then, Go to config directory and open app.php file. And register this package into laravel 8 app by adding the following code into your app.php file:

'providers' => [

....

Stevebauman\Location\LocationServiceProvider::class,

'aliases' => [

....

'Location' => Stevebauman\Location\Facades\Location::class,

]

After that, execute the following command on terminal to publish config/location.php file:

php artisan vendor:publish --
provider="Stevebauman\Location\LocationServiceProvider"

Step 4 – Add Routes

In this step, go to routes folder and open web.php file and add the following routes into your file:

routes/web.php

use App\Http\Controllers\GeoLocationController;

Route::get('get-address-from-ip',
[GeoLocationController::class, 'index']);

Step 5 – Create Controller By Command

Next step, open your command prompt and execute the following command on terminal to create a controller by an artisan:

php artisan make:controller GeoLocationController

After that, go to app\Http\Controllers and open GeoLocationController.php file. Then update the following code into your GeoLocationController.php file:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Stevebauman\Location\Facades\Location;

class GeoLocationController extends Controller
{

public function index(Request $request)
{
      $data = Location::get();
       dd($data);
}
}

Step 6 – Start Development Server

php artisan serve

Then open your browser and hit the following url on it:

http://localhost:8000/get-address-from-ip

Conclusion

In this laravel 8 get country, city, state, zip code,
latitude, longitude and address from ip address tutorial,
you have learned how to fetch country, city, state, zip
code, latitude, longitude and address from ip address in
laravel 8 app.

REST API Design, Development & Management (1)

AbdELrahman Mohamed — Thu, 24 Dec 2020 19:01:13 +0000

Hoo-ah! welcome to part one from REST API Design, Development & Management Article series !

in this series we going throw some API topics like:

Evolution of RESTful services
REST API Architectural Constraints
Designing REST API
REST API Error Handling Patterns
REST API Cache Control Pattern
REST API Security & Documentation and much more...

So , What is API and what's it's Job ?

API is stands for Application Programming Interface,and simply i'd like to say it's a way make some code talk to another throw many ways send and recive data with kind of data format. And one of these ways is HTTP.

In this article we will go throw Roy Fielding's Paper,Representational State Transfer (REST) as our reference .

As we mentioned above API is sending and receiving data in kind of data format let's mention the most common two : XML & Json.

Well,Send and receive are two words that humans use , but
when we deal with an API we use Request and Response.
Simply clients send Requests to Servers and Servers are Responding to them with Response.

Feeling some gullibility here but why make it complicated!😂

Hey,We will discuss the anatomy of Api's Requests and Responses later! 👀

Piece of legacy

In 2003 the most common pattern to transfer data between
clients and server was in XML, it's kind of data format .
It's called SOWAP shortcut for Simple Object Access Protocol , it's a good way btw! , But it's major
disadvantage was ➡️ Heavy on network and slow performance! here where JSON has come and take the lead 🔥 .
and JSON stands for JavaScript Object Notation

So, what the difference between `API` and `RESTful API` and what REST stands for !?

Well ,we could say that not every API is RESTfulone !

And ?

And that's it for this part!

So,what next ?

How APIs work with HTTP.
Request and Response Architecture
Answering What is RESTful.
How to make my API REStful.
Whats is richardson maturity model ?