Design Part:

Class >>1.           

Starting Your First Web Page,

·         HTML Tags, Attributes,

·         Elements, Comments, ,

·         Head, Body, Section,

·         Div, Header,

·         Footer,

·         Page Title,

·         Headings,

·         Paragraphs,

·         Hyperlinks,

·         Lists,

·         Images,

·         Tables & Form Making

Class >>2            

·         Types of Style Sheets,

·         CSS Selectors,

·         Properties,

·          Values,

·         Backgrounds,

·         Colors,

·         Text Styling & Formatting,

·         Borders,

·         Margins,

·         Paddings,

·         Outlines,

·         Pixels,

·         Percentages,

·         Points,

·         Em,

·         Block & Inline Elements,

·         Float & Clear,

·         CSS Positioning,

·         Text Effects,

·         ID & Class Selectors,

·         Layers,

·         Pseudo Classes,

·         Pseudo Elements,

·         Media Types,

·         Layouts

 

Class >>3

·         About jQuery,

·         Syntax, Selectors,

·         Attributes,

·         Traversing,

·         CSS,

·         Events,

·         Effects.

·         Making jQuery Scroll top with animation.

Class >>4

·         What is Bootstrap

·         How to use it

·         Starting to make a Personal Portfolio webpage

·         Bootstrap Basic Template

Class >>5+6

·         Bootstrap Grid system,

·         Typography,

·         Tables,

·         Forms,

·         Buttons.

·         Bootstrap Navs,

·          Navbar,

·         Scrollspy,

·         modal,

·         Breadcrumbs,

·         Pagination,

·         Labels,

·         Badges, Alerts

·         Bootstrap Display,

·         Flex,

·         Float,

·         Shadow,

·         sizing,

·         spacing,

·         vertical Align

Dvelopment Part:

Class >>1..

Course Overview & Setup Development Environment

• Course outline overview
• Overview of back-end development
• Overview of front-end development
• Why use Database
• What is development environment
• Setup development environment
• Run PHP code

Class >>2.

PHP Fundamentals

• Basic syntax
• PHP naming convention
• Variables
• Super global variables
• Operators
• Conditional statement
• Control Statements
• Arrays
• Build-in functions

Class >>3+4.

Object Oriented Programing PHP-1

• PHP Class
• Objects
• Property
• Methods
• Constructor
• Destructor
• Class autoload
• Composer 
• Namespace

Class >>4+5. 

Object Oriented Programing PHP-2

• Access modifier
• Inheritance
• Polymorphism
• Problem solving

Class >>6.

PHP &  MySql -1 

• Introduce with database
• Mysql overview
• Database engine
• Create mysql database
• Connect with mysql database using php
• Write test query
• Close mysql connection

Class >>7. 

PHP & Mysql - 2

• Insert data into database
• Read data from database
• Update data into database
• Delete data from database

Class >>8. 

Laravel Fundamentals

• Understanding the concept of a framework.
• Understanding the concept of laravel design pattern (MVC)
• Laravel routing
• Middleware
• Laravel blade template engine
• Laravel templating
• Artisan command

Class >>9+10. 

Laravel Query Builder & ORM:

• Laravel Migration
• Inserting data using Query builder
• Updating data using Query Builder
• Deleting data using Query Builder
• Select data using Query Builder
• Inserting data using ORM
• Updating data using ORM
• Deleting data using ORM
• Select data using ORM

Class >>11. 

Laravel Eloquent relationship

• One To One
• One To Many
• One To Many (Inverse) / Belongs To
• Has One Through
• Has Many Through

Class >>12.

Laravel Authentication

• User login 
• User registration
• Login with username or email
• Register with username or email
• Logout

Class >>13. 

Laravel Form

• Design form
• Add form data to database
• Update form data

Class >>14. 

Laravel file upload

• Upload file/image
• List all uploads
• Update file/image
• Delete file/image

Class >>15+16. 

Validate Form , Error Handling &  Laravel Faker 

• Validate request data(required,unique,etc..)
• Try catch handling
• Log writing
• Error page handling
• Show success / Failure message
• Create data seeder
• Seed data

Class >>17. 

Manage Backend Features & RESTful API Development

• Manage categories
• Manage products
• Manage orders
• Develop api

Class >>18. 

Javascript & Vue js Overview

• Javascript overview
• View js overview
• Vue js development environment setup
• Run vue js with laravel

Class >>19.

Fundamentals of vue js

• Vue template
• Vue  bindings
• Vue  components
• Vue routing
• Vue dev tools

Class >>20.

Vue Lifecycle & Vuex

• Vue component lifecycle
• Vuex overview
• Vuex mutations
• Vuex getters
• Vuex actions
• Vuex state management

Class >>21.

Vue Single Page App-1

• Showing all product list using vue axios via rest api
• Searching product
• Filter product by category 
• View single product 

Class >>22+23.

Vue Single Page App-2

• Create vue form
• Validate vue form
• Checkout product

Class >>24.

Overview of Completed  Single Page Application (SPA)

 

• Single page application 
• Single page application pors
• Single page application cons
• Overview of who we learned 

 

Curriculum