<h1 style="text-align: center;"> Advanced Programming in Web Technologies </h1>

<br/>

 <div align="center"> 
 
 ![PHP](https://img.shields.io/badge/php-%23777BB4.svg?style=for-the-badge&logo=php&logoColor=white) &nbsp; ![Laravel](https://img.shields.io/badge/laravel-%23FF2D20.svg?style=for-the-badge&logo=laravel&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) &nbsp; ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) &nbsp; ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) &nbsp; ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) &nbsp; ![MySQL](https://img.shields.io/badge/mysql-%2300f.svg?style=for-the-badge&logo=mysql&logoColor=white)
 </div>
<br/>
  
# About This Repository
Learning about Object oriented PHP overview. Understanding the concepts of dynamic web
application using framework and template layout, View - Controller Data Transportation/Action Form actions and data validations, Session-Cookies, Middleware, ORM, and Database, Authentication and Middleware Revise, API vs RESTful API, PHP Framework API Creation and Interaction, ntroduction to JS and Object oriented JS overview. JQuery (AJAX) and JSON, Understanding the concepts of dynamic web
application using Node.Js
framework, Creating and integrating database with web applications using Active
Record and CRUD operation, Creating dynamic applications and web services using JS framework.


## COURSE DESCRIPTION [CSC 4261](https://www.aiub.edu/faculties/fst/ug-course-catalog/ "AIUB - Faculty of Science and Technology (Undergraduate Course)") <br>
<details>
  <summary>Click to More</summary>
<br>

>  - At the end of the course, the following objectives shall have been attained<br>
> - Understood and appreciated the object-oriented programming concept using PHP<br>
> - Understood and appreciated programming Web-based applications using PHP framework<br>
> - Understood and appreciated programming the security for framework-based applications<br>
> - Prepared and presented a group project using PHP framework<br>
> - Understood and appreciated the object-oriented programming concept using JavaScript<br>
> - Understood and appreciated programming Web-based applications using JS framework<br>
> - Prepared and presented a group project using JS framework<br>
  
</details>

# Quick Overview - Setup & Run

>**Need to Download**:
<br>[Visual Studio Code](https://code.visualstudio.com/download) or **Any Text Editor**
<br>[Google Chrome](https://www.google.com/chrome/) or **Any Browser**

#### Step - 1 
Download or Clone
```sh
git clone https://github.com/livealvi/Advance-Web-Technology
```

#### Step - 2
```sh
cd Advance-Web-Technology/<task_folder_name>
```
**OR** Goto folder ```Advance-Web-Technology``` > ```APTW_Task_1``` Open with [Visual Studio Code](https://code.visualstudio.com/download) or Any Text Editor
#### Step - 3
```sh
php artisan serve
```
Goto **PORT** ```http://127.0.0.1:8000```

# Language - Tools - Technology

| Tools & Technology			 | Version           		
|------------------------|-----------------------   
|PHP 			 		 | [8.0.11](https://www.php.net/ChangeLog-8.php#8.0.11)       |
|Laravel 			 		 | [8](https://laravel.com/docs/8.x/installation)         |
|Blade Templates 			 		 | [8](https://laravel.com/docs/8.x/installation) |
|NodeJs 			 		 | [17.4.0](https://nodejs.org/en/)          		      |
| HTML5  		| [5](https://www.w3schools.com/html/)                                |
|CSS3          			 |[3](https://www.w3schools.com/css/)                         |
|JavaScript				 |[ES5](https://www.w3schools.com/js/js_es5.asp) , [ES6](https://www.w3schools.com/js/js_es6.asp) |
|JSON				 |[ECMA-404](https://www.json.org/json-en.html) or [JSON](https://www.w3schools.com/js/js_json_intro.asp) |
|MySQL / PhpMyAdmin					 | [5.1.2](https://www.phpmyadmin.net/downloads/) |

# Note
- This Markdown (**README**) is **not complete** or well documented
<br>- _Learning in progress_

- Sometimes might be **crash or error**
<br>- _Learning in progress & depends on git commit_

## - Thank You.