Web Development Certification Training

HTML

• What is HTML
• What is a Web Browser
• What can you Do with HTML
• HTML Development Environments
• Writing Code with a Text Editor
• Publishing Documents

Review of HTML Elements

• Rules of Syntax
• Making your Code Readable
• Making your Code XHTML Compliant
• Building a Document
• Using Colors
• Adding Color to your Page
• Using Headings
• Using Paragraphs
• Aligning Block-Level Elements

Inserting Spaces and Line Breaks

• Displaying Preformatted Text
• Formatting with Inline Elements
• Controlling Fonts
• Introducing List Elements
• Creating Unordered Lists
• Creating Ordered Lists
• Nesting Lists

What is an HTML Table

• Building a Table
• Cell Padding and Cell Spacing
• Controlling Table and Cell Width
• Aligning a Table on the Page
• Aligning Tables and Text
• Aligning Table Data
• Spanning Columns and Rows
• Nesting Tables
• Using Tables as a Design Tool

Creating a Hyperlink

• Understanding and Using URLs
• Linking to a Web Document
• Linking to a Local Document
• Linking to Anchors
• Opening a New Browser Window

Image Formats

• Optimizing Image and File Size
• Inserting Inline Images, Image Map, Sprite Image
• Aligning and Formatting Images
• Using Images to Anchor Links
• Creating a Look-and-Feel
• Sizing and Scaling Images
• Using Transparent Images
• Using GIF Animation

Forms and Controls

• Forms and Form Elements
• Form Actions, Form Methods, Form Design

Introduction to CSS 3

• Border
• border-image
• border-radius

CSS Shadows

• Text-shadow
• Box-shadow

Background

• background-clip
• background-size
• background-origin
• background-image

Outline Transitions

• transition
• transition-delay
• transition-duration
• transition-property

2D Transforms

• transform
• matrix ()
• translate (x, y)
• scale (x, y)
• rotate(angle)
• skew (x-angle, y-angle)

3D Transforms

• transform
• transform-style
• perspective
• transform-origin

Animations

• @keyframes
• animation
• animation-direction
• animation-duration
• animation-name

Selectors

• CSS combinations
• Pseudo Elements

Gradients

• Linear Gradients
• Radial Gradients

Multiple Columns

• column-count
• column-fill
• column-gap
• column-width
• column-rule
• column-rule-color
• column-rule-style
• column-rule-width

User Interface

• resize
• box-sizing
• outline-offset

CSS Filters

• Blur
• Brightness
• Contrast
• Grayscale
• Hue-rotate
• Invert
• Opacity
• Saturate
• Sepia

Media Query

• What is Responsive Web Design
• Intro to the Viewport
• The Viewport Tag
• Media Queries
• Fluid Layouts
• Tablet Styles
• Mobile Styles
• Making a Mobile Drop-down Menu
• Responsive Images & Poly fills

Web Fonts

• @font-face
• font-family
• src
• font-stretch
• font-style
• font-weight

Flexbox

• flex-grow
• flex-shrink
• flex-basis
• flex
• flex-wrap
• flex-direction
• flex-flow
• justify-content
• align-items
• order

Introduction to JavaScript

• Syntax
• Statements
• Comments

Enabling in various browsers Popup Boxes

• Alert
• Confirm
• Prompt

Variables Operators

• Arithmetic
• Assignment
• Comparison
• Logical
• Relational
• Ternary

Conditional Statements

• If else
• if…else if…else
• nested if
• Switch
• Loops
• While
• do…while
• for
• for…in Statement
• Break
• Continue

Functions

• User-defined Functions
• Function Syntax
• Function with Arguments
• Returning Values from Functions
• Built-in Functions

Events

• Introduction
• Mouse
• Events
• Keyboard Events
• Form Events
• Document/Window Events

Built-in Objects

• Number
• Strings
• Math
• Arrays
• Associative
• Array
• Array Properties and Methods
• Date
• Boolean
• Reg exp

Introduction to OOP concept

• Prototype, Module pattern
• Argument type
• Closure
• ES 6 Introduction
• Let & Const
• Arrow Functions
• Class and Inheritance
• Rest and Map Operators
• Export & Import
• Modules

