Course Description

Introduction

 

This extensive project-based course is designed to cover Full-Stack web development from scratch. It includes HTML5, CSS3 & BootStrap for creating responsive and elegant webpages; JavaScript & jQuery for rich and more interactive UI development for web applications; PHP & Laravel Framework for back-end web development. Database programming for the web using Eloquent ORM & MySql and developing REST Services/API using PHP & Laravel Framework; and Consuming REST Services using AJAX & JSON. The course also covers the essentials of React for modern single-page web application development.

 

Training Methodology

  • Lectures & Demos by industry experts
  • Project Driven Hands-On approach
  • Focus on the latest tools, technologies & industry practices
  • Projects, assignments & quizzes for participant’s evaluation

 

Audience

  • Students & Graduates of any discipline looking for a future in IT
  • Web Designers interested in learning Web Development
  • The minimum requirement of formal education is Matric

 

Course Project

Students of this course should be comfortable with using computers and the internet. Prior knowledge of web development is helpful but not required for this course.

 

Duration & Frequency (Need to discuss)

The total Duration of the course is 3 months (12 Weeks, with 3 classes of 1.5 hours in a week).

 

Brief Contents

This extensive project-based course is designed to cover Full-Stack web development from scratch. It includes HTML5, CSS3 & BootStrap for creating responsive and elegant webpages; JavaScript & jQuery for rich and more interactive UI development for web applications; PHP & Laravel Framework for back-end web development. Database programming for the web using Eloquent ORM & MySql and developing REST Services/API using PHP & Laravel Framework; and Consuming REST Services using AJAX & JSON. The course also covers the essentials of React for modern single-page web application development.

 

  • HTML
  • CSS
  • Javascript
  • Bootstrap
  • PHP
  • Larave
  • MYSQLl 
  • WebAPI/Rest API
  • React/Angular

raining Methodology

Lectures & Demos by industry experts

Project Driven Hands-On approach

Focus on the latest tools, technologies & industry practices

Projects, assignments & quizzes for participant’s evaluation

 

 

  • Purpose of the course & start learning Web Design.
  • Purpose of the Course
  • Who provides the Course
  • How to overcome unemployment by acquiring Technology Skills?
  • Introduction to Internet and WWW
  • Introduction to Web Design
  • Web Design tools and Editor
  • Introduction to writing code
  • What are Online Resources?
  • What is HTML?
  • How HTML Work (Introduction to HTML Tags)
  • Exploring an HTML5 document
  • HTML Formatting
  • Nesting
  • Indentation
  • HTML Doctype Tag
  • HTML Headings (H1-H6)
  • HTML Paragraphs(P)
  • HTML Links (a)
  • HTML Images (img)
  • HTML Attributes
  • HTML Lists (ul, ol, li tags) (type attribute)

Our Features
  • We offer internship to our students with the supervision of certified professionals to work in real world environment
  • Our expert advisors are available for you to help during and after complation the training course
  • After the complexation of every course you will get a valuable certificate
  • You will updated via emails and notifications

Campus On Web is a hybrid leaning system that offers practice exercises, instructional materials, and a personalized learning dashboard that empower students to study at any location in the world.

