Web Development Expert

Training Mode Regular Fastrack Crash
Classroom | Online 6 Months 3 Months 2 Months

Module-1 Basic Web Design

INTRODUCTION TO HTML

  • What is static/Dynamic Website
  • What is SEO Friendly Website
  • What is Responsive Website
  • What is HTML
  • HTML4 VS HTML5
  • EDITORS IN HTML

WORKING WITH BASIC TAGS

  • DOCTYPE In HTML
  • Tag and Attributes
  • Title and Meta tag
  • Headings and Paragraph
  • Formatting Tags
  • EDITORS In HTML

ANCHORS AND HYPERLINKS

  • Internal link
  • External link
  • Text link
  • Image link
  • Email link
  • Phone link
  • target attribute

WORKING WITH LISTS

  • Ordred List
  • Unordred List
  • Definition List
  • Nested List
  • List Attributes

WORKING WITH GOOGLE MAP & YOUTUBE

  • Google Map Insertion in Webpage
  • Youtube Video Insertion in Webpage

WORKING WITH TABLES

  • Creating Tables on a Web Page
  • Altering Tables and Spanning Rows & Columns
  • Placing Images & Graphics into Tables
  • Aligning Text & Graphics in Tables
  • Adding a Background Color

WORKING WITH HTML FORM

  • HTML Input tags
  • HTML Input Attributes
  • Setting up form
  • Form attributes
  • Submit and Reset Button

HTML5 SEMANTIC TAGS

  • header and footer tag
  • section tag
  • figure and figcaption
  • nav and aside tag

HTML5 AUDIO & VIDEO

  • Audio Tag
  • Video Tag

HTML5 API'S

  • Drag & Drop
  • Local Storage
  • Geolocation

COURSE CONTENTS OF CSS

INTRODUCTION TO CSS

  • What is CSS?
  • How CSS Works?
  • Types of CSS,Internal,Inline,External
  • CSS Selectors
  • Comments In CSS
  • How to Link External CSS

WORKING WITH BASIC CSS PROPERTIES

  • Selectors : Class or Elements
  • Colors
  • Height / Width
  • Border
  • Margin and Padding
  • CSS Box Model

WORKING WITH WEB LAYOUTS

  • Aligning Div
  • Two Div Align
  • Three Div Align
  • Four Div Align
  • Use of floats
  • Clearing float
  • Inline or Block Element

WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE

  • Background Color
  • Background Image
  • Background Position
  • Background Attachment
  • Gradient Colors
  • Image Sprite

WORKING WITH TEXT PROPERTIES

  • Text Alignments
  • Line height(Leading)
  • Letter Spacing(Kerning)
  • Font Family
  • Font Size with Font Weight
  • Tips For Improving Text Readability

WORKING WITH ICONS & FONTS

  • Use of Font Awesome
  • Use of Flat Icons
  • Use of Google Fonts

WORKING WITH MENUS AND POSITIONS

  • Static Position
  • Fixed Position
  • Absolute Position
  • Relative Position
  • Creating Menu
  • Menu With Multi Dropdown

WORKING WITH BORDER AND SHADOW

  • Border
  • Border Image
  • Rounded Corner
  • Box Shadow
  • Text Shadow

WORKING WITH OUTLINE AND UI

  • Outline
  • Outline Offset
  • Resize

WORKING WITH IMAGE STRETCHING PROBLEM

  • Object Fit : Fill
  • Object Fit : Contain
  • Object Fit : Cover

WORKING WITH HTML FORM & CSS

  • labels with inputs
  • Form-based selectors
  • Changing properties of form elements
  • Formatting text in forms
  • Formatting inputs
  • Formatting form areas
  • Changing the appearance of buttons
  • Laying out forms

WORKING WITH 2D & 3D TRANSFORMS

  • translate
  • rotate
  • skew
  • scale

WORKING WITH HOVER,TRANSITIONS & ANIMATIONS

  • Hover Effects
  • Transitions
  • Animations
  • Creating Web Ads Using Animation

Module-2 Js | Jquery for Developers

INTRODUCTION TO JAVASCRIPT

  • What is Javascript
  • Use Of Javascript in Web Development/Designing
  • Javascript vs Ecmascript
  • Developer Console
  • How To Use Javascript

JAVASCRIPT BASICS

  • Variables
  • let,var,const
  • Hoisting
  • Data Types (Premitive,Non-Premitive types)
  • Operators
  • Pop Ups (alert,prompt,confirm)

JAVASCRIPT CONDITIONS,LOOPS

  • if condition
  • if else condtions
  • nested if else
  • switch statement
  • while loop
  • for loop
  • Operators
  • Pop Ups (alert,prompt,confirm)

JAVASCRIPT ARRAY,STRING

  • What is Array
  • Accessing array
  • array methods
  • What is string
  • accessing string
  • string methods

