Web Development Online Live Training by Industry Experts

;

Our Training Process

Web Development - Syllabus, Fees & Duration

Module 1 :The Background

  • The mobile space today
  • Advantages
  • Challenges
  • Native vs. web, is really a question?
  • What is JQM?
  • What is not jQM?
  • What is a web app?
  • Why jQM?
  • Features
  • Compatibility
  • Requirements

Module 2: HTML5 basics

  • Requirements
  • HTML5 in a small nutshell
  • Why HTML5?
  • What do we need to know about HTML5 for jQM
  • Basic template
  • Testing HTML5 documents
  • Emulators, Simulators & more & Viewports on mobile browsers

Module 3: The framework

  • Architecture of Self hosted vs. CDNs
  • Main template
  • CDNs available
  • Main template
  • Support on IDEs
  • Roles
  • Theming

Module 4: The page

  • Headers and footers basics
  • Mandatory items in a page
  • Working with HTML in the content
  • Navigation
  • Internal page navigation
  • External page navigation
  • Understanding AJAX on mobile browsers
  • Absolute external links
  • Mobile Special links

Module 5: UI Components

  • Customizing toolbars
  • Positioning toolbars
  • Navigation Bars
  • Persistent footers and navigation
  • Collapsible content
  • Working with columns

Module 6: Buttons

  • Creating buttons
  • Inline buttons
  • Grouped buttons
  • Icons
  • Custom icons

Module 7: Lists

  • Creating lists
  • Full-page vs inset-lists
  • Visual separators
  • Nested lists
  • Interactive rows, Split button rows
  • Split button rows
  • Thumbnails
  • Count bubbles
  • Aside content
  • Title and Description
  • Filtering data

Module 8: Forms

  • AJAX vs. non-AJAX forms
  • Automatic form behaviour
  • Labeling
  • Field containers
  • Text fields
  • Slider, Slider switch
  • Select menus, UI Select menus
  • Radio Buttons
  • Checkboxes, File Upload
  • Validation using HTML5

Module9: The framework and JavaScript

  • Using jQuery inside jQuery Mobile
  • mobile element
  • The mobile init event
  • Configuring defaults
  • Touch events, Orientation events
  • Scroll events, Page events
  • Virtual mouse events
  • Managing navigation through JavaScript

Module 10: Dynamic data with jQuery Mobile

  • HTML5 vs AJAX
  • Bringing JSON data to jQuery Mobile
  • Updating form controls
  • Updating lists
  • Implementing Infinite list pattern

Module11: Extending the framework

  • Using plugins
  • The top 5 plugins for jQuery Mobile
  • Creating our own plugin
  • Plugin architecture
  • Understanding CSS architecture
  • Define our own CSS patch
  • Changing CSS behavior

Module12: Managing data with HTML5

  • Using Web Storage and Web SQL
  • Using geolocation

Module 13: Packaging for installation and stores

  • The offline manifest
  • Full-screen web apps for iOS
  • What is a hybrid
  • Phone Gap vs other alternatives
  • Packaging a sample application

Download JQuery Syllabus

HTML-Introduction

  • Web Development Introduction
  • History of HTML
  • HTML Tags and Attributes
  • HTML Tag vs. Element

Basic Formatting Tags

  • HTML Basic Tags
  • HTML Head Tag
  • HTML Meta Tag
  • HTML Formatting Tags
  • HTML Color Coding

Lists

  • Unordered Lists
  • Ordered Lists
  • Definition list

Images

  • Image and Image Mapping

Hyperlink

  • URL - Uniform Resource Locator
  • URL Encoding

HTML-Table

HTML-Headers

  • Title
  • Base
  • Link
  • Styles
  • Script
  • Meta

HTML5 forms

  • Introduction to HTML5 forms
  • Accessible forms
  • New Input types
  • New forms attributes
  • Form validation

Graphics

  • Basics of HTML5 canvas
  • Immediate drawing mode: rectangles, text, images, etc.
  • Path drawing mode: lines, circles, arcs, curves, etc.
  • Colors, gradients, patterns, shadows, etc.
  • Working with SVG in HTML5

HTML5 animations

  • Basic animation techniques
  • Canvas and user interaction
  • Working with pixels
  • Understanding transforms

