©mamurjor All Right Reserved
©mamurjor All Right Reserved
com 01746 68 68 68
**Web Design For All**
What you will learn:
1. HTML
2. Wireframing
3. CSS with Live Project
4. CSS3 Animation Effect
5. PSD to HTML & Figma to HTML
6. JavaScript for Web Designers
7. jQuery & jQuery plugins
8. Bootstrap 5
9. Tailwind CSS
10. Section Based Design
11. SASS/SCSS
12. Git & GitHub
13. FTP & Server
HTML Module
Session 01: HTML Essentials
1. What is HTML?
2. Create your First HTML File
3. HTML Tags and Common Elements
CSS Module
Section 1: CSS Introduction
1. CSS - Introduction
2. CSS - How to use CSS?
3. Basic Syntax and Selectors
4. Advanced Syntax and Selectors
5. CSS Hierarchy
6. Colors, Background and Opacity
7. Advanced CSS - Media Queries
SCSS/SASS
1. Intro
2. Installation
3. sass vs scss extension
4. Live Sass Compiler for VS Code
5. Sass Variables
6. Style rules
7. Sass Nesting
8. Functions
9. Operators
10. Comments
11. Sass String
12. Sass @import
13. Sass @mixin
JS Module
1. Start Working With JS
2. How to run JS in vs code editor
3. JS Essential
4. Variable
5. Data types
6. Array
7. Function
8. Operator
9. If else
10. Loops
11. Selector
12. Event
13. DOM Manipulation
jQuery Module
1. jQuery Intro
2. Installation
3. Syntax
4. Selector
5. Event
6. Effect
7. jQuery chaining
8. Show Hide
9. Animate
10. Managing CSS
11. DOM Manipulation
Bootstrap
Session 4: Components
12. Button & Button Group
13. Navbar & Navs
14. Badges & List Groups
15. Breadcrumbs
16. Progress bar
17. Tables and pagination
18. Working with Cards
19. Media Object
20. Jumbotron
21. Spinners and Toasts
Session 5: Forms
22. Form Controls
23. Checkboxes/Form Checks
24. Custom Inputs
25. Input Groups and Icons
Session 7: JS widgets
29. Alerts
30. Dropdowns
31. Carousel Slider
32. Collapse and accordion
33. Tooltips
34. Popovers
35. Modals
36. ScrollSpy and smooth scrolling
Tailwind CSS
1. Intro & Setup
2. HTML Template
3. Linking tailwind css to Html file
4. @apply Directive
5. Tailwind config
6. Layout
7. Typography
8. Colors
9. Background
10. Display
11. Margin, Padding, spacing
12. Sizing
13. Border
14. Flexbox
15. Grid
16. Shadow, Box-shadow, Z-index
17. Effects
And, Have fun with a lot of extra functionalities with git & github….
*PHP OUTLINE*
1. Introduction
i. Why use PHP and MySQL?
ii. The PHP programming environment
iii. Overview of SQL
2. Client and server communication
3. Environment setup
i. Decisions about a testing environment
ii. WAMP/MAMP/LAMP
iii. Installing Apache, PHP, MySQL on your computer
iv. Testing on a remote server
v. Deciding on development tools
vi. Using phpmyadmin
4. PHP syntax.
5. Outputs (echo, print, var_dump ..etc)
6. Variables
7. Data types
8. Constants
9. Comments
10. Uses of Quotes (Single, Double)
2. Write a simple PHP class which displays an introductory message like "Hello All, I am
Hadi", where "Hadi" is an argument value of the method within the class
4. Write a PHP class that sorts an ordered integer array with the help of sort() function.
Output : Array ( [0] => -9 [1] => -2 [2] => 0 [3] => 4 [4] => 8 [5] => 11 [6] => 35 )
5. Calculate the difference between two dates using PHP OOP approach.
6. Write a PHP Calculator class which will accept two values as arguments, then add them,
subtract them, multiply them together, or divide them on request.
For example :
Note : PHP considers '/' to mean m/d/Y format and '-' to mean d-m-Y format.
https://phpenthusiast.com/object-oriented-php-tutorials/practice
Ecommerce Project
1. Authentication (Login, Registration)
2. Category (R)
3. Product (R)
4. Product (Filtering)
5. Image Manipulation (Single thumbnail)
6. Add to cart (Cookies)
7. Checkout
8. Payment (Stripe, PayPal, SSL Commerce)
9. Order tracking
Admin panel
1. User management
2. Category (CUD)
And so on….
Development Project
1. Blog Website
2. Landing Page Website
3. Personal Portfolio
4. WooCommerce Theme with Major Functionality
5. One Page Theme Development