Skill Development

Roadmap for Laravel

Career
By
Team Mamurjor

Topics:
1. Web Design
2. PHP
3. Laravel
4. REST API with Lumen

“Start your Journey &

Get your Success”

©Mamurjor All Right Reserved mamurjor.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

Web Design Environment

1. Configure PC for Web Design
2. Download and install Code Editor
3. Browser and its type.

HTML Module
Session 01: HTML Essentials
1. What is HTML?
2. Create your First HTML File
3. HTML Tags and Common Elements

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 4. HTML Attributes
5. Tables
6. HTML Document Structure
7. Head Element
8. Body Element
9. Absolute/Relative File Paths
10. Links and Buttons
11. List Elements
12. Block quote
13. Inline Elements

Session 02: Adding Media to a Web Page

14. Images
15. Audio Files
16. Video Files
17. Vector Graphics & Illustrations

Session 03: Text Basics

1. Headings and Paragraphs
2. Lists and Blocks
3. Bold & Italic
4. HTML Charsets, Entities and Symbols

Session 04: Semantics & Organization

5. Semantic Structural Elements
6. Navigation
7. Non-semantic Elements ("div" and "span")
8. HTML Comments
9. The "Section" Element

Session 05: Forms

10. HTML Forms
11. Different Types of Inputs
12. Choosing Between a set of options

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

Session 05: Template and server
13. Creating and Previewing Our First Page/ Layout Elements
14. Convert our Content into HTML Markup
15. Code Formatting
16. Marking up our Homepage
17. Identify Remaining Content Types as HTML Elements
18. Link Separate Pages Together
19. Troubleshooting
20. Uploading Content to a Web Server

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

Section 2: Basic Styling

8. CSS - Formatting and Styling Text
9. CSS - Adding Borders
10. CSS - Margin and Padding
11. CSS - Styling Lists
12. CSS - Styling Links
13. CSS - Styling Buttons
14. CSS – Fonts and Adding Icons

Section 3: Display and Position Properties

15. CSS - Working with Display Values

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 16. CSS - Display value: Inline-Block
17. CSS - Positioning HTML Elements Part-1
18. CSS - Positioning HTML Elements Part-2
19. CSS - Handling Content Overflow
20. CSS - Floating HTML Elements

Section 4: Box Model and Shadows

21. CSS - Box Model
22. CSS - Box Sizing
23. CSS - Adding Shadows

Section 5: Combinators, Pseudo Classes and Elements

24. CSS - Combinators
25. CSS - Pseudo Classes
26. CSS - Pseudo Elements

Section 6: Backgrounds and Gradients

27. CSS - Adding Backgrounds
28. CSS - Gradients
29. CSS - Handling Text Overflow

Section 7: Practice Problems

30. CSS - Project-1
31. CSS – Project-2
32. CSS – Project-3
33. CSS – Project-4
34. CSS – Project-5

Section 8: Responsive Design

35. CSS - Introduction to Responsive Web Design
36. CSS - Viewport
37. CSS - Dynamic Size
38. CSS - Introduction to Media Queries
39. CSS - Responsive Webpage Design using Media Queries

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

Section 9: Flex Layout
40. Introduction
41. Flex Container & Flex Items
42. Immediate Child Only
43. Flexbox Axes
44. Flexbox Module
45. Parent Properties
46. Display
47. block vs inline
48. flex-direction
49. flex-wrap
50. flex-flow
51. justify-content [row]
52. justify-content [column]
53. space-around vs space-evenly
54. align-items [row]
55. baseline
56. align-items [column]
57. align-content
58. Child Properties
59. order
60. flex-grow
61. flex-grow calculation
62. flex-shrink
63. flex-shrink calculation
64. flex-basis
65. flex-basis vs widths
66. flex
67. align-self
68. Flexbox Properties
69. Aligning with Auto Margins

Section 11: Grid Layout

70. Introduction to Grid Layout
71. Grid Container
72. Explicit Grid

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 73. Minimum and Maximum Grid Track Sizes
74. Repeating Grid Track
75. Grid Gaps (Gutters)
76. Positioning Items by Grid Line Numbers
77. Spanning Items Across Rows and Columns
78. Naming Grid Lines
79. Positioning Items by Line Names
80. Naming and Positioning Items by Lines with the Same Name
81. Naming and Positioning Items by Grid Areas
82. Implicit Grid
83. Implicitly Named Grid Areas
84. Implicitly Named Grid Lines
85. Layering Grid Items
86. Aligning Grid Items (Box Alignment)
87. Aligning Grid Tracks

Section 10: Effects and Animations