API

  • Introduction to HTML5 APIs
  • The Web Storage API
  • Form validation API
  • The File API
  • The Geolocation API

Download HTML 5 Syllabus

Introduction

  • HTML structure and content
  • Advantages of CSS
  • Creating and using style sheets
  • CSS Rules: The Basic Syntax

CSS Boxes and CSS Selectors

  • The CSS box model
  • CSS and logical HTML structure
  • Styling boxes, borders, margins, and padding
  • Using IE6 standards mode
  • Sh4ecifying CSS distances
  • and many other CSS techniques

Fonts and Text

  • Using custom fonts
  • Font properties
  • Web font formats
  • Type Kit, font squirrel

Text Formatting in CSS

  • Fundamentals of text formatting
  • Typefaces, alternatives, and defaults
  • Font characteristics
  • Formatting blocks of text
  • Using arbitrary inline tags

CSS Selectors and Selections

  • Using HTML element IDs in CSS
  • Using CSS descendant selectors
  • Descendant selector examples
  • Child, sibling, and pseudo-class selectors
  • And many other CSS techniques.

CSS positioning

  • Choosing the right CSS
  • Technique for positioning blocks
  • The position property, floats, and margins
  • Static positioning and normal flow
  • Absolute positioning outside normal flow
  • Fixed positioning outside normal flow

CSS page Layout

  • Alternative methods of CSS positioning
  • Styling lists
  • Redefining the behaviour of inline and block elements
  • Table formatting in CSS
  • Styling table cell borders
  • page layout with table dish4lay properties

Cascade, precedence, Specificity, and Inheritance in CSS

  • Cascading and cascade order
  • Resolving style conflicts by Origin & Importance
  • Resolving style conflicts by Specificity & Order

CSS Layers and Translucency

  • Different forms of layered presentations in CSS
  • Layering with the z-index property
  • Different methods for creating translucency effects
  • The CSS3 opacity property

Using CSS in the Real World

  • Deploying CSS
  • CSS formatting vs. HTML formatting
  • Standard tags and semantic markup
  • Screen size and fluid design
  • Table layout and CSS positioning
  • Cross-platform testing

Useful CSS Tips

  • Usage of CSS Sprites
  • Pseudo Selectors
  • CSS Minify
  • Cheat Sheet for CSS3

Download CSS Syllabus

MODULE 1

  • Bootstrap
  • Get Started
  • What is Bootstrap?
  • Bootstrap History
  • Why Use Bootstrap?
  • Where to get Bootstrap?
  • Downloading Bootstrap
  • Bootstrap CDN

MODULE 2

  • Create First Web Page with Bootstrap
  • Add the HTML5 Doctype
  • Bootstrap is Mobile –First
  • Containers
  • Basic Bootstrap Pages
  • Bootstrap Grids
  • Bootstrap Grid System
  • Grid Classes
  • Basic Structure of a Bootstrap Grid
  • Equal Columns
  • Unequal Columns

MODULE 3

  • Bootstrap Text / Typography
  • Bootstrap’s Default Settings
  • Bootstrap vs. Browser Defaults
  • Bootstrap Tag Elements
  • Contextual Colors and
  • Background
  • Typography Classes

MODULE 4

  • Bootstrap Table
  • Rounded Corners
  • Circle
  • Thumbnail
  • Responsive Images
  • Image Gallery
  • Responsive Embeds

MODULE 5

  • Bootstrap Jumbotron and Page Header
  • Creating a Jumbotron
  • Jumbotron inside Container
  • Jumbotron outside Container
  • Creating a Page Header

MODULE 6

  • Bootstrap Wells
  • Wells
  • Well Size

MODULE 7

  • Bootstrap Alerts
  • Alerts
  • Closing Alerts
  • Animated Alerts

MODULE 8

  • Bootstrap Buttons
  • Button Style
  • Button Sizes
  • Block Level Buttons
  • Active /Disable Buttons

