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 Chennai

    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 Chennai

    ASP.NET MVC

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

    Bootstrap Training in Chennai

    Bootstrap

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

    Canva Training in Chennai

    Canva

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

    Codeigniter Training in Chennai

    Codeigniter

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

    CSS Training in Chennai

    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 Chennai

    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 Chennai

    Full Stack Development

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

    HTML 5 Training in Chennai

    HTML 5

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

    Java J2EE Training in Chennai

    Java J2EE

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

    JavaScript Training in Chennai

    JavaScript

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

    JQuery Training in Chennai

    JQuery

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

    Laravel Training in Chennai

    Laravel

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

    Mean Stack Development Training in Chennai

    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 Chennai

    Mern Stack Development

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

    Node JS Training in Chennai

    Node JS

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

    Php/MySQL Training in Chennai

    Php/MySQL

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

    React JS Training in Chennai

    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 Chennai

    Web Development

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

    Web Development Jobs in Chennai

    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 Chennai, chennai and europe countries. You can find many jobs for freshers related to the job positions in Chennai.

    • 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 Chennai

    Web Development Internship/Course Details

    Web Development So, although simple, PHP is the widely used language in web development.Our CSS training course includes common CSS styling that you'll need when you start off designing your pages ,to position your elements, lay out your elements relative to your documents, and style your HTML using predefined CSS values. HTML 5 is the core programming language used by most modern design websites. JQuery training at nestsoft inDubai is much more demanding as our course include all basic fundamentals and deep learning of the software. PHP is a popular open source scripting language used primarily for web development. It is supported by the relational database management system. It helps developers to accelerate custom web application development by using the tools, features, and code snippets provided by PHP frameworks. As well as they make the web application deliver a richer user experience . Nowadays php become popular because a fast, secure, easy to use, and open source programming language. .

    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 Chennai

    • Java Training Institute in Chennai Address: 2/29, Basement, south dhandapani street, Burkit Road, T Nagar, Chennai, Tamil Nadu 600017 Phone: 07397 420 198 , website:www.fita.in/java-and-j2ee-training-in-chennai/
    • Hindustan Institute of Maritime Training (HIMT) Address: 11, Millers Road,, Kilpauk, Near Motcham Theatre,, Chennai, Tamil Nadu 600010 Phone: 044 3010 3010 , website:https://www.himtcollege.com/
    • iBeris Software - Mobile app development company in chennai,India Address: 1st Cross St, Durga Colony, Sembakkam, Chennai, Tamil Nadu 600073 Phone: 044 4852 2606 , website:www.iberissoftware.com/
    • Smak Software Solutions India Pvt Ltd Address: 1st floor, No.4 Thiruvalluvar Main road, Adambakkam, Chennai, Tamil Nadu 600088 Phone: 044 4862 2288 , website:www.smaksoft.com/
    • Top SEO Company in chennai - Logic Infotech SEO Address: E-147, 2nd Avenue, 1st Floor,, Elight Asian Hospital Corner, Besant Nagar, Chennai, Tamil Nadu 600090 Phone: 097506 32261 , website:www.fusionplusindia.co.in/
     courses in Chennai

    Chennai, one of the metropolitan cities in the Asian nation, is commonly called the cultural capital of Asian nation for its deep- nonmoving traditions and long heritage. kilometers with the Bay of Bengal on the east. The city is the gateway to the rest of South India. Chennai, the fourth largest city in India has a population of around six million. There are hundreds of companies which related IT field.

    . .

    Trained more than 10000+ students who trust Nestsoft

    Join Now