88. CSS - Transform Property
89. CSS - Align Elements using Transform Property
90. CSS - Transition Property
91. CSS - Animation Property
92. CSS - Flying Rocket Animation using Animation Property

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

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 10. Comments
11. Sass String
12. Sass @import
13. Sass @mixin
14. Sass @extend

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

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 Bootstrap
Session 1: Getting started
1. Introduction of Bootstrap
2. Installation & Environment Setup

Session 2: Layout and z-index

3. Bootstrap Class for layout
4. Bootstrap 5 Breakpoints
5. Default z-index for the elements

Session 3: Utilities and Typography

6. Headings & Typography
7. Text Alignment & Display
8. Floats & Fixed Positions
9. Colors & Background
10. Margin & Padding
11. Border and sizing

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

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 23. Checkboxes/Form Checks
24. Custom Inputs
25. Input Groups and Icons
26. Inline Forms

Session 6: Flexbox and Grid System

27. Magic of Flexbox
28. Super Useful Grid System

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

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 15. Grid
16. Shadow, Box-shadow, Z-index
17. Effects
18. Filters
19. Tables
20. Transition and animation
21. Transform
22. Interactivity
23. SVG
24. States (Hover, focus, active..etc)
25. Responsive
26. Responsive navigation
27. Using precursors
28. Custom Class
29. Variants
30. Plugin
31. Presets
32. Optimizing for production

Git & Github

1. Git & Github Intro
2. What is version control system & why we need this?
3. Github (github.com) - Basic Usage
a. Create a Professional Github Profile
b. Details about Github Repository
c. Github Codespaces
d. Github Organizations
e. Projects
f. Stars & Gists
g. Github Settings
i. Profile
ii. Account
iii. Appearance
iv. Account Security
v. Emails

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 vi. SSH & GPG Keys
vii. Repositories
viii. Package
ix. Organizations
x. Developer Settings
h. Create new Repositories
4. Difference between Git & Github
5. Git Environment Setup & Configuration
6. Basic Commands for Working on Projects
a. Create files
b. Delete Files
c. Update or Rename Files
d. Open projects in Code Editor using Command Line
7. Creating & Setup in Projects
a. Git initialization (git init)
b. Git Clone (Clone projects from Github Repositories)
8. Important Commands
a. Check File Status
b. Add all files to Git
c. Commit Changes
d. Stage to Temporary Memory
e. Remove File
f. File rename and Move to another Directory
g. Back to Previous Commit

9. Git Branching & Merging

a. Check Branch
b. Create Branch
c. Delete Branch
d. Branch Switching
e. Branch Merge
f. Stash
10. Sharing & Updating Projects
a. Pull any Branches from Github
b. Push any Branches from Github
c. Fetching & Remote
11. Other Important Commands

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 a. Git Help Command
b. Git GUI for your Environment
c. Major Parts or Command Line Interfaces
d. Gitignore
12. Add Local Project to Github Repositories
a. Add remote repository URL to local project directory
b. Upload All Project Files Using Command Line
c. See all changes from Remote Repository
d. Compare Code
e. Create Projects
f. Github Canban Board to track full project roadmap
g. Create Issues
h. Solve & Update Issue Status
i. Add Time for Each Projects/Issues
j. Details about Pull Request
i. Compare two branches
ii. Attach two separate branch to one another
k. Add project contributors
l. Github Pages
i. Host your HTML files to github pages & Generate links
m. Release Projects by Version
n. Package Publish
o. Repository Settings
p. Git Fork to Other Developer’s Projects
q. Contribute to Other Developer’s Projects
r. Create Organizations
s. Manage Teams With Github

And, Have fun with a lot of extra functionalities with git & github….

Website Section Overview

1. Hero
2. Services
3. Content

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 4. Testimonial
5. Blog box
6. Team member
7. Pricing
8. Google maps
9. Contact forms
10. Footer
11. Course Outline
12. Review
13. Comment
14. Menu(top, left, right)
15. Footer Navigation For Mobile
16. Call to action
17. Blog page
18. Login/Register
19. Pre-loader
20. Content Loading Animation
21. Contact
22. FAQ

