# السلام علیکم ورحمتہ اللہ وبرکاتہ
Hi,
دوستو
# Associated Links
* [YouTube Videos Playlist](https://www.youtube.com/playlist?list=PLuSlqiqQkM0wSHcgl7CjEYg51PxsCwMVd)
* [GitHub Repository](<a href=”https://github.com/asakpke/Learn-PHP-Web-App-Development-using-MySQL” target=”_blank” rel=”nofollow”>https://github.com/asakpke/Learn-PHP-Web-App-Development-using-MySQL)
# Class Intro (*brief*):
* GUI/UI/UX
* Sample Website
* Convert into PHP
* Bootstrap
* Sign Up Page
* Security Issues in Signup
* Log In Page
* Session Management
# Course Intro (*brief*): Learn PHP Web App Development using MySQL
 [^1]
* Course style: fast without basics
* Resources: My Learn Programming Course, My Paid Course, FWD Live Sessions, PHP Urdu Book, W3Schools, DigiSkills
* Course Fee!
* Don’t worry :slightly_smiling_face:, pay as you like!
Account Holder: Aamir Shahzad
Account No: 52010100479581
Bank Name: Meezan Bank
City: Attock City
Branch Code: 5201
IBAN No: PK97MEZN0052010100479581
You can pay fee whatever you can afford :innocent: Even if it’s just a rupee/dollar, we appreciate it.
# Instructor Intro (*brief*): Aamir Shahzad
* DCS, IDCS, IADCS, MCS
* Programming, Linux & Open Source
* RoshanTech, Attock City, Pakistan
* [www.eSite.pk](http://esite.pk/)
# Requested to Like Videos
It’s requested to like our videos because it helps us to reach more great people like you.
# Class
* GUI/UI/UX
* Sample Website
* Convert into PHP
* Bootstrap
* Sign Up Page
* Security Issues in Signup
* Log In Page
* Session Management
# GUI/UI/UX
* GUI stands for Graphical User Interface
* UI stands for User Interface. It is the part of a computer program, website, or other electronic device that enables the user to interact with it
* UX stands for User Experience. It is the overall experience that a user has when interacting with a product or service
* DigiSkills Chatbot Bad Example
# Sample Website
## 0.html
## 1.css/2.html from [w3schools](https://www.w3schools.com/howto/howto_css_example_website.asp)
* Bit changed
* Separate CSS file
# Convert into PHP
## Header File
### 4.php
## Sidebar File
### 5.php
## Footer File
### 6.php
## Content File
### 7.php
### 8.php
# Bootstrap
* Bootstrap is a free and open-source front-end framework for developing websites and web applications
## CDN
* A CDN, or content delivery network, is a system of servers that are distributed across the globe
* Improved performance
* Increased availability
* Reduced costs
* Improved security
* Scalability
* Global reach
### 9.html
## Without CDN
* Control
* Offline use
### 10.html
# Sign Up Page
## 11.html
## 12.php
* Remind 0.php file from the last class
# Security Issues in Signup
# Ending
# Signal/WhatsApp Groups for Q/A
▶️ YouTube.com/asakpke
یہ گروپ مفت وائیڈ ڈویلپمنٹ سیکھانے کے لیے بنایا ہے۔ کیونکہ یہ گروپ اوپن ہے اسلیے کوئی بھی غیر معقول/متعلقہ شئیرنگ کر سکتا ہے جسے گروپ سے ممکنہ نکال دیا جائے گا۔ ہر ممبر کی ذمہ داری ہے کہ وہ اپنی طرف سے ایسی پوسٹ کو ڈیلیٹ کردیں۔
https://signal.group/#CjQKIIssIuNAzXUTNutw2TIOPso2Hw3W11Lc6nFELTzPQQHSEhD4buQi25ABWVuAyoZKfevd
https://chat.whatsapp.com/EhEIPA7HdKb6MnvlzwyqLa
آپ بےشک اس گروپ کو ہر جگہ شئیر کریں، شکریہ 🙏
عامر شہزاد
RoshanTech
www.eSite.pk
[url=https://www.pngall.com/web-development-png/download/12773 Web Development PNG Image[/url]
Want to create live streams like this? Check out StreamYard: https://streamyard.com/pal/d/5453049746423808