• Selecting Elements
• Manipulating the Page
• Traversing the DOM and Chaining
• jQuery Utility Methods
• Handling Events and Event Delegation
• AJAX, JSON, and Deferred
• Enhancing with Animation Effects
• Grids, Tables with Ajax, Pagination, JQuery UI
• jQuery Best Practices

Introduction

• Laying out a page with HTML5
• Page Structure
• New HTML5 Structural Tags
• Page Simplification

Html 5 – How we got here

• The Problems HTML 4 Addresses
• The Problems XHTML Addresses
• New Features of HTML5
• The HTML5 Spec(s)
• Current State of Browser Support

Sections and Articles

• The section Tag
• The article Tag
• Outlining
• Accessibility

Html5 Audio and Video

• Supported Media Types
• The audio Element
• The video Element
• Accessibility
• Scripting Media Elements
• Dealing with Non-Supporting Browsers

Html5 Forms

• Modernizr
• New Input Types

Html5 New Form Attributes

• autocomplete
• novalidate

Html5 New Form Field Attributes

• required
• placeholder
• autofocus
• autocomplete
• form
• pattern

New Form Elements

• data list
• progress and meter

Html5 Web Storage

• Overview of HTML5 Web Storage
• Web Storage
• Other Storage Methods

Html5 Canvas

• Getting Started with Canvas
• Drawing Lines
• Color and Transparency
• Rectangles
• Circles and Arcs
• Quadratic and Bezier Curves
• Images
• Text

Integrated API

• Offline Application API
• Drag and Drop API

Introduction

• Quick Styles After Dark
• Our First Web Page
• What’s Inside
• Scripts and Styles
• Core Concepts
• Summary

Layout with Bootstrap

• Introduction
• Grid Layouts
• Simple Layout
• Fixed Grids
• Fluid Grids
• Responsive Design
• Responsive Utilities
• Inspiration
• Summary

Everyday Bootstrap

• Introduction
• Typography
• Tables
• Forms
• Buttons
• Images and Icons
• Summary

Bootstrap Component

• Introductions
• Drop down Menu
• Buttons with Menus
• Tabs and Pill
• The Navbars
• Hero, Badges, Labels, and Media
• Summary

Bootstrap and JavaScript

• Introduction
• More Buttons
• Modals
• Tooltips and Popovers
• Carousel
• Summary

• Adobe Photoshop Basic & Advanced Concepts
• Introduction of Stock Photography
• Types of Images and Image Editing Tools
• Introduction to Adobe Photoshop
• Using Photoshop Tools
• Layers, Actions and Filters
• Creating Custom Effects
• Design Banners for Website
• Basic Website Layout
• 12 Grid Layouts (For Desktops and Tablets)
• 6 Grid Layouts (For Smartphones)
• PSD to HTML Conversion

• Fundamental of Web Hosting
• Types of Hosting Packages
• Linux and Windows Control Panel
• Using FTP Client
• Maintaining a Website
• Domain Names Registration, Subdomain
• What is SEO & its scope.
• Keyword Research and Analysis (Tools and Implementation)
• Website Analysis
• Website Performance Monitoring
• Google Analytics/Webmaster
• XML Sitemap
• Use of Meta Tags

PHP language building blocks

• Dene PHP
• Installation of PHP
• PHP delimiters
• Variable initialization with PHP
• PHP Data types
• PHP Constants
• PHP Operators

Conditional Statements

• If else
• If else if else
• Nested If
• Switch Case
• Jump Statements (Break, Continue, Exit)

Looping (Iteration)

• For loop
• While loop
• Do While Loop
• Nested Loop

Introducing Array

• Index based arrays
• Associative Array
• Multi-Dimensional Array

Manipulation User Input

• Presenting the user with input
• Retrieving form data with $POST$_GET and $_ REQUEST
• Preserving Data in Form inputs

Function

• Introducing Functions
• Dene functions
• Using parameters
• Returning values
• Call by Value & Call By reference
• Reusing Codes
• Array, String, Math, Date functions
• Super Global Array Variables
• Deleting Cookies
• Implementing Query String

• Relational Database Concept and technology
• Web Database Design
• Web Database Architecture
• Creating a MySQL Database
• Creating Database
• Tables Column
• Data Types
• Implementing Insert/Delete/Update and select
• Query Aggregate
• Functions
• Having and Group by Clause Joining Table
• Implementing Primary key, Unique Key, Composite key, foreign key, default constraint
• Joining Table
• Dropping Tables and Databases
• Introduction to Phpmyadmin
• Database Connection
• My SQL Connectivity
• Procedural Connectivity
• Object Oriented Connectivity
• PDO Connectivity

