HTML Training Courses in Dubai

Course Details

Kids Courses Training, Al Barsha, Mall of Emirates - Dubai!

𝐎𝐧𝐞 𝐨𝐧 𝐎𝐧𝐞 𝐂𝐥𝐚𝐬𝐬𝐫𝐨𝐨𝐦 𝐚𝐧𝐝 𝐎𝐧𝐥𝐢𝐧𝐞 𝐓𝐫𝐚𝐢𝐧𝐢𝐧𝐠 𝐀𝐯𝐚𝐢𝐥𝐚𝐛𝐥𝐞

Two hours per session 2-3 times in a week

Fast Track: 5-7 days training with a dedicated trainer

Flexible training in morning, afternoon and evening weekdays & weekend

You can also select your courses from below: 1. Microsoft Office Software Covered: (Word, Excel, PowerPoint) Duration: 20+ hrs 2. Microsoft Excel Duration: 10+ hrs 3. Typing Duration: 10 hrs 4.A- Introduction to MAC Handling Duration: 10 hrs 4.B- Apple Keynote/Pages/Number Duration: 20+ hrs 5. Introduction to iPad Handling Duration: 10 hrs 6. Adobe Photoshop Duration: 20+ hrs 7. Adobe Illustrator Duration: 20+ hrs 8. Adobe InDesign Duration: 20+ hrs 9. Web Designing with HTML Duration: 20+ hrs 10. Web Designing with CSS Duration: 20+ hrs 11. Web Designing with Adobe Dreamweaver Duration: 20+ hrs 12. Programming/Coding Duration: 20+ hrs 13. Adobe Premiere Pro Duration: 20+ hrs 14. Camtasia Duration: 20+ hrs 14. GIMP Duration: 20+ hrs 15. Softskills /Communication/Languages and more Duration: 20+ hrs

When does course begin?

You can start anytime after your confirmation/registration, as we do not take more than two students in a batch.

Course Details

Kids Courses Training, Al Barsha, Mall of Emirates - Dubai!

𝐎𝐧𝐞 𝐨𝐧 𝐎𝐧𝐞 𝐂𝐥𝐚𝐬𝐬𝐫𝐨𝐨𝐦 𝐚𝐧𝐝 𝐎𝐧𝐥𝐢𝐧𝐞 𝐓𝐫𝐚𝐢𝐧𝐢𝐧𝐠 𝐀𝐯𝐚𝐢𝐥𝐚𝐛𝐥𝐞

Two hours per session 2-3 times in a week

Fast Track: 5-7 days training with a dedicated trainer

Flexible training in morning, afternoon and evening weekdays & weekend

You can also select your courses from below: 1. Microsoft Office Software Covered: (Word, Excel, PowerPoint) Duration: 20+ hrs 2. Microsoft Excel Duration: 10+ hrs 3. Typing Duration: 10 hrs 4.A- Introduction to MAC Handling Duration: 10 hrs 4.B- Apple Keynote/Pages/Number Duration: 20+ hrs 5. Introduction to iPad Handling Duration: 10 hrs 6. Adobe Photoshop Duration: 20+ hrs 7. Adobe Illustrator Duration: 20+ hrs 8. Adobe InDesign Duration: 20+ hrs 9. Web Designing with HTML Duration: 20+ hrs 10. Web Designing with CSS Duration: 20+ hrs 11. Web Designing with Adobe Dreamweaver Duration: 20+ hrs 12. Programming/Coding Duration: 20+ hrs 13. Adobe Premiere Pro Duration: 20+ hrs 14. Camtasia Duration: 20+ hrs 14. GIMP Duration: 20+ hrs 15. Softskills /Communication/Languages and more Duration: 20+ hrs

When does course begin?

You can start anytime after your confirmation/registration, as we do not take more than two students in a batch.

Course Details

Kids Courses Training, Al Barsha, Mall of Emirates - Dubai!

𝐎𝐧𝐞 𝐨𝐧 𝐎𝐧𝐞 𝐂𝐥𝐚𝐬𝐬𝐫𝐨𝐨𝐦 𝐚𝐧𝐝 𝐎𝐧𝐥𝐢𝐧𝐞 𝐓𝐫𝐚𝐢𝐧𝐢𝐧𝐠 𝐀𝐯𝐚𝐢𝐥𝐚𝐛𝐥𝐞

Two hours per session 2-3 times in a week

Fast Track: 5-7 days training with a dedicated trainer

Flexible training in morning, afternoon and evening weekdays & weekend