MODULE 9

  • Bootstrap Button Groups
  • Button Groups
  • Vertical Button Groups
  • Justified Button Group
  • Nesting Button Groups
  • Dropdown Menus
  • Split Button Dropdowns
  • MODULE 10

    • Bootstrap Glyphicons
    • Glyphicons
    • Glyphicons Syntax
    • Glyphicon Example

    MODULE 11

    • Bootstrap Badges and Labels
    • Badges
    • Labels

    MODULE 12

    • Bootstraps Progress Bars
    • Basic Progress Bar
    • Progress Bar with Label
    • Colored Progress Bars
    • Striped Progress Bars

    MODULE 13

    • Bootstrap Pagination
    • Basic Pagination
    • Active State
    • Disabled State
    • Pagination Sizing

    MODULE 14

    • Bootstrap Pager
    • What is Pager?
    • Align Buttons

    MODULE 15

    • Bootstrap List Groups
    • Basic list Groups
    • List Group with Badges
    • List Group with Linked Items
    • Contextual Classes
    • Custom Content

    MODULE 16

    • Bootstrap Panels
    • Panels
    • Panel Heading
    • Panel Footer
    • Panel Group
    • Panel with Contextual Classes

    MODULE 17

    • Bootstrap Dropdowns
    • Basic Dropdown
    • Dropdown Driver
    • Dropdown Header
    • Disable an Item
    • Dropdown Accessibility
    • Bootstrap Collapse

    MODULE 18

    • Basic Collapsible
    • Example Explained
    • Collapsible Panel
    • Collapsible List Group
    • Accordion

    MODULE 19

    • Bootstrap Tabs and Pills Menus
    • Tabs
    • Tabs with Dropdown Menu
    • Pills
    • Vertical Pills
    • Vertical Pills in Row
    • Pills with Dropdown Menu
    • Centered Tabs and Pills
    • Toggle/Dynamic Tabs
    • Toggle/Dynamic Pills

    MODULE 20

    • Bootstrap Navigation Bar
    • Navigation Bars
    • Inverted Navigation Bar
    • Fixed Navigation Bar
    • Navigation Bars with Dropdown
    • Right Aligned Navigation Bar
    • Collapsing the Navigation Bar

    MODULE 21

    • Bootstrap Forms
    • Bootstrap’s Default Settings
    • Bootstrap Form Layouts
    • Bootstrap Vertical Form
    • Bootstrap Inline Form
    • Bootstrap Horizontal Form
    • Bootstrap Form Inputs
    • Supported Form Controls

    MODULE 22

    • Bootstrap Input
    • Bootstrap Text area
    • Bootstrap Checkboxes
    • Bootstrap Radio Buttons
    • Bootstrap Select List

    MODULE 23

    • Bootstrap Form Inputs (More)
    • Static Control
    • Bootstrap Form Control States

    MODULE 24

    • Bootstrap Input Sizing
    • Input Sizing in Forms
    • Height Sizing
    • Column Sizing
    • Help Text

    MODULE 25

    • Bootstrap Carousel Plugin
    • The Carousel Plugin
    • How to Create a Carousel
    • Add Captions to Slides

    MODULE 26

    • Bootstrap Model Plugin
    • The Model Plugin
    • Hoe to Create a Model
    • Model Size

    MODULE 27

    • Bootstrap Tooltip Plugin
    • The Tooltip Plugin
    • How to Create Tooltip
    • Positioning Tooltips

    MODULE 28

    • Bootstrap Popover Plugin
    • The Popover Plugin
    • How to Create a Popover
    • Positioning Popovers
    • Closing Popovers

    MODULE 29

    • Bootstrap Scrollspy Plugin (Advanced)
    • The Scrollspy Plugin
    • How to Create a Scrollspy
    • Scrollspy Vertical Menu

    MODULE 30

    • Bootstrap Case
    • Build a Bootstrap Web Page
    • From Scratch
    • Add Bootstrap CDN and Put
    • Elements in Containers
    • Add Jumbotron
    • Adding button and icons
    • Multicolumn Layout
    • Adding Menus Tabs
    • Adding Navigation bars
    • Download Bootstrap Syllabus

    Introduction to PHP

    • Evaluation of PHP
    • Basic syntax
    • Defines variable and constant
    • PHP Data Type
    • Operator and expression

    Handles HTML form using PHP

    • Capturing form data
    • File Multi-Value
    • Creates a file uploaded form
    • Redirects a form after submission

    Decisions and loop

    • Making decisions
    • Doing repetitive work with looping
    • Decisions and Mixing with HTML

    Action

    • What is an activity?
    • Define a function
    • Call by value, call by reference
    • Repeat action

    String

    • Creating and accessing the string
    • The string is searched and replaced
    • Formatting the string
    • String related library functionality

    Array

    • Anatomy of an Array
    • Creates an index-based and associative array
    • Accessing the array element
    • Looping using an index based array
    • Looping with associative array with each () and for each ()
    • Some useful library activity

    Works with files and directories

    • Understanding the file and directory
    • Opens and closes a file
    • Copy, rename, and delete a file
    • Working with directories
    • Creating a text editor
    • File uploading and downloading

    The string matches the regular expression

    • What is regular expression
    • Pattern matching in PHP
    • Replacing the text
    • Splits a string with a regular expression

    Creating images using PHP

    • Fundamentals of computer graphics
    • Creating the image
    • Managing the image
    • Using the text in the image

    Database connectivity with MySQL

    • Introduction to RDBMS
    • Connection to MySQL database
    • Performing Basic Database Functionality (Insert, Delete, Update, and Select)
    • Sets the query parameter
    • Implementing the query
    • Join (Cross joins, Inner joins, Outer join, Self joins)

    Advanced PHP

    • Introduction to OOPS
    • MySQL database
    • Create dynamic pages using PHP and MySQL
    • Ajax
    • jQuery
    • HTML
      • CSS
      • JavaScript

    Download Php/MySQL Syllabus

    Domain Name Registration

    • Search Domains
    • Top Level Domains (TLD)
    • Country wise domains
    • Domain name registrations
    • Sub Domains

    Web Server Settings

    • How to Choose Web server?
    • Dedicated Server, Shared Server, VPS Hosting & Cloud Hosting
    • Basics of Web Server Control Panel
    • DNS Settings
    • Web Server Performance
    • Add on Primary Domains
    • Create sub domains

    FTP Software Installations

    • FTP Software
    • FTP Software Installation
    • FTP Configuration
    • How to use FTP Software
    • Upload / Download files using FTP Software

    Download Web Hosting (FTP) Syllabus
    Course Fees
    10000+
    20+
    50+
    25+

    Related Courses

    Angular JS Training in Navi Mumbai

    Angular JS

    Training on Angular JS for developing user interface is part of Mean Stack Development. Join Now!Syllabus, Fees & Duration

    ASP.NET MVC Training in Navi Mumbai

    ASP.NET MVC

    ASP.NET MVC is server side scripting web development from Microsoft. Get Training from experts!Syllabus, Fees & Duration

    Bootstrap Training in Navi Mumbai

    Bootstrap

    Wanna to make mobile friendly responsive websites? Join our bootstrap css online live training.Syllabus, Fees & Duration

    Canva Training in Navi Mumbai

    Canva

    It is very simple way to make posters for websites, Facebook, Instagram, YouTube by Canva. Join Now!Syllabus, Fees & Duration

    Codeigniter Training in Navi Mumbai

    Codeigniter

    Get training on Codeigniter, the powerful php framework from Codeigniter developers.Syllabus, Fees & Duration

    CSS Training in Navi Mumbai

    CSS

    Nestsoft provides the best CSS training to design a web page and create CSS classes for web sites.Syllabus, Fees & Duration

    Express JS Training in Navi Mumbai

    Express JS

    Express Js is back end web application framework for node js. Get training from expert developers.Syllabus, Fees & Duration

    Full Stack Development Training in Navi Mumbai

    Full Stack Development

    Full Stack Development Training includes Python/Django, HTML5, CSS, Javascript, Bootstrap. IndividuaSyllabus, Fees & Duration

    HTML 5 Training in Navi Mumbai

    HTML 5

    Nestsoft provides the best internship training in the latest HTML 5 language for web designSyllabus, Fees & Duration

    Java J2EE Training in Navi Mumbai

    Java J2EE

    Java J2EE is a application using for web services. Join our online live Java J2EE training.Syllabus, Fees & Duration

    JavaScript Training in Navi Mumbai

    JavaScript

    Mastering on Javascript programming to become a web developer? Join our training!Syllabus, Fees & Duration

    JQuery Training in Navi Mumbai

    JQuery

    Expertise yourself in jQuery from industry experts at the best JQuery training institute.Syllabus, Fees & Duration

    Laravel Training in Navi Mumbai

    Laravel

    Laravel is open source php web framework. Get online live training by Laravel experts for individualSyllabus, Fees & Duration

    Mean Stack Development Training in Navi Mumbai

    Mean Stack Development

    Mean Stack Development Training by Industry Experts (MongoDB, Express JS, Angular JS & Node JS).Syllabus, Fees & Duration

    Mern Stack Development Training in Navi Mumbai

    Mern Stack Development

    Mern Stack Development Training course includes Mongo DB, Express JS, React JS & Node Js.Syllabus, Fees & Duration

    Node JS Training in Navi Mumbai

    Node JS

    Online Node JS live training in Navi Mumbai and internship for individuals and groups by experienced Syllabus, Fees & Duration

    Php/MySQL Training in Navi Mumbai

    Php/MySQL

    PHP (Hypertext Preprocessor) is a scripting language for web development process. Join Now!Syllabus, Fees & Duration

    React JS Training in Navi Mumbai

    React JS

    Nestsoft's React JS training course will help you to make a web development career. Join Now!Syllabus, Fees & Duration

    Web Development Training in Navi Mumbai

    Web Development

    Web Development training includes Php/Mysql, Jquery, Javascript, Html5, Bootstrap, CSS etc.Syllabus, Fees & Duration

    Web Development Jobs in Navi Mumbai

    Enjoy the demand

    Find jobs related to Web Development in search engines (Google, Bing, Yahoo) and recruitment websites (monsterindia, placementindia, naukri, jobsNEAR.in, indeed.co.in, shine.com etc.) based in Navi Mumbai, chennai and europe countries. You can find many jobs for freshers related to the job positions in Navi Mumbai.

    • Web Master
    • Php Developer
    • Full Stack Programmer
    • Jquery Expert
    • Javascript Programmer
    • Bootstrap
    • CSS Designer
    • Web Developer
    • Web Master
    • Web Programmer
    Web Development internship jobs in Navi Mumbai

    Web Development Internship/Course Details

    Web Development Completing this CSS training at nessoft inDubai u can step ahead in your career as a website designer and create the latest interactive pages for your website viewers.Completing this CSS training at nessoft inDubai u can step ahead in your career as a website designer and create the latest interactive pages for your website viewers. Anatomy of a CSS ruleset Selecting multiple elements Different types of a selector Fonts and text Boxes, boxes, it’s all about boxes Changing the page color Sorting the body out Positioning and styling our main page title Centering the image Backgrounds and Borders Image values and replaced Content Text Effects 2D/3D Transformations Animations Multiple Column Layout User Interface. JQuery training at nestsoft inDubai is much more demanding as our course include all basic fundamentals and deep learning of the software. In this JQuery training in Dubai u will learn ,Content extraction ,Content manipulation ,Cross-browser CSS styling with jQuery,Jquery event functions ,JQuery animation and effects ,JQuery UI and much more in depth. It is supported by the relational database management system. Being a sensible business person, one has to opt for strong programming tools and database management systems. It is simple to grasp and learn this web programming language, particularly for those with a background in C, JavaScript and HTML. It is simple to grasp and learn this web programming language, particularly for those with a background in C, JavaScript and HTML. So, although simple, PHP is the widely used language in web development.

    Success Stories

    The enviable salary packages and track record of our previous students are the proof of our excellence. Please go through our students' reviews about our training methods and faculty and compare it to the recorded video classes that most of the other institutes offer. See for yourself how TechnoMaster is truly unique.

    List of Training Institutes / Companies in Navi Mumbai

    • FORERUNNERS HEALTHCARE CONSULTANTS PVT. LTD. | Address: Sea Breeze Society, Tower-04,F-1202 Navi Mumbai-Mumbai, Maharashtra, India, Mumbai, Maharashtra 400705, India | Category: Health consultant, Health consultant | Website: forerunnershealthcare.com | Contact Details: +91 93711 36499
    • Swami Product Search Infotech Pvt. Ltd | Address: Rainbow Tower, B-107, Sector 20, Airoli, Navi Mumbai, Maharashtra 400708, India | Category: Website designer, Website designer | Website: productsearchinfotech.com | Contact Details: +91 90040 96906
    • Aqua Pure Services - RO Water Purifier Dealers in Navi Mumbai | Address: 215, Magan Mahal, Behind Nirala Motor Training School, Sir M. V. Road, Andheri East, next to Aarasa Hotel, Mumbai, Maharashtra 400069, India | Category: Water treatment plant, Water treatment plant | Website: aquapureservices.in | Contact Details: +91 98703 70114
    • Website Design Navi Mumbai | Address: Olive Complex, Shop No. 10A,Plot No.44,Sector-42, Seawoods, Navi Mumbai, Maharashtra 400706, India | Category: Website designer, Website designer | Website: webcompletesolutions.com | Contact Details:
    • I-Soft Solutions | Address: B-394, Vashi Plaza, 1st Floor, Sector - 17, Vashi, Navi Mumbai, Mumbai, Maharashtra 400703, India | Category: Website designer, Website designer | Website: isoftsolutions.co.in | Contact Details: +91 93245 65367
    • Bees n Ants Website Design | Address: Sector 27, Nerul, Navi Mumbai, Maharashtra 400706, India | Category: Website designer, Website designer | Website: beesnants.com | Contact Details:
    • Nestcraft - Website Development, Graphic Design & Corporate Branding and Digital Marketing Agency in Navi Mumbai | Address: 803, Millenium Empire, D Mart Rd, Sector 15, Kharghar, Maharashtra 410210, India | Category: Graphic designer, Graphic designer | Website: business.site | Contact Details: +91 91375 73481
    • RTO Panvel | Address: Sector AWC, Kalamboli, Panvel, Navi Mumbai, Maharashtra 410218, India | Category: Department of motor vehicles, Department of motor vehicles | Website: transport.maharashtra.gov.in | Contact Details: +91 22 2742 4444
    • Speedy Buffer Yard | Address: Container Freight Station - JNPT Sonari Village, JNPT, Navi Mumbai, Sawarkhar, Maharashtra 400707, India | Category: Freight forwarding service, Freight forwarding service | Website: speedycfs.com | Contact Details: +91 22 6195 0900
    • A2GS Marketing Solutions Pvt. Ltd | Address: Hermes Artium, B Wing, Office No-304 Sector - 11, Plot No. 57, CBD Belapur, Navi Mumbai, Maharashtra 400614, India | Category: Software company, Software company | Website: a2gsmarketing.com | Contact Details: +91 96433 34418
    • Sutherland Global Services | Address: Gavate Wadi, MIDC, Airoli, Navi Mumbai, Maharashtra 400708, India | Category: BPO company, BPO company | Website: sutherlandglobal.com | Contact Details: +91 22 6799 9288
    • Nextech Web - Website Design Company In Navi Mumbai Address: G-53 ground floor,Haware Fantasia Business Park, Plot No.47, Sector 30A, Vashi, Navi Mumbai, Maharashtra 400703 Phone: 070452 29040 , Website: nextechwebsolutions.com/
    • Cyber Rafting Address: 804,Haware Infotech Park,, Vashi, Sec 30A, Navi Mumbai, Maharashtra 400703 Phone: 022 6949 1110 , Website: https://www.cyberrafting.com/
    • Datta Meghe College of Engineering Address: Plot No. 98, Sector 3, Airoli, Navi Mumbai, Maharashtra 400708 Phone: 022 2779 2854 , Website: www.dmce.edu/
    • Ramrao Adik Institute of Technology Address: Sector 7, Phase I, Pad. Dr. D. Y. Patil Vidyapeeth, Nerul, Navi Mumbai, Maharashtra 400706 Phone: 022 2770 9574 , Website: www.rait.ac.in/
    • Software Technology Parks Of India Ltd Address: Floor no. 6, International Infotech Park, Wasi Railway Station, Navi Mumbai, Maharashtra 400705 Phone: 022 2781 2102 , Website: www.mah.stpi.in/
     courses in Navi Mumbai
    the twin city concept was adopted by mumbai Metropolitan Regional planning board (MMRPB) with a view to decongest the mumbai city. With competitive rates of real estate and the work of international airport in pipeline, the city stands a good chance at becoming an IT hub. In Gurgaon, the rates are even higher. It is well connected to the business locations of Mumbai like Nariman Point and Chembur via the Eastern Freeway. Apart from road connectivity, Mumbai suburban railway has also started reaching out to Panvel from Andheri in Mumbai.

    . Mumbai Metro will also be extended to the area.

    Trained more than 10000+ students who trust Nestsoft

    Join Now