Object oriented concepts

• Classes, objects and operations
• Class attributes
• Access Modier Constructor & Destructor
• Inheritance Static method Type
• Hinting Object
• Cloning Abstract class
• Final keyword Inheritance

Libraries

• Introduction
• How to load Library
• How to override other Libraries

Database

• Introduction
• How to Congure
• Active Records and Query Builder
• CRUDS operation (Create Insert Update Delete and Search)
• Form Validation, Session, Pagination, Uploading

• Saving data for later using le system.
• Opening a le
• Creating and Writing to a le
• Creating and Writing to a le
• Using other useful le functions
• Create a directory
• Remove a directory
• File Uploading & Downloading
• File uploading Concepts
• Multiple File Upload
• Session, Cookie, Query String, Hidden Field
• What is Session
• Starting a Session
• Registering Session variables Using Session Variables
• Destroying the variables and Session
• What is a Cookie
• Setting Cookies with PHP Using Cookies with Sessions

• Implementing Captcha, PDF Generation
• Excel or CSV Generation Email with PHP
• Implementing Pagination
• SQL Injection
• Web Services with JSON
• Payment Gateway
• Integration Error tracking and debugging

• Introduction of Laravel
• MVC Laravel routing
• Installing Composer and Command line tool
• Blade essentials
• Resource
• Laravel Route groups and lters
• Working with Database
• Eloquent CRUD
• Laravel Query Builder
• Eloquent relations
• Laravel Migrations
• Laravel Database

Introduction

• Why Framework
• Introduction to MVC
• Folder Structure
• Conguration Setting
• Routing Controllers
• Introduction to Controller
• CI_ Controller, Request Parameters, Actions Controller
• Methods & Attributes
• Creating
• Core Controller Class

Views

• Creating Views
• Layouts (Use Image, CSS, Bootstrap, JS)
• Calling in controller
• Helpers (Form Helper, HTML Helpers) in Views

Models

• Creating Model
• How to Load in controller
• Calling in Controller
• Apply the Business logic
• Creating Core Model Class

Helpers

• Introduction
• How to load Helper
• Apply to Controller and Views
• Creating Own Helper
• How to override other Helpers
• Seeding Forms and Validation
• Setting up Laravel form
• Validation a form
• Creating Admin Post
• Creating a Frontend
• Setting up the Blog
• Securing the admin panel
• Handling routing
• Establishing an HTML View
• Establishing an HTML View
• Creating Tables with Schema Builder
• Enabling Version Control with Migrations
• Querying with eloquent
• ORM Displaying
• Laravel Code
• Working with Blade
• Templating Dening
• Conditions Integrating form elements
• Setting up Authentication
• Creating a Registration Form
• Securing Content
• Authenticating users in Laravel Application
• Restful API’s Creation
• Lumen: Micro-framework (API’s and Micro Services)

Introduction

• A brief History
• All About WordPress
• WordPress Blogs vs. Websites
• WordPress.org vs WordPress.com
• WordPress themes Overview

Find a Host for WordPress Website

• Finding a domain
• Registering a domain
• Choosing a web hosting package
• Know WordPress Features

Getting started with WordPress

• Know the Dashboard
• Install WordPress
• Setup your Prole
• The MySQL database
• Uploading your les
• The install Script
• About WordPress Release Cycles
• Upgrading WordPress

Organizing Content in WordPress

• Archiving content
• The purpose of categories
• Naming a category
• Creating a new category
• About static page parents and children
• Permalinks
• Dressing up links
• Customizing links
• Checking Links with Your Server
• Syndicated content (RSS)
• About Feed Readers
• RSS Options
• RSS and Social Media
• WordPress Tags
• Custom Menus in WordPress

Creating Content in WordPress

• WordPress Posts vs WordPress Pages
• Writing Posts in WordPress
• Manage & Edit posts in WordPress
• Using Post Formats
• Publishing Posts
• Create Pages in WordPress
• Manage & Edit pages in WordPress
• Protect Your Work
• All About WordPress SEO

Settings in WordPress

• General Settings
• Writing Settings
• Reading Settings
• Discussion Settings
• Media Settings
• Using Permalinks