You can also select your courses from below: 1. Microsoft Office Software Covered: (Word, Excel, PowerPoint) Duration: 20+ hrs 2. Microsoft Excel Duration: 10+ hrs 3. Typing Duration: 10 hrs 4.A- Introduction to MAC Handling Duration: 10 hrs 4.B- Apple Keynote/Pages/Number Duration: 20+ hrs 5. Introduction to iPad Handling Duration: 10 hrs 6. Adobe Photoshop Duration: 20+ hrs 7. Adobe Illustrator Duration: 20+ hrs 8. Adobe InDesign Duration: 20+ hrs 9. Web Designing with HTML Duration: 20+ hrs 10. Web Designing with CSS Duration: 20+ hrs 11. Web Designing with Adobe Dreamweaver Duration: 20+ hrs 12. Programming/Coding Duration: 20+ hrs 13. Adobe Premiere Pro Duration: 20+ hrs 14. Camtasia Duration: 20+ hrs 14. GIMP Duration: 20+ hrs 15. Softskills /Communication/Languages and more Duration: 20+ hrs

Can’t find your course? We cannot fit all our courses here, inquire with us to discover more. Kindly visit our website www.cybermodo.com for IT and www.cybermodo.net for Management courses, you can also chat live to our online professionals to help you chooses right course.

When does course begin?

You can start anytime after your confirmation/registration, as we do not take more than two students in a batch.

Course Details

HTML Training Course

 

Course description

HTML is the foundation of all web pages. Without HTML, you wouldn’t be able to organize text or add images or videos to your web pages. HTML is the beginning of everything you need to know to create engaging web pages!

 

Course Outline

 

1. A Quick Overview of Web Development

1. Client-side Programming

1. HTML

2. Cascading Style Sheets

3. JavaScript 1

4. Ajax

5. JavaScript Frameworks

2. Server-side Programming

1. Java EE

2. ASP.NET

3. Python

4. PHP

5. ColdFusion

6. Node.js

2. Introduction to HTML

1. Getting Started

2. A Simple HTML Document

3. The HTML Skeleton

1. The Element

2. The Element

3. Whitespace

4. HTML Elements

1. Attributes

2. Empty vs. Container Tags

3. Blocks and Inline Elements

4. Comments

5. Special Characters

6. History of HTML

7. lang Attribute

3. Paragraphs, Headings, and Text

1. Paragraphs

2. Breaks and Horizontal Rules

3. Creating an HTML Page

4. Quoted Text

5. Preformatted Text

6. Text-Level Semantic Elements

4. HTML Links

1. Text Links

2. Absolute vs. Relative Paths

1. Absolute Paths

2. Relative Paths

3. Default Pages

3. Targeting New Windows

4. Email Links

5. Adding Links

6. Targeting a Specific Location on the Page

7. The title Attribute

5. HTML Images

1. Inserting Images

1. Making Images Accessible

2. Alternative Text

3. Long Descriptions

4. Height and Width Attributes

2. Image Links

3. Adding Images to the Page

6. HTML Lists

1. Unordered Lists

1. Nesting Unordered Lists

2. Ordered Lists

1. Nesting Ordered Lists

2. The type Attribute

3. The start Attribute

3. Definition Lists

4. Creating Lists

7. HTML Tables

1. Creating Tables

1. Adding a Caption

2. thead, tbody, and tfoot

3. Merging Cells

4. Creating Tables

8. Sectioning a Web Page

1. Semantic Block-Level Elements

1. The article Tag

9. Audio and Video

1. Supported Media Types

2. The audio Element

1. Audio Formats

2. audio Tag Attributes

3. The video Element

1. video Tag Attributes

4. Video

5. Accessibility

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Follow-on Courses

• Introduction to CSS Training
• Introduction to JavaScript Training

Course Details

ADVANCED HTML5 & CSS3 TRAINING COURSE

Advanced HTML5 & CSS3 course overview

This Advanced HTML5 and CSS3 course explains how to use HTML5 and CSS3 to create interactive websites. After completing this training course, you would be able to use HTML5 and CSS3 on your web pages. This course covers a range of topics such as video support, HTML5 APIs, Canvas and SVG, HTML5 Forms and more.

Few practical HTML5 and CSS3 based projects at the end of the course will ensure that you can apply HTML5 on your web projects.

Who is Advanced HTML5 & CSS3 training for?

This course is aimed at website designers who have already completed Web Design and JavaScript courses or have equivalent experience. This is for complete beginners in HTML5 and CSS3: its aim is to present some of the new features of HTML5 and CSS3, learn how to use them through practical examples and get started in HTML5 and CSS3 development.

Prerequisites for Advanced HTML5 & CSS3 course

To attend this course you must be familiar with HTML, CSS, JavaScript and jQuery. If you are not familiar with such topics, please consider enrolling on our Web design (HTML and CSS) and jQuery and JavaScript courses first. If you have already completed Jquery and JavaScript course with us please make sure you review your jQuery and JavaScript course topics before your first HTML5 and CSS3 class.

Advanced HTML5 & CSS3 Course Contents

HTML5

Introduction to HTML5