*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.

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 5. Outputs (echo, print, var_dump ..etc)
6. Variables
7. Data types
8. Constants
9. Comments
10. Uses of Quotes (Single, Double)
11. Operators
i. Arithmetic operators
ii. Logical operators
iii. Comparisons
iv. Operator precedence
12. Mathematical functions
13. Control Statements (if..else, elseif, switch, ternary, null safe)
i. Electric bill calculation (For first 50 units – 3.50 tk/unit For next 100 units – 4.00
tk/unit For next 100 units – 5.20 tk/unit For units above 250 – 6.50 tk/unit)
ii. A PHP calculator using switch case (Addition, Subtraction, Multiplication, Division)
iii. Check if a person is eligible to vote by age
iv. Check if a person is eligible for marriage in BD by gender.
v. Check if number is positive or negetive
vi. Check if number is odd or even vii. Check if data is integer or string
vii. and many mores
14. Loops (for, foreach, while, do, do while)
15. Arrays
16. Array functions
i. array()
ii. is_array()
iii. in_array()
iv. array_merge()
v. array_keys()
vi. array_key_exists()
vii. array_shift()
viii. array_unshift()
ix. array_push()
x. array_pop()
xi. array_values()
xii. array_map()
xiii. array_unique()

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 xiv. array_slice()
xv. array_diff()
xvi. array_search()
xvii. array_reverse()
17. Array problem and solution
i. Find maximum number from an array
ii. Find 2nd max number from an array
iii. Sort array from min to max
iv. Calculate average number of an array
v. Merging 2 different types of array together
vi. Search data from an array
vii. Show array data in lowercase and uppercase
viii. Get unique values
ix. Remove duplicate values
x. Check if email address is unique
xi. Check unique username
xii. Merge 2 comma separated lists with unique value only
xiii. Difference between 2 multi-dimensional arrays
xiv. Check if all values are string or not
xv. Union of 2 arrays
xvi. Filter out array data with some specific keys
xvii. Filter a multi-dimensional array.
xviii. Remove all white spaces from an array
xix. Combine 2 array and use one array data as keys and others as values
xx. Convert string to array
xxi. and many more problem and solutions.
18. Random password generator (contains uppercase, lowercase, numeric and other)
19. Numbers
i. Making calculations
ii. Using built-in numeric functions
iii. Incrementing and decrementing
20. Strings
i. Concatenating strings
ii. Trimming strings
iii. Removing slashes and other harmful characters
iv. String functions
21. Functions (user define, built-in)

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 22. Regular expression (RegEx)
23. Superglobals ($GLOBALS, $_SERVER, $_REQUEST, $_POST, $_GET, $_FILES, $_ENV,
$_COOKIE, $_SESSION)
24. Form Handling
25. Form validation
26. Form required
27. Form URL/E-mail
28. File uploading
29. File validation
30. File inclusion (include, include_once, require, require_once)
31. Sending mail
32. Mail verification
33. Exception handling (try, catch, throw, finally)
34. Error Handling
35. Bugs, Debugging
36. Date, Time
37. Filters
38. JSON (encode, decode)
39. php File system
i. basename()
ii. dirname()
iii. copy()
iv. file()
v. file_exists()
vi. file_get_contents()
vii. file_put_contents()
viii. filesize()
ix. filetype()
x. is_dir()
xi. is_file()
xii. link()
xiii. unlink()
xiv. mkdir()
xv. rmdir()
xvi. move_uploaded_file()
xvii. pathinfo()
40. PHP core setting (PHP.ini)

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 41. Application structure guideline
42. Application skeleton
43. Request and response cycle
44. Security
45. Resources

Databases
1. Database fundamentals
i. Structuring a database
ii. Using tables
iii. Table relationships
iv. Common data types
2. Creating a database
i. Using PHPmyAdmin
ii. Adding a table
iii. Populating a table with types and data
iv. Browsing a table
3. Getting PHP to connect to MySQL
i. Using the mysql_connect() function
ii. Using the mysql_select_db() function
iii. Testing a connection
iv. Writing a sample error trap
4. Querying MySQL using PHP
i. Writing SQL queries
ii. Using Select, Insert, Update and Delete
iii. Querying MySQL and returning results
iv. Interpreting the returned array
5. Building a Web Application
i. Add entries
ii. Modify entries
iii. List entries
iv. Filter entries
6. Relation Database
7. Security features (Validating entries)

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 Object-Oriented PHP - Constructs
1. The class construct
2. Class constants, properties and methods
3. Constructor
4. Destructor
5. Access Modifiers
A. public
B. Protected
C. private
6. Scope Resolution Operator (::)
7. Object instances
8. Member visibility
9. Static properties and methods
10. Inheritance
11. Interfaces
12. Overrides
13. Magic methods
14. Class and method abstraction
15. Object interface
16. Type hinting
17. Final Keyword
18. Object Cloning
19. Object Cloning
20. Comparing Objects
21. Late Static Bindings
22. Objects and references
23. Object Serialization
24. Traits
25. Namespace
26. Object cloning and comparison
27. Functions that work with classes
28. Exceptions
29. Package management(Composer)

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 30. Database CRUD
31. PSR-4 autoloader

PHP Classes Exercise

