Web Design and Development with Full Stack Laravel

full stack web design and development laravel

Course Overview

Ready to launch your career in web development? Join our intensive offline course and become a Full Stack Laravel Web Developer — no prior experience needed!

In this hands-on, project-driven program, you’ll master everything from the fundamentals of HTML, CSS, and JavaScript to building dynamic, database-driven web apps with Laravel, one of the most powerful PHP frameworks.

Designing Language: HTML5, CSS3 & JavaScript

Designing Framework: TailwindCSS & Alpine JS

Structured Query Language: MySQL

Programming Language: PHP 8.*

PHP Framework: Laravel 12*

This training program has been organized by U S Software Limited. Training will be held on U S Software Limited.

Curriculum

Course Details

Module-1: Basic HTML/HTML5

Day 1/ Learning the Basics of Web Technology

  • Idea about - Web Designing, Web Development, Software Development, Outsourcing, Freelancing.
  • Basic Ideas on - Domain, Hosting, Server, Programming Language, Designing Language, Structured Query Language, Framework, CMS, IDE, cPanel, Domain Control Panel, Local Server.
  • Discuss on what we will be Learning in the Web Technology course and how
  • How to use IDEs(Integrated Development Environment) (NotePad++, Sublime Text, PHPStorm)
  • How to use Local Server Application (XAMPP, WAMP, LAMP, MAMP)
  • How to operate cPanel and Domain Control Panel

Day 2/ Practicing the HTML and HTML Pages

  • Discuss about HTML 5 Basic Structure, Tag, Element, Attribute, Comment
  • HTML5 Heading, Paragraph, Fonts, Images
  • HTML5 Link(Internal, Local, Global)
  • HTML5 List, List Type
  • HTML5 Block(Block & Inline Element)
  • Media(Audio, Video), Iframe

Day 3/ Practicing the HTML and HTML Pages

  • Meta Tag, Meta Attributes, Keywords, Description, Author, Page Refresh
  • Html5 Table, Table Formatting
  • HTML5 Link(Internal, Local, Global)
  • HTML5 Form(Input Type, Button)
  • HTML5 Entities, Style, Div Element

Module-2: Basic CSS/CSS3

Day 4/ Practicing Basic CSS Codes

  • How to and Where to CSS code, Comments in CSS, Converting Style Attribute to CSS
  • ID Selector, Class Selector, Grouping Selector, Link Stylesheet
  • Working with Background
  • Padding, Margin, List, Font, Link, and Table using CSS
  • Border in CSS, Box Shadow, Opacity, Horizontal Alignment, Background Image Handling
  • Float, Clear Tag, Columns

Day 5/ Practicing CSS Layout

  • Designing Form using CSS3
  • An example Dropdown Menu using CSS
  • Designing Layout using CSS
  • Understanding the Concept of Template and Theme)

Module-3: TailwindCSS & AlpineJS

Day 6/ TailwindCSS Basic

  • Introduction TailwindCSS, Why TailwindCSS
  • Installation of TailwindCSS
  • Starting to use utilities CSS
  • Layouts, Display, Background, Text etc
  • Responsive Policy
  • Convert Previous Project to Tailwind CSS

Day 7/ AlpineJS

  • What is AlpineJS, how to use it
  • Make Collapse & Accordion, Modal, Tab etc

Day 8/ AlpineJS and Related JS

  • Make Navbar
  • Use Splide JS for Carousel
  • Single Page Ecommerce Design

Module-4: PHP (Basics and Advanced)

Day 9/ Learning Basics of PHP

  • Setting Up a Development Server
  • Basic concepts on PHP - Syntax, Print / Echo
  • Data Types and Variables in PHP
  • Operators in PHP Programming

Day 10/ Learning Fundamental Topics in PHP

  • If...Else...Else-If – Different conditional statements in PHP
  • Switch – PHP Switch Case
  • While loop, Do While Loop, For Loops and Foreach Loop – Practical implementation of Loop
  • Date – Use of Date functions and their Elements

Day 11/ Learning Advanced Topics in PHP

  • Arrays – Array Types
  • PHP Function
  • PHP Superglobal

Day 12/ Learning Cookie, Session

  • PHP Form Handling
  • Cookies – How to use Cookies in PHP
  • Sessions – Use of Session, Guideline about Login-Registration System

Day 13/ Learning Object oriented PHP

  • Knowing details about Class and Object
  • Understanding Constructor and Destructor
  • Child Class and Inheritance
  • Encapsulation – Private, Public and Protected Data Type
  • Static Variable, Static Function
  • Magic Method - Call, Set and Autoload Function; Concept of NameSpace

Day 14/ Database using MySQLi(Object Oriented Crud Part 1)

  • Connect to Database using PHP MySQLi Class
  • Select Data using PHP MySQLi Class
  • Insert Data in Database using PHP MySQLi Class; Get Last Insert ID;
  • Update Data in Database using PHP MySQLi Class

Day 15/ Database using MySQLi(Object Oriented Crud Part 2)

  • Delete Data from Database using PHP MySQLi Class
  • Registration in PHP MySQLi Class
  • Login in PHP MySQLi Class

Module-5: PHP Framework (Laravel)

Day 16/ Laravel Introduction

  • Laravel Overview
  • Development Environment
  • Laravel File Structure Overview

Day 17/ Laravel Fundamental

  • Routing
  • Blade Templates
  • Master Layout Setup
  • HTML5 List, List Type
  • Some More Blade Feature
  • Compiling Asset

Day 17/ Laravel Fundamental

  • Routing
  • Blade Templates
  • Master Layout Setup
  • HTML5 List, List Type
  • Some More Blade Feature
  • Compiling Asset

Day 18/ Laravel Fundamental (MVC & Other)

  • Controllers
  • Model
  • Views
  • Migration

Day 19/ Advanced Laravel CRUD

  • User Registration & Login with email verifications
  • Advance Authentication
  • Email Verification
  • Encryption
  • Password & Reset
  • Dashboard Setup
  • Panel Making for Single Page Ecommerce

Day 20/ Advanced Laravel CRUD

  • Making a Business Panel with Category, Sub Category and Product Menu CRUD
  • Laravel Relationship With Eloquent Model

Day 21/ Laravel Essential Packages for Project

  • Official & Others Packages

Module-6: Professional Project

Day 22 to 30/ Live Project

  • Requirement Analysis
  • Documentation Create
  • System Design
  • Database Design
  • Project Development
  • Testing
  • Server Configuration & Deployment
  • Final Exam

Freelancing