• What is HTML5?
• History of HTML5
• Current HTML5 support
• W3C, WHATWG and HTMLWG
• Ensuring browser support
• Setting your own markup standards
• The Document Object Model (DOM)
• When can I use HTML5?
• HTML5 Showcase
• Using HTML5 on mobile devices
• HTML5 or Flash
• Developer Tools
• Detecting HTML5 features
• HTML5 vs. HTML4
• API overview
• Reviewing Features and Benefits

HTML5 Markup

• HTML5 page structure
• HTML5 DOCTYPE
• Character set
• Script tag, and style sheet link
• HTML5 markup
• New structural tags
• New content tags
• New application-focused tags
• Deprecated elements
• Semantic elements
• HTML5 and CSS
• Marking Up Dates and Times With HTML5
• Marking Up Captions for Figures in HTML5
• Understanding the HTML 5 document header
• Structuring your document with and other new structure tags
• data attributes

HTML5 FORMS 2.0

• HTML5 form elements
• Building and using HTML5 forms
• New elements,
• New attributes
• New input types
• Setting form autofocus
• Using placeholder data
• Marking required fields
• Working with number inputs
• Using date pickers
• Setting autofocus to a field
• Using the Placeholder attribute
• Capturing email addresses
• Capturing url addresses
• Capturing a telephone number
• Capturing numbers (spinner)
• Capturing numbers (slider)
• Using the Date, Month, Week, Time inputs
• Defining a Search Box
• Choosing a Color
• Using a DataList
• Creating Selection Groups
• Defining Command Buttons
• Setting field input to be required

HTML5 Selectors API

• querySelector()
• querySelectorAll()

HTML5 Geolocation API

• Geolocation overview
• Third party API: Google Map API

HTML5 Audio and Video

• The audio element
• The video element
• Understanding audio and video
• Audio and video containers
• Audio and video codec’s
• Backwards Compatibility
• Using the HTML5 media tags
• Creating custom controls
• Accessible media
• Manipulate videos with canvas

HTML5 Canvas

• Intro to canvas
• Introducing the canvas element & Creating Fallback Content
• The canvas coordinate system and sizing the canvas
• Drawing with Canvas
• Drawing with canvas, including filling, stroking and erasing rectangles
• Drawing lines and other paths in canvas, including circles
• Drawing text with canvas
• Detecting mouse position on canvas
• Drawing and manipulating images on canvas
• Playing and manipulating videos on canvas
• Canvas animation intro

HTML5 User Media API

• Overview
• Accessing device camera 
• Capturing audio and video
• Displaying webcam data into a page

SVG intro

• Overview
• How to use SVG
• Drawing primitives
• Using SMIL to animate SVG
• Creating complex SVG graphics with Illustrator
• SVG accessibility
• Intro to JavaScript libraries that help with drawing 

JavaScript and HTML5

• Understanding and working with the HTML5 DOM

CSS3

Introducing to CSS3

• What is CSS3?
• The current status of CSS3
• An overview of CSS3 capabilities
• Can you use CSS3 now?
• Detecting support for CSS3
• Understanding vendor prefixes
• Overview of the CSS3 specification
• CSS Profiles
• The document tree

CSS3 Selectors

• New CSS3 selectors
• An overview of child and sibling selectors
• Using child and sibling selectors
• An overview of attribute selectors
• Using attribute selectors
• Pseudo-class UI selectors
• Negation pseudo-class selectors
• Target pseudo-class selectors
• Structural selectors
• Nth-child selector syntax
• First, last, and only structural selectors
• Using structural selectors to write more efficient code

Colours and Opacity in CSS3

• Color formats in CSS3
• Transparency in CSS3
• Setting opacity
• RGBA and HSL values and alpha channel opacity
• CSS3 gradients
• Creating linear gradients
• Creating radial gradients

CSS3 Typography

• Working with web fonts
• How can I use any font in CSS3?
• @font-face syntax
• Writing @font-face declarations
• Using web fonts
• Adding shadows to text
• Creating multi-column text

CSS3 and Page Layout

• An overview of the flexible box model
• Controlling box orientation
• Setting element flexibility
• Distributing boxes
• Controlling box alignment
• Working with box-sizing

Borders in CSS3

• Using border-radius
• Custom rounded corners
• Drop shadows
• Box shadows
• Gradient borders
• Using images for borders
• Using outlines

The CSS3 Box Model

• Introduction to CSS3 Box Model
• Difference between CSS3 and CSS2 box models

Backgrounds in CSS3

• Resizing backgrounds
• Controlling background size
• Creating multiple background images on one element
• Using background-origin
• Clipping background content

CSS3 Transitions and Transforms

• An overview of CSS3 2D transforms
• Using 2D transforms
• Setting transform origins
• An overview of CSS3 transitions
• Animating CSS properties
• Using easing in animations
• An overview of 3D transforms

Multi-column layout

• Browser support
• Checking support
• Providing alternatives
• Enriching the experience layer