Course Curriculum

    Learn HTML

  • HTML Tables (table, tr, th,td, caption tags)(colspan,rowspan border attribute)
  • HTML Forms (form, input, submit, textarea tags) (all attributes)
  • HTML iframes
  • HTML Meta
  • HTML Scripts
  • HTML Entities
  • HTML Audio
  • HTML Video
  • HTML Object
  • HTML YouTube
  • Review HTML

    Learn CSS

  • CSS Introduction
  • CSS Syntax
  • CSS IDs,
  • CSS Class
  • CSS Divisions
  • CSS Spans
  • CSS Styling
  • Styling Backgrounds
  • Styling Text

    Learn CSS

  • CSS Border
  • CSS Margin
  • CSS Padding
  • CSS Display
  • CSS Positioning
  • CSS Floating
  • CSS Width and Height Properties
  • CSS Align
  • CSS Opacity

    Learn CSS

  • CSS Pseudo Elements
  • CSS Media Types
  • Media query

    Bootstrap Framework

  • What is Bootstrap?
  • How Bootstrap work?
  • Grid system
  • Typography
  • Code

    Bootstrap Framework

  • Responsive utilities
  • Bootstrap Modals and Usages
  • Dropdown, Tab, Tooltip,Collapse

    Bootstrap Framework

  • Carousel, Navbar, Multi-level Dropdown Navbar
  • Pagination, Progress bar, Breadcrumbs, Alerts, List Group

    Bootstrap Framework

  • Pagination, Progress bar, Breadcrumbs, Alerts, List Group, Summarize Bootstrap

    PSD to HTML

  • PSD to HTML with Bootstrap: Header and Navigation, Body, Sidebar, Footer

    JavaScript

  • Introduction to JavaScript
  • How to Write JS, Statements
  • Types of Data, Variables
  • Arrays
  • Manipulating Arrays
  • Operators

    JavaScript

  • Conditions
  • Dates and Times
  • Functions
  • Loop

    JavaScript

  • Client & Server Concept
  • Introduction jQuery,
  • jQuery Syntax

    jQuery Plugin

  • jQuery Plugin Usages: Slider, Responsive Navigation
  • Owl carousel
  • Masonry
  • Isotope
  • Easypiechart
  • Popup
  • And many more

    PHP

  • History of PHP
  • How web works (Client –Server)
  • PHP Syntax & Comments
  • PHP Variables, Constants and data types
  • Super Global Variables

    PHP

  • How to Include files in PHP
  • Discussion and Lab works on Variable Handling Functions
  • Discussion and Lab works on String Handling Functions
  • Operators and Expressions in PHP
  • Discussion and Lab works on File Handling Functions

    PHP

  • Control Structure/Statement
  • Conditions
  • IF, If else, if elseif else
  • Switch Case Statement

    PHP

  • Loop
  • For, While, Do While
  • For Each
  • Array
  • Single Dimensional
  • Multi-Dimensional
  • Discussion and Labworks on Array Handling Functions

    Assessment

  • Formative Assessment 1(Basic Web Design & Procedural PHP)
  • Review on Formative Assessment 1

    MySQL

  • Database Design Concepts
  • Database creation using MySQL
  • Datatypes in SQL
  • Relationship
  • One to One
  • One to Many
  • Many to Many

    MySQL

  • Basic SQL Operations (Select, Update, Insert, Delete)
  • Basic CRUD Operation using Procedural PHP and MySQL

    MySQL

  • Object Oriented Programming (OOP) Concepts
  • Basic OOP Syntax in PHP
  • Namespace
  • Composer- The Dependency Manager of PHP

    MySQL

  • Class, Object, Property, Method
  • Extend, Overloading, Public, Private, Protected
  • PHP Magic Methods

    Laravel

  • Introduction to Software Development
  • Introduction to Laravel Framework
  • Tools & Environment
  • IDE
  • Composer
  • Brief concept on Laravel Architecture
  • Request Lifecycle
  • Service Container
  • Service Providers

    Laravel

  • Concept & Route
  • Folder Structure Overview
  • Introduction to Route and completely understand of it
  • Controllers
  • Creating Controllers
  • Routing Controllers
  • Passing data
  • Resources and Controllers

    Laravel

  • Views & Blade Templating
  • Introduction
  • Template Inheritance
  • Defining A Layout
  • Extending A Layout
  • Components & Slots
  • Displaying Data

    Laravel

  • Project 1: Convert a HTML Theme into a Laravel Template
  • Models in Laravel
  • Understand Laravel Models
  • Example Use of a Model

    Laravel

  • Migration
  • Environment configurations
  • Migrating
  • Creating migration and dropping them
  • Adding columns to existing tables using migrations
  • Database Relationship & Migration
  • Work on a non-related table
  • One to One relationship
  • The inverse relation

    Laravel

  • One to many relationship
  • Many to many relationship
  • Has many through relationship
  • Polymorphic relationship
  • Polymorphic relation the inverse
  • Polymorphic relation many to many
  • Polymorphic relation many to many – retrieving

    Laravel

    • CRUD on single entity
    • Database - Eloquent One to One Relationship CRUD
    • Setting up Relations
    • Creating data
    • Updating Data
    • Reading and deleting data
    • Database - Eloquent One to Many Relationships CRUD

      Laravel

    • Relationships and mass assignment
    • Inserting Data
    • Reading Data
    • Updating Data
    • Deleting Data
    • Database - Eloquent Many to Many Relationships CRUD
    • Relationships and mass assignment
    • Inserting Data
    • Reading Data
    • Updating Data
    • Deleting Data
    • Attaching, detaching and syncing

      Laravel

    • Form Validation
    • Basic validation
    • Displaying Errors
    • Advance validation
    • Authentication – Login, Registration
    • Creating the login system under 1 minute
    • Login creation overview
    • Retrieving authenticated user data

      Laravel

    • Laravel - Sending Email / Api
    • Sending email part 1 - route
    • Sending email part 2 – Finished

      Laravel

    • Project- E-Commerce – Defining the sample Project

      Assessment

    • Formative Assessment 2 (OOP & Laravel)
    • Review on Formative Assessment 2

Author Images
Edward Norton
Founder & CEO

Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua enim minim veniam quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate.

Course Rating

5.00 average rating based on 7 rating

5.0
(7 Review)
5
7
4
0
4
0
4
0
4
0

Reviews

Comment Images
Haley Bennet
Oct 10, 2021

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Comment Images
Simon Baker
Oct 10, 2021

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Comment Images
Richard Gere
Oct 10, 2021

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Write a Review

Rating Here