JAVASCRIPT FUNCTIONS

  • What is function
  • function with arguments
  • return function
  • closure
  • higher order / callback function

JAVASCRIPT OBJECTS,CLASS,INHERITANCE

  • What is objects
  • when to use object
  • how to use object
  • getters and setters
  • prototypal inheritance
  • native prototype
  • methods for prototype
  • class inheritance

JAVASCRIPT EVENTS

  • Mouse Events
  • Input Events
  • Click Events
  • Load Events
  • Keyboard Key Events

JAVASCRIPT DOM (HTML AND CSS MANIPULATION)

  • What is DOM
  • DOM Selectors
  • DOM with HTML
  • DOM with CSS
  • DOM Animations
  • DOM Nodes
  • DOM Nodes Collections

JAVASCRIPT BOM (WINDOW EVENTS)

  • What is BOM
  • BOM Screen
  • BOM Location
  • BOM History
  • BOM Navigator
  • BOM Cookies
  • BOM Timings

JAVASCRIPT AJAX AND JSON

  • What is AJAX
  • Ajax XMLHttp
  • Ajax Request
  • Ajax Response
  • Ajax XML Files
  • What is JSON
  • JSON vs XML
  • JSON Data Types
  • JSON Parse
  • JSON Stringify
  • JSON Objects
  • JSON Array
  • JSON HTML
  • JSON JSONP

JAVASCRIPT ADVANCE CONCEPTS

  • this keyword
  • closure in detail
  • Immediately Invoked Function Expression (IIFE)
  • Event Bubbling vs Event Capturing
  • apply,call and bind methods
  • variable scope and hoisting
  • object in details
  • callback (higher order) function
  • ecmascript
  • HTML API's

INTRODUCTION TO JQUERY

  • What is Jquery
  • Use Of Jquery in Web Development/Designing
  • How to Use Jquery
  • Javascript vs Jquery

JQUERY BASICS AND SECTORS

  • Jquery Syntax
  • Jquery Variable
  • class selector
  • element selector
  • id selector
  • attribute selector
  • other selectors

JQUERY EFFECTS

  • hide/show
  • sliding
  • fading
  • switch statement
  • animate
  • stop()
  • callback
  • chaining

JQUERY EVENTS

  • Mouse Events
  • Input Events
  • Click Events
  • Load Events
  • Keyboard Key Events

JQUERY (HTML AND CSS MANIPULATION)

  • Jquery Get Content
  • Jquery Set Content
  • Jquery Add
  • Jquery Remove
  • Jquery CSS and CSS Classes
  • Jquery Dimensions

JQUERY TRAVERSING

  • Jquery Traversing
  • Ancestors
  • Descendants
  • Siblings
  • Filtering

JQUERY AJAX

  • Jquery with AJAX
  • Jquery load
  • Jquery Get/POST

JQUERY UI BASICS

  • Introduction to Jquery UI
  • How to Use

JQUERY UI INTERACTIONS

  • Jquery UI Draggable
  • Jquery UI Droppable
  • Jquery UI Resizeable
  • Jquery UI Selectable
  • Jquery UI Sortable

JQUERY UI WIDGETS

  • Jquery UI Accordion
  • Jquery UI Autocomplete
  • Jquery UI Button
  • Jquery UI Checkboxradio
  • Jquery UI Control group
  • Jquery UI Datepicker
  • Jquery UI Dialogue
  • Jquery UI Menu
  • Jquery UI Progressbar
  • Jquery UI Selectmenu
  • Jquery UI Slider
  • Jquery UI Spinner
  • Jquery UI Tabs
  • Jquery UI Tooltips

JQUERY UI EFFECTS

  • Jquery UI Add Class
  • Jquery UI Color Animation
  • Jquery UI Easing
  • Jquery UI Effect
  • Jquery UI Hide
  • Jquery UI Remove Class
  • Jquery UI Show
  • Jquery UI Switch Class
  • Jquery UI Toggle
  • Jquery UI Toggle Class

Module-3 Web Development | Backend Developer

INTRODUCTION TO PHP & LOCAL SERVER INSTALLING

  • What is Php
  • Server Side vs Client Side Language
  • What is server
  • Installing xampp/wamp
  • Directory Structure of xampp/wamp

PHP BASICS

  • Basic Syntax
  • Variables
  • echo/print
  • data types
  • operators

PHP CONDITIONS,LOOPS

  • if condition
  • if else condtions
  • nested if else
  • switch statement
  • do while loop
  • while loop
  • for loop
  • foreach loop

PHP FUNCTIONS

  • What is function
  • function with arguments
  • return function

PHP ARRAY,STRING

  • What is Array
  • Accessing array
  • array methods
  • What is string
  • accessing string
  • string methods

PHP FORM & FILE UPLOAD

  • action in form
  • get/post in form
  • form validation
  • sending email
  • file handling
  • file uploading
  • file upload validation
  • multiple file uploading
  • file upload with preview

