Visão Geral

Este Curso HTML5 CSS and JavaScript fundamentals for Oracle APEX Developers, oferece aos participantes um avanço em todas as três principais tecnologias usadas em seus front-ends APEX. Os participantes também aprendem os fundamentos da biblioteca jQuery JavaScript.

Embora a maior parte do material do curso seja independente do APEX, ele é benéfico para desenvolvedores Oracle que não estão familiarizados com tecnologias de desenvolvimento web e que desejam migrar para o APEX. A aula é principalmente de desenvolvimento web com alguns vínculos com o APEX.

Objetivo

Após participar com êxito deste Curso HTML5 CSS and JavaScript fundamentals for Oracle APEX Developers você será capaz de:

• Domine HTML5 para estruturar o conteúdo de suas páginas
• Controle o estilo e o layout de suas páginas usando Cascading Style Sheets (CSS)
• Adicione interatividade às suas páginas usando a linguagem de script JavaScript
• Use jQuery e jQuery Mobile para adicionar recursos JavaScript às suas páginas mais rapidamente

Materiais

Conteúdo Programatico

Introduction to Web Development

1. Static and Dynamic Web Pages
2. Web Browsers
3. Sever Side Programming
4. Client Side Programming
5. Common Coding Tools
6. Accessibility Laws
7. References

Coding, Testing, and Validating a Web Page

1. Structure of an HTML5 Page
2. HTML5 Syntax Overview & Coding Rules
3. CSS Syntax Overview & Coding Rules
4. Common Errors
5. Code Validation

Using HTML to Structure a Web Page

1. Search Engine Optimization (SEO)
2. Attributes and Elements
3. Character Entities
4. div and span elements
5. Absolute versus Relative URLs
6. URLs in APEX
7. References

Adding CSS to Format the Elements of a Web Page

1. Adding Style to a Web Page
2. Units of Measure
3. Colors
4. CSS Rule Sets
5. Selectors
6. CSS Pseudo- Classes
7. Fonts
8. Indenting and Aligning Text
9. Transforming and Decorating
10. Adding CSS in APEX

The CSS Box Model

1. Height/Width Calculations
2. Properties for Height/Width
3. Properties for Margin
4. Properties for Padding
5. Properties for Border
6. Radius and Box Shadow
7. Properties for Background and Linear Gradient
8. Sample HTML and CSS Code
9. CSS Generators

Using CSS For Page Layout

1. Floating and Clearing
2. Fixed-Width Columns
3. Liquid-Width Columns
4. Floated Sidebar
5. CSS3 For Text Columns
6. Properties for Positioning
7. Sample HTML and CSS Code

Incorporating Links and Lists

1. Ordered, Unordered, Nested, and Description Lists
2. CSS that Changes the Bullets
3. The a Element
4. Common CSS Pseudo-Classes
5. Loads in New Window or Tab
6. Linking to Files
7. Navigation Lists

Working with Images

1. Image Types
2. img Tag
3. Image Alignment
4. Pages With Figures and Captions
5. Thumbnails
6. Image Maps
7. Image Editors and Tools
8. Favicons
9. Images with APEX
10. How to Work with Tables
11. Common Elements for Tables
12. CSS3 Pseudo-Class Selectors
13. Tables Within a Figure
14. Merging Cells
15. Accessibility
16. Nested Tables
17. Tables in APEX

How to Work with Tables

1. Common Elements for Tables
2. CSS3 Pseudo-Class Selectors
3. Tables Within a Figure
4. Merging Cells
5. Accessibility
6. Nested Tables
7. Tables in APEX

Working with Forms

1. Attributes of the Form Element
2. Input Element Attributes
3. Input Elements and Attributes
   1. Buttons
   2. Text Input
   3. Radio Groups and Check Boxes
   4. Select Lists
   5. Text Areas
   6. Labels
   7. Fieldsets and Legends
   8. File Upload
4. Alignment and Formatting
5. Tab Order and Access Keys
6. HTML5 Validations
7. Regular Expressions
8. Datalists
9. Progress And Meters

Formatting Web Pages for Printing

1. Embedded versus Separate Styles
2. Printing Recommendations
3. CSS Properties for Printing

Using JavaScript to Enhance Your Web Pages

1. How JavaScript Fits In
2. Document Object Model (DOM) for the Page
3. DOM Event Cycle
4. JavaScript Placement on Page
5. External Versus Embedded
6. Demos
   1. Popup
   2. Rollover
   3. Click / Change
   4. Slide Show
   5. Tabbed Data
   6. Validations
7. Debugging
8. Adding JavaScript to APEX

Adding jQuery to Enhance Your Web Pages

1. Overview
2. Adding jQuery to a Page
3. jQuery in APEX
4. jQuery's DOM Ready Method
5. Selecting the Document
6. Calling Methods
   1. Types of Methods
7. Demos
   1. Carousel
   2. Slide Show
   3. Accordion
   4. Auto Complete
   5. Dialog
   6. Sortable

Using jQuery Mobile for Building Mobile Web Sites

1. Style sheets and Pages for Mobile Devices
2. Viewports
3. Mobile Design and Testing Guidelines
4. Adding jQuery Mobile to a Page
5. jQuery Mobile in APEX
6. Transitions
7. Buttons
8. Nav Bars
9. Styles and Swatches
10. Collapsible Content
11. Accordions
12. Lists