1. Write a simple PHP class which displays the following string. Go to the editor

'Mamurjor IT Institute !'

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

3. Write a PHP class that calculates the factorial of an integer

4. Write a PHP class that sorts an ordered integer array with the help of sort() function.

Sample array : array(11, -2, 4, 35, 0, 8, -9)

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.

Sample Dates : 1981-11-03, 2013-09-04

Expected Result : Difference : 31 years, 10 months, 1 days

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 :

$mycalc = new MyCalculator( 12, 6);

echo $mycalc- > add(); // Displays 18

echo $mycalc- > multiply(); // Displays 72

7. Write a PHP script to convert a string to Date and DateTime.

Sample Date : '12-08-2004'

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

Expected Output : 2004-12-08

Note : PHP considers '/' to mean m/d/Y format and '-' to mean d-m-Y format.

Practise from url

https://phpenthusiast.com/object-oriented-php-tutorials/practice

PHP & AJAX

1. What is AJAX?
2. How AJAX Works
3. AJAX PHP Example
4. AJAX Database Example
5. AJAX Live Search
6. Auto Complete Search
7. PHP - Ajax RSS Feed Example
8. AJAX Poll
9. Ajax CRUD [CReate Update Delete] with PHP and MySQL database
10. Ajax CRUD [CReate Update Delete] with OOP PHP and MySQL database

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

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

1. User management
2. Category (CUD)
3. Product (CUD)
4. Homepage management
5. Settings
6. Order management

**Laravel Course Outline**

Laravel Fundamental Concept :
● Why Framework ?
● Clear concept on MVC design pattern.
● Test pre-requirement
● Installation
● Configuration
● Run Project
● Directory structure
● Think in MVC design pattern way with Laravel
● Introduce to CLI & essential artisan command
● Routing
○ Basic routing
○ Route with view
○ Routing with parameter
○ Named Routes
○ Route Groups
● Controller overview, structure & start
● Routing with controller
● Data pass controller to view
● Redirect from controller
● Controller type
● Single action controller
● Resource controller
● Views & Blade Templating
● Template Inheritance
● Extending A Layout
● Displaying Data on blade template / view

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 ○ For loop
○ If Statements
○ Switch Statements
○ Loops
○ The Loop Variable
○ Comments
○ Including Subviews
○ Raw PHP
○ CSRF field
○ Method
● URL generation
● Session & Cookie
● Validation
● Error handling
● Migration
○ Structure
○ Up & Down method
○ Table Creation
○ Rollback
○ Batch & History
○ Reset, Refresh & Fresh
● Seeding
● Laravel Query Builder
○ CRUD Operation
○ Aggregates
○ Merge
○ Left-join Right-join
● A blog project with CMS
● 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

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 ○ 9. Order tracking
○ Admin panel
○ 1. User management
○ 2. Category (CUD)
○ 3. Product (CUD)
○ 4. HomePage management
○ 5. Settings
○ 6. Order management
● Pagination
● Localization
● Middleware
● Role based auth system
● Mail verification
● Password reset
● Project deployment
● Shared hosting deployment
● And many more

Laravel Intermediate :
● Software development intro
● Understanding about software requirement specification (SRS)
● Understanding now about how to convert a non-technical requirement to technical
requirement
● Database Schema design
● Draw diagram on project development flow
● API development with laravel
● Eloquent ORM
○ Eloquent one to one relationship CRUD
○ Eloquent one to many relationship CRUD
○ Eloquent many to many relationship CRUD
○ Eloquent has one through & has_many through
○ Eloquent one to one, one to many and many to
○ many polymorphic relationship
● Mail
○ Normal mail send
○ Multiple mail send at once
○ Bulk mail send at once
○ Custom mail / mail send like a pro from application

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 ○ Mail queue
● Queue
● Cache
● Event
● File storage
● Helper
● Http clients
● Notification
● Task scheduling
● Observer System Architecture Pattern
● Real-Time Pusher Application
● SEO for Web Application Developer
● Laravel application installer project
● Note : we will build small project for all of tasks

REST API with Lumen:

● Laravel Lumen Introduction
● Concepts on Rest API
● Concepts on microservices architecture
● Installation & run project
● File & folder structure
● Routing
● Controller
● API response
● JSON body response
● Introduction to Postman
● Test api
● Sending And Catching Request Data
● API documentation
● Basic CRUD
● JWT authentication
● Authentication with sanctum
● A full tiny project

Etcetera :
● Social login
○ Github
○ Facebook

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68

 ○ Google
● Data export
○ Single
○ Multiple
○ Custom as excel format
● Last but not the least :)

©Mamurjor All Right Reserved mamurjor.com 01746 68 68 68