PHP SESSION & COOKIES

  • What is Session
  • Sending data to another page
  • Login using Session
  • What is Cookies
  • How to set/remove cookies
  • save password example using cookies

COURSE CONTENTS OF MYSQL DATABASE

DATABASE BASICS

  • What is Database
  • Need of Database
  • Tables
  • primary key
  • foreign key
  • data types

NORMALIZATION IN DATABASE

  • What is Normalization
  • Need of Database Normalization
  • 1nf
  • 2nf
  • 3nf
  • bcnf

PHP WITH MYSQL

  • mysqli vs mysqli
  • Connect to database
  • create database
  • drop database
  • select database
  • create table
  • insert data into table
  • update data
  • select data
  • delete data

FILTERING DATA IN MYSQL

  • where
  • and
  • or
  • between
  • in
  • like
  • limit
  • is null

MYSQL JOINS

  • mysql join
  • inner join
  • left join
  • right join
  • cross join
  • self join

MYSQL GOUPING DATA

  • Group By
  • Having
  • RollUp

MYSQL TRANSACTION

  • MySql Transaction
  • MySql Table Locking

MYSQL IMPORT & EXPORT

  • Import CSV to MySql
  • Export Mysql to CSV

CODIGNITER BASICS

  • What is Framework
  • What is MVC
  • Codeigniter vs Core Php

CODIGNITER SETUP & DIRECTORY STRUCTURE

  • Installing Codeigniter
  • Directory Structure

MODEL,VIEW,CONTROLLER

  • What is model
  • Where to find model directory
  • Creating file in model directory
  • How to use model file
  • What is view
  • Where to find view directory
  • Creating file in view directory
  • How to use view file
  • What is controller
  • Where to find controller directory
  • Creating file in controller directory
  • How to use controller file

WORKING WITH SOME ESSENTIAL FILES

  • autoload file
  • config file
  • database file
  • routes file

WORKING WITH HEADER,FOOTER OR COMMON PART

  • Cutting header & Footer
  • how to use header & footer in all pages

WORKING WITH EMAIL,FILE UPLOADING,FORM

  • form input values
  • form validation
  • email setup
  • file uploading
  • multiple file uploading

CODEIGNITER SESSION & COOKIES

  • What is Session
  • Sending data to another page
  • Login using Session
  • What is Cookies
  • How to set/remove cookies
  • save password example using cookies

WORKING WITH DATABASE

  • Database Configuration
  • Database Connectivity
  • select data
  • insert data
  • update data
  • delete data

FILTERING DATA IN CODEIGNITER

  • where
  • and
  • or
  • between
  • in
  • like
  • limit
  • is null

JOINS IN CODEIGNITER

  • inner join
  • left join
  • right join
  • cross join
  • self join

CODEIGNITER GOUPING DATA

  • Group By
  • Having
  • RollUp

CODEIGNITER TRANSACTION

  • Transaction

IMPORT & EXPORT

  • Import CSV to MySql
  • Export Mysql to CSV

Module-4 CMS (Content Management System)

INTRODUCTION TO WORDPRESS
  • What is WordPress
  • What is CMS
  • Need for CMS
  • Wordpress CMS vs Other CMS
WORDPRESS SETUP ON LOCAL SERVER
  • Installing Wordpress
  • Create Database
  • Wordpress Admin Overview
WORKING WITH THEMES/MEDIA IN WORDPRESS
  • Installing theme
  • theme settings
  • upload files in media
  • changing logo and favicons
  • theme options
WORDPRESS PAGES & POSTS
  • Pages vs Posts
  • Create Category for Post
  • Add posts
  • featured image in post
  • Add Pages
  • Static front pages
  • blog page
WORDPRESS WIDGETS & MENUS
  • Widget Overview
  • Add Content in Widget
  • Menu Overview
  • Setup menu in the website
  • dropdown menus
WORDPRESS USERS
  • Why Wordpress Users
  • Role of Wordpress Users
  • Subscriber Role
  • Editor Role
  • Author Role
  • Admin Role
WORDPRESS PLUGINS
  • Plugin Installation
  • Contact form
  • Image Gallery Plugin
  • Testimonials Plugin
  • Accordion Plugin
  • Many more...
Pooja Sabhrawal

Being a developer I was always looking for a course, which can provide practical knowledge in Web development and I believe Web Development Institute Which is part of Next-G Education has satisfied all my expectations. I am really impressed with Rakesh sir's practical knowledge so looking forward to joining a couple more advanced courses to enhance my skill set.

- Pooja Sabhrawal

Ruchika Goel

Faculty and staff are very good and very understanding of other issues also. Never faced a problem to deal with them. I very much recommend this institution.

- Ruchika Goel

View More Projects

Feel Free To Contact Us

Whatsapp