title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.
Web Development Boot Camp
Duration
12 Days
Course
WDWP-610P
Available Formats
Online Training
Course Description
Overview
This bootcamp 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. This class may be of particular interest to those with IT job skills in declining technical areas who are looking to re-tool to enter into the growing industry of web application development.The student will initially learn how 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). These are the essential skills required for the development of “static” web pages.
Today, these static pages are often enhanced to allow the user to interact with and “customize” the presentation of the content. Client-side JavaScript and the manipulation of the page via the Document Object Model (DOM) is the mechanism used to accomplish this important aspect of contemporary web application development. In this section of the bootcamp the students learn the fundamental and advanced features of JavaScript programming - how to develop scripts that are modular, easily maintainable, and able to manipulate the content displayed in different types and versions of browsers.
The content that is used to customize personal web pages is usually received from a server-side application in eXtensible Markup Language (XML) format. In this next section of the bootcamp, the student will be given a comprehensive overview of XML, with hands-on experience in creating and manipulating XML specifications and documents.
The final section of the bootcamp will “pull it all together” with AJAX – the Asynchronous JavaScript and XML technique. AJAX is the combination of all the technologies taught in this bootcamp applied to create rich interactive web applications – X/HTML, CSS, JavaScript, and XML. This section will show the student how 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.
Objectives
Upon completion of the course, students will be able 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
Audience
- Systems Engineers
- Application Developers
- Web developers and managers
- Graphic designers
Prerequisites
- General understanding of how to use the Web
- Programming background
Topics
- 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
- 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
- Role in Web development
- Difference between object-oriented (like Java) and object-based (like JavaScript) languages
- Incorporation of JavaScript in an HTML page
- Variables
- Statements and operators
- Built-in Window methods
- Literals
- Deferred vs. non-deferred code
- Function syntax
- Calling functions – argument passing
- Scoping rules
- JavaScript Object Model
- Browser Object Model
- Document Object Model
- Document object
- Using methods and accessing properties within the DOM
- Various looping techniques
- If and switch statements
- Try-catch clauses
- Working with and validating forms
- Working with form elements
- Add event handlers
- Event object
- Strings
- Dates
- Math Object
- Arrays
- Overview of state issues
- Cookies
- Saving
- Reading
- Image object
- Managing images
- Rollovers
- FIFO vs. LIFO array handling
- Sorting
- Associative arrays
- Browser issues
- JavaScript versions
- Best Practices
- Recommended references
- DTD
- XML
- Overview of XML
- XML Validation
- Advantages of XML over HTML
- Using XML for Publishing
- Using XML for Data Communication
- XML in Business Interactions
- XML Servers
- A Sample XML Document
- Element
- Attribute
- Processing Instruction
- Interactively Checking for Well-Formedness
- Programmatically Checking for Well-Formedness
- What is DTD?
- Referenced And Embedded DTD
- Defining Elements
- Defining Attributes
- Defining Entities
- DOM
- Creating and Manipulating the DOM
- Generating DOM
- SAX
- Manipulating DOM with SAX
- JAXP
- Declaring and Using Namespaces
- Namespace Defaulting
- Combining Namespace Declarations
- Attributes in Namespace
- Attributes and Namespace Defaulting
- What is XPath?
- Using XPath with XLink
- The XPath Language
- What is XSL?
- XLST
- Utilizing XML and XLST
- What is XML Schema?
- Example XML Using Schema
- Schema Datatypes
- Defining Elements with Schema
- Asynchronous server communication
- AJAX and XML
- A simple example
- Real world examples
- Complexities AJAX introduces
- Synchronization issues
- User action issues
- Cross browser issues
- The AJAX 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.
- Examples
- Creating nodes
- Adding new nodes to the DOM
- Event handlers
- Adding event handlers
- Examples
- Modifying element styles with the DOM
- The request object
- Creating the request object
- A GET example
- 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)
- Example
- History / purpose
- Well-formed
- Validity
- XSL/CSS with XML, example
- AJAX – XML example
- 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
- Example
- More on working with styles
- Example
- The style object
- Setting the style of an element via JavaScript
- Working with style sheets via JavaScript
- Example
- Why JavaScript is not a object-oriented but an object-based language
- Definition/constructor function
- Example
- Ad hoc objects
- Prototyping
- User objects and AJAX
- Example
- Creating Tables (in HTML 4.0)
- Tbody, Thead, Tfoot
- Colgroups, Cols
- Frame and Rules
- Example
- Table sorting example
- Working with events
- The event object
- Creating events
- Initializing events
- Dispatching events
- Registering events
- Event propagation
- Example
- Submitting XML to the server
- Creating a DOM document
- Serializing a DOM document
- Posting an XML document
- Definition
- Versus XML
- JSON basics
- Example
- Other JSON capabilities
- Separation of content, behavior and presentation
- Rationale
- Example
- Box Model issues
- Browser incompatibilities
- Example
- DOCType switching
- Control of the incompatibilities
- Examples
- Open source Initiative
- Frameworks, tools and libraries
- Including, but not limited to:
- DWR
- Dojo
- Sarissa
- Backbase
- Bindows
- JackBe NQ Suite
- Tibco General Interface
Related Courses
-
HTML, XHTML, and CSS
WDHT-200- Duration: 3 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,755.00 USD
-
New Features of HTML5 and CSS3
WDHT-205- Duration: 2 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,170.00 USD
Self-Paced Training Info
Learn at your own pace with anytime, anywhere training
- Same in-demand topics as instructor-led public and private classes.
- Standalone learning or supplemental reinforcement.
- e-Learning content varies by course and technology.
- View the Self-Paced version of this outline and what is included in the SPVC course.
- Learn more about e-Learning
Course Added To Shopping Cart
bla
bla
bla
bla
bla
bla
Self-Paced Training Terms & Conditions
??spvc-wbt-warning??
Exam Terms & Conditions
??exam-warning??
??group-training-form-area??
??how-can-we-help-you-area??
??personalized-form-area??
??request-quote-area??
Sorry, there are no classes that meet your criteria.
Please contact us to schedule a class.
STOP! Before You Leave
Save 0% on this course!
Take advantage of our online-only offer & save 0% on any course !
Promo Code skip0 will be applied to your registration
Nothing yet
Purchase Information
??elearning-coursenumber?? ??coursename??
View Cart
title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.