Web Design & Development Using Laravel & Vue
Course Description
The "Web Design & Development Using Laravel & Vue" course is designed to help learners build modern web applications with ease. In this course, you will learn how to develop a strong backend using Laravel and create interactive user interfaces with Vue.js. Through step-by-step lessons and practical projects, you will gain the skills to build complete full-stack web applications that are scalable, secure, and maintainable.
Total Classes: 47
Total Hours: 141
Batch:
Class Schedule: Saturday, Monday & Wednesday (6:15 pm to 9:15 pm)
Tentative Start Date:
Last Date of Admission:
Key Concepts Covered Include:
• Understanding valid HTML5 structure with semantic elements
• Advanced techniques in CSS3
• Standard JavaScript practices (ES5 & ES6)
• Standard Bootstrap practices
• Modern PHP development practices
• Clear understanding and usage of Composer
• Strong knowledge of Object-Oriented Programming (OOP)
• Clear understanding of MVC architecture
• Using different packages in the Laravel framework
• Developing a complete application using Laravel
• Clear understanding of Vue.js
• Techniques for building APIs using Laravel and Vue.js
• E-commerce project development
• Using Vue.js as the front-end for applications
Course Content
Module-1: HTML
a. Class One
i. BASIC HTML Boilerplate
ii. HTML Table Tag
iii. HTML Typography Tag
b. Class Two
i. HTML Form & Input Element
ii. HTML Media Tag
iii. HTML Semantic Element
c. Class Three
i. HTML Project
Module-2: CSS
a. Class One
i. CSS Basic Syntax
ii. CSS Dimension Property
iii. CSS GRID & FLEX
b. Class Two
i. CSS Media Query
ii. CSS Position Property
iii. Responsive Web Page Design
c. Class Three
i. CSS Background
ii. CSS Shadow
iii. CSS Opacity
iv. CSS Transition
v. CSS Border Radius
d. Class Four
i. CSS Project
Module-3: JavaScript
a. Class One:
i. JavaScript Basic Syntax
ii. JavaScript Variable & Data Type
iii. JavaScript Operator
b. Class Two:
i. JavaScript Statement
ii. JavaScript Array
iii. JavaScript Object
c. Class Three:
i. JavaScript Event & Listener
ii. JavaScript Input & Output
iii. JavaScript DOM
iv. JavaScript CSS
d. Class Four
i. JavaScript Date Class
ii. JavaScript Timing Method
iii. JavaScript Math Class
iv. JavaScript Array Method
e. Class Five:
i. JavaScript Project
Module-4: jQuery
a. Class One:
i. jQuery Basic Syntax
ii. jQuery Event
iii. jQuery Input & Output
b. Class Two:
i. jQuery Plugin Customization
ii. jQuery Form Validation
iii. jQuery Project
Module-5: Bootstrap
a. Class One
i. Bootstrap grid & flex
ii. Navbar
iii. Carousel
b. Class Two
i. Card
ii. Nav Tab/Pills
iii. Accordion
iv. Table
v. Form
Module-6: PHP & OOP
a. Class One
i. PHP Working Environment
ii. PHP Compiler
iii. PHP Dependency Manager
iv. PHP Script Run
v. PHP Basic Syntax
b. Class Two
i. Object Oriented Programming
ii. Class, Namespace, Property, Method & Object
iii. PHP Project Setup
c. Class Three
i. Variable & Data Type
ii. Operator
d. Class Four:
i. Statement
ii. Array
iii. Super Global Array
iv. Input & Output
e. Class Five
i. Full Name Program
ii. Calculator Program
iii. Series Program
iv. Odd & Even Series Program
v. Series Sum Program
vi. Prime Number Program
vii. Password Generator Program
f. Class Six
i. PHP Array Method
ii. PHP String Method
iii. PHP Date Method
iv. PHP MySQLi & PDO Class
g. Class Seven
i. Encapsulation in PHP
ii. Inheritance in PHP
iii. Polymorphism in PHP
iv. Interface in PHP
v. Abstract Class in PHP
vi. Trait in PHP
vii. Static Property, Method & Object in PHP
Module-7: MySQL Database
a. Class One
i. MySQL Installation & Configuration
ii. SQL
iii. Database & Table
iv. Insert Query
v. Select Query
vi. Update Query
vii. Delete Query
viii. Wildcard Operator
b. Class Two
i. Form Setup
ii. Data Save in form submit
iii. Data View List & grid
iv. Data Update
v. Data Delete
Module-8: Laravel & Ecommerce Project
a. Class One
i. Laravel Installation
ii. Request lifecycle
iii. Routing
iv. MVC in Laravel
v. Controller in Laravel
b. Class Two
i. View & Blade Template Engine in Laravel
ii. Mastering in Laravel
iii. Model in Laravel
iv. Static Data Show View
c. Class Three
i. Laravel User input & Output
ii. Calculator Program
iii. Series Program
iv. Series Sum Program
d. Class Four
i. Security in Laravel
ii. PHP Session & Cookies
iii. Security By Session
iv. Laravel Migration
v. Laravel Jetstream Package
e. Class Five
i. Ecommerce Website Specification
ii. Front End & Admin Panel Template Selection
iii. Front End Template Mastering
f. Class Six
i. Jetstream Package install & Authentication
ii. Admin Template Mastering
g. Class Seven
i. Category CRUD
h. Class Eight
i. Sub Category CRUD
i. Class Nine
i. Brand CRUD
ii. Unit CRUD
j. Class Ten
i. Product CRUD
k. Class Eleven
i. Front End Dynamic Product Show
ii. Front End Dynamic Category, Subcategory & Brand Show
iii. Category, Sub Category & Brand wise Product show
iv. Product Detail Page Dynamic
l. Class Twelve
i. Cart System Develop
ii. Product Add To Cart
iii. Product Show on Cart
iv. Product Update on Cart
v. Product Remove From Cart
vi. Calculate Total Subtotal, TAX, Shipping Cost & Total Price
m. Class Thirteen
i. Develop Checkout System
ii. Customer Login & Logout
iii. Develop Order System
n. Class Fourteen
i. Admin Panel Order Management
ii. Manage Invoice
iii. Manage PDF
o. Class Fifteen
i. Develop User Module
ii. Develop Customer Module
iii. Problem Solve
Module-9: Ajax
a. Class One
i. Ajax Process
ii. XMLHttpRequest & ActiveXObject Class
iii. jQuery Ajax Implementation
iv. Ajax search implementation
Module-10: VueJS
a. Class One
i. Vue JS in Single HTML File
ii. Vue JS Object Creation
iii. Manage Property & Method
iv. Manage Event
v. Manage Statement
vi. Two Way Data Binding
b. Class Two
i. Vue CLI installation
ii. Vue JS Project by Vue CLI
iii. Request Lifecycle
iv. Working with component
c. Class Three
i. Front End Mastering
ii. Home Page
iii. Product Category Page
iv. Product Detail Page
d. Class Four
i. Working with AXIOS
ii. API Development from Laravel
iii. API Development from Vue