Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

Web Development Boot Camp

( Duration: 12 Days )

The Web Development Boot Camp training course is designed to take a novice or beginning Web Designer all the way from the basics of page markup through the development of sophisticated, interactive client-side web applications. You will initially learn to create HTML and XHTML-based web pages that are attractive, easily modifiable and re-usable. An emphasis is placed on separation of the page content from the design and presentation of that content using Cascading Style Sheets (CSS).

The final section of the bootcamp will “pull it all together” with AJAX – the Asynchronous JavaScript and XML technique. This section will show you to send and retrieve XML documents from a server, extract data (XML) from that document (using JavaScript), and subsequently use that data to modify the content (X/HTML) and display (CSS) of the local web page.

By attending Web Development Boot Camp workshop, delegates will learn to:

  • Describe how the Web ‘works’ along with XHTML’s role
  • Recognize the basic Web page construction – including the major Tag
  • Create a Web page that includes a number of Images and Hyperlinks
  • Explain the 'HEAD' section as well as the corresponding Meta-data
  • Define the basic Tag attributes
  • Utilize additional document formatting Tag
  • Add one or more Lists to a page
  • Incorporate Forms
  • Discuss the benefits of XHTML
  • Differentiate between XHTML well-formed and XHTML validity rules
  • Demonstrate HTML to XHTML conversion
  • Analyze CSS theory and concepts including selectors, cascading, inheritance, and specificity
  • Control the layout of a Web document using CSS by starting with an existing HTML page or paper drawing and reconstructing the page with the appropriate CSS rules
  • Apply external, embedded and inline styles
  • Write style rules using the box model
  • Demonstrate how CSS properties and values are used to control positioning, color, background and borders
  • Explain browser differences and how to accommodate them
  • Recognize the role of JavaScript in providing behavior to Web pages
  • Describe the benefits of JavaScript
  • Explain the difference between JavaScript and Java
  • Handle browser differences
  • Utilize the DOM (Document Object Model)
  • Implement the basic syntax
  • Use Modern JavaScript techniques: literals, the default operator, etc.
  • Validate forms and form elements
  • Manipulate images
  • Manage cookies and maintain state
  • Discuss the significance of arrays in JavaScript
  • Relate the JavaScript object model to traditional object-oriented languages
  • Employ the best practices when writing JavaScript
  • Recognize the characteristics of markup languages
  • Identify the difference between a language and a meta-language
  • Describe Logical and Physical structures in XML
  • Use XML syntax in scripting
  • Use XML Namespaces to avoid naming conflicts
  • Learn Object-Oriented programming in XML – DTDs
  • Define AJAX and determine when to use it
  • Create client-side code to work with AJAX
  • Manage a page dynamically and in the client side using JavaScript
  • Handle advanced JavaScript considerations: event handling, creating their own objects and CSS manipulation
  • Construct a framework to encapsulate the AJAX API and browser incompatibilities
  • Identify the wealth of AJAX tools, libraries and frameworks available
  • Create a simple DTD
  • Script and create queries in XSL – Extensible Style Sheet Language
  • Build data structures and access databases in XML
  • Use the XML Object Model structure

  • General understanding of how to use the Web
  • Programming background

This Web Development Boot Camp class is intended for:

  • Systems Engineers
  • Application Developers
  • Web developers and managers
  • Graphic designers

COURSE AGENDA

1

Overview of HTML and XHTML

  • Use of Tag and Attributes
  • Header Information
  • Body Information
  • Working with Various Tag Groups
    • Formatting Tags
    • Hyperlinks
    • Tables and Lists
  • Converting from HTML to XHTML
2

Overview of CSS

  • Separation of Presentation from Content
    • Why and How
  • Sources of Style Information
  • Box Model
  • Cascading Part of Rule Selection
  • Positioning using CSS
  • Browser Differences and How to Accommodate
3

Overview of JavaScript

  • Role in Web development
  • Difference between object-oriented (like Java) and object-based (like JavaScript) languages
  • Incorporation of JavaScript in an HTML page
4

JavaScript Syntax

  • Variables
  • Statements and operators
  • Built-in Window methods
  • Literals
5

Writing your own functions

  • Deferred vs. non-deferred code
  • Function syntax
  • Calling functions – argument passing
  • Scoping rules
6

BOM and the DOM

  • JavaScript Object Model
  • Browser Object Model
  • Document Object Model
  • Document object
  • Using methods and accessing properties within the DOM
7

Controlling Program flow and Error Handling

  • Various looping techniques
  • If and switch statements
  • Try-catch clauses
8

Forms and events

  • Working with and validating forms
  • Working with form elements
  • Add event handlers
  • Event object
9

Built-in Objects

  • Strings
  • Dates
  • Math Object
  • Arrays
10

Maintaining State

  • Overview of state issues
  • Cookies
  • Saving
  • Reading
11

JavaScript and Images

  • Image object
  • Managing images
  • Rollovers
12

More on Arrays

  • FIFO vs. LIFO array handling
  • Sorting
  • Associative arrays
13

Appendix

  • Browser issues
  • JavaScript versions
  • Recommended references
14

The Extensible Markup Language (XML)

  • DTD
  • XML
  • Overview of XML
  • XML Validation
  • Advantages of XML over HTML
15

Applications of XML

  • Using XML for Publishing
  • Using XML for Data Communication
  • XML in Business Interactions
  • XML Servers
16

XML Documents

  • A Sample XML Document
  • Element
  • Attribute
  • Processing Instruction
  • Interactively Checking for Well-Formedness
  • Programmatically Checking for Well-Formedness
17

Document Type Definitions

  • What is DTD?
  • Referenced And Embedded DTD
  • Defining Elements
  • Defining Attributes
  • Defining Entities
18

XML Parsers

  • DOM
  • Creating and Manipulating the DOM
  • Generating DOM
  • SAX
  • Manipulating DOM with SAX
  • JAXP
19

Namespaces

  • Declaring and Using Namespaces
  • Namespace Defaulting
  • Combining Namespace Declarations
  • Attributes in Namespace
  • Attributes and Namespace Defaulting
20

XPath

  • What is XPath?
  • Using XPath with XLink
  • The XPath Language
21

The Extensible Stylesheet Language (XSL)

  • What is XSL?
  • XLST
  • Utilizing XML and XLST
22

XML Schema

  • What is XML Schema?
  • Schema Datatypes
  • Defining Elements with Schema
23

AJAX, JavaScript and DHTML

  • Asynchronous server communication
  • AJAX and XML
  • Complexities AJAX introduces
  • Synchronization issues
  • User action issues
  • Cross browser issues
  • The AJAX API
24

JavaScript DOM API

  • Document Object Model (DOM) definition
  • The document object
  • Nodes
  • Elements
  • Other node types
  • Elements and their style
  • The window object
  • Other objects: history etc.
  • Creating nodes
  • Adding new nodes to the DOM
  • Event handlers
  • Adding event handlers
  • Modifying element styles with the DOM
25

AJAX API (Sending Data to the Server)

  • The request object
  • Creating the request object
  • Making a POST request
  • Making concurrent requests
  • Using inner functions
    • Rationale
    • Memory leaks with inner function
  • A POST utility function
  • Using the DOM with the response data (text)
26

XML

  • History / purpose
  • Well-formed
  • Validity
27

XHTML/HTML 4.0

  • The importance of XHTML to Web Developers
  • XHTML definition
  • XHTML compared to HTML 4
  • Useful tags: SPAN and DIV
  • Useful attributes: ID, STYLE and CLASS
28

CSS and AJAX

  • More on working with styles
  • The style object
  • Setting the style of an element via JavaScript
  • Working with style sheets via JavaScript
29

User (Developer) Created Objects

  • Why JavaScript is not a object-oriented but an object-based language
  • Definition/constructor function
  • Ad hoc objects
  • Prototyping
  • User objects and AJAX
30

Additional DOM Topics

  • Creating Tables (in HTML 4.0)
    • Tbody, Thead, Tfoot
    • Colgroups, Cols
    • Frame and Rules
  • Working with events
    • The event object
    • Creating events
    • Initializing events
    • Dispatching events
    • Registering events
    • Event propagation
31

Server Communication

  • Submitting XML to the server
    • Creating a DOM document
    • Serializing a DOM document
    • Posting an XML document
32

JSON

  • Definition
  • Versus XML
  • JSON basics
  • Other JSON capabilities
33

WEB 2.0

  • Separation of content, behavior and presentation
    • Rationale
    • Example
  • Box Model issues
  • Browser incompatibilities
  • DOCType switching
  • Control of the incompatibilities

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X