NARESH I TECHNOLOGIES

FOLLOW US SOCIAL MEDIA :

 HOME
 ALL COURSES
 SERVICES
o Internship Programs
o Placement Assistance
o Placements
o Nacre
 SOFTWARE TRAINING
o Classroom Training
o Online Training
o Weekend Training
o Corporate Training
o Internships
o Trainers Profile
o Course Schedule
 PROJECTS
o Live Projects
o IEEE Projects
o Realtime Projects
o Internships
 INTERNSHIPS
o Internships
o Insights
o Success Factors
o World Class Software Training
o Training Institute of Choice
o Surveys
o InfoGraphics
o Thought Leadership
 CAREERS
o Internships
o Placement Registration
o Job Openings
o IT Job Trends
o Interview Questions
o NareshIT Whatsapp Notification Groups
 ABOUT
o Vision and Mission
o Our Philosophy
o Management Team
 o Infrastructure
o Testimonials
o Training FAQs
o Contact Us
 NEW BATCHES
o Classroom – Ameerpet
o Online Schedule
o Online Training
o Internships
o Free Online Workshops
 BLOG
Navigate to... Home All Courses Services – Internship Programs – Placement Assistance – Placements – Nacre Software
Training – Classroom Training – Online Training – Weekend Training – Corporate Training – Internships – Trainers
Profile – Course Schedule Projects – Live Projects – IEEE Projects – Realtime
Projects – Internships Internships – Internships – Insights – Success Factors – World Class Software Training – Training
Institute of Choice – Surveys – InfoGraphics – Thought Leadership Careers – Internships – Placement Registration – Job
Openings – IT Job Trends – Interview Questions – NareshIT Whatsapp Notification Groups About – Vision and
Mission – Our Philosophy – Management Team – Infrastructure – Testimonials – Training FAQs – Contact Us New
Batches – Classroom – Ameerpet – Online Schedule – Online Training – Internships – Free Online Workshops Blog
HOME » ONLINE TRAINING » HTML5 CSS3 TRAINING

HTML5 CSS3 Training

NIT Manager

Contents [hide]
 1 HTML5 and CSS3 Course Overview
o 1.1 HTML5 and CSS3 Training Course Prerequisite
o 1.2 HTML5 and CSS3 Training Course Objectives
o 1.3 HTML5 and CSS3 Course Duration
 2 HTML5 and CSS3 Course Content
o 2.1 Introduction to WEB
o 2.2 HTML Basics
o 2.3 HTML5 Introduction
o 2.4 HTML5 Syntax
o 2.5 Obsolete Elements/Deprecated Elements
o 2.6 HTML5 New Elements
o 2.7 HTML5 Canvas
o 2.8 HTML5 SVG
o 2.9 HTML5 Drag/Drop
o 2.10 HTML5 Geo location
o 2.11 HTML5 Video
o 2.12 HTML5 Audio
o 2.13 HTML5 Input Types
o 2.14 HTML5 Form Elements
o 2.15 HTML5 Form Attributes
o 2.16 New attributes for <input>
o 2.17 HTML5 Semantic
o 2.18 HTML5 Web Storage
o 2.19 HTML5 App Cache
o 2.20 HTML5 Web Workers
o 2.21 HTML5 SSE
o 2.22 HTML Media
o 2.23 HTML Multimedia
o 2.24 HTML5 – MathML
 o 2.25 CSS 1.0 and 2.0
o 2.26 CSS3
o 2.27 Borders
o 2.28 CSS3 Backgrounds
o 2.29 CSS3 Text Effects
o 2.30 CSS3 Fonts
o 2.31 CSS3 2D Transforms
o 2.32 CSS3 3D Transforms
o 2.33 CSS3 Transitions
o 2.34 CSS3 Animations
o 2.35 CSS3 Multiple Columns
o 2.36 CSS3 User Interface

HTML5 and CSS3 Course Overview

HTML5 is everywhere, and is a technology that can no longer be ignored or treated as a mere extension of HTML4. HTML5 is a
vast umbrella term for modern Front End Engineering, namely JavaScript, Markup, DeviceAPIs, and Styles. Almost anything
you see in App Stores can now be created with pure HTML5.

Although we will cover some of the most exciting features of HTML5 such as geo location, web sockets, local storage, Real
Time Communications(Web Workers, Web Socket), File / Hardware Access(Native Drag and Drop, FileSystem APIs,
Geolocation, Device Orientation and Speech Input), Semantics and Markup, Multimedia, Graphics (2D and 3D Effects) SVG and
Canvas, the focus of the course will be to help people understand the core principles and best practices for creating websites and
apps.

CSS3 is split up into “modules”. The old specification has been split into smaller pieces, and new ones are also added. Some of
the most important CSS3 modules are Selectors, Box Model, Backgrounds and Borders, Text Effects, 2D/3D Transformations,
Animations, Multiple Column Layout and User Interface

HTML5 and CSS3 Training Course Prerequisite

 HTML, CSS and JavaScript

HTML5 and CSS3 Training Course Objectives

 As we jump into the course, let me just give you the course objectives, the things that I’m trying accomplish here, and
the first thing is to introduce you to HTML5, and really quite honestly, one of my objectives, HTML5 like everything
that has to do with the web.
 HTML5 is the ubiquitous platform for the web. Whether you’re a mobile web developer, an enterprise with specific
business needs, or a serious game dev looking to explore the web as a new platform, HTML5 has something for you!
HTML5 is making the web platform more powerful in a number of different areas.

HTML5 and CSS3 Course Duration

 30 Working days, daily one and half hours

HTML5 and CSS3 Course Content

Introduction to WEB
  W3C and W3C Members
 Why WHATWG?
 What is Web?

HTML Basics

 Introduction
 Parts in HTML Document
 Editors
 Basic
 Elements
 Attributes
 Headings
 Basics
 Paragraphs
 Formatting
 Links
 Head
 CSS
 Images
 Tables
 JavaScript
 HTML XHTML
 HTML4 Drawbacks

HTML5 Introduction

 HTML5 HISTORY
 New Features and groups
 Backward Compatibility
 Why HTML5?
 Power of HTML5:
 m or mobi or touch domains
 Common Terms in HTML5

HTML5 Syntax

 The DOCTYPE:
 Character Encoding:

Obsolete Elements/Deprecated Elements

 <acronym>
 <applet>
 <basefont>
 <big>
 <center>
 <dir>
 <font>
 <frame>
  <frameset>
 <isindex>
 <noframes>
 <s>
 <strike>
 <tt>
 <u>
 <xmp>

HTML5 New Elements

 New Semantic/Structural Elements

 <article>
 <aside>
 <bdi>
 <command>
 <details>
 <dialog>
 <summary>
 <figure>
 <figcaption>
 <footer>
 <header>
 <mark>
 <meter>
 <nav>
 <progress>
 <ruby>
 <rt>
 <rp>
 <section>
 <time>
 <wbr>

HTML5 Canvas

 What is Canvas?
 Create a Canvas
 Canvas Coordinates
 Canvas – Paths
 Canvas – Text
 Canvas – Gradients
 Canvas – Images

HTML5 SVG

 What is SVG?
 SVG Advantages
 Differences Between SVG and Canvas
 Comparison of Canvas and SVG
HTML5 Drag/Drop

 Introduction
 Make an Element Draggable
 What to Drag?Where to Drop?

HTML5 Geo location

 Introduction
 Locate the User’s Position+
 Handling Errors and Rejections
 The getCurrentPosition()
 Geolocation object

HTML5 Video

 Introduction
 Video on the Web
 How It Works?
 Video Formats and Browser Support
 HTML5 Video Tags

HTML5 Audio

 Introduction
 Audio on the Web
 How It Works?
 Audio Formats and Browser Support
 HTML5 Audio Tags

HTML5 Input Types

 Introduction
 color
 date
 datetime
 datetime-local
 email
 month
 number
 range
 search
 tel
 time
 url
 week

HTML5 Form Elements

  <datalist>
 <keygen>
 <output>

HTML5 Form Attributes

 New attributes for <form> and <input>New attributes for <form>:

 autocomplete
 novalidate

New attributes for <input>

 autocomplete
 autofocus
 form, formaction
 formenctype,formmethod
 formnovalidate
 formtarget
 height and width
 list, min and max
 multiple
 pattern (regexp)
 placeholder
 required, step

HTML5 Semantic

 Introduction
 What are Semantic Elements?
 non-semantic elements: <div> and <span>
 semantic elements: <form>, <table>, and <img>
 New Semantic Elements in HTML5
 <header>
 <nav>
 <section>
 <article>
 <aside>
 <figcaption>
 <figure>
 <footer>

HTML5 Web Storage

 What is HTML5 Web Storage?

 Browser Support
 The localStorage Object
 The sessionStorage Object

HTML5 App Cache

  What is Application Cache?
 Cache Manifest Basics
 HTML5 Cache Manifest

HTML5 Web Workers

 What is a Web Worker?

 Check Web Worker Support
 Create a Web Worker File
 Terminate a Web Worker

HTML5 SSE

 One Way Messaging

 Browser Support
 The EventSource Object

HTML Media

 New Media Elements

 <audio>
 <video>
 <source>
 <embed>
 <track>

HTML Multimedia

 What is Multimedia?
 Browser Support
 Multimedia Formats
 Video Formats
 Sound Formats

HTML5 – MathML

 Introduction
 Using MathML Characters
 Matrix Presentation
 Math Formulas

CSS 1.0 and 2.0

 CSS Basics
 CSS Introduction
 CSS Syntax,CSS Id, Class and CSS Styling,Styling Backgrounds
 Styling Text,Styling Fonts, Links, Styling Lists and Styling Tables
 CSS Border
CSS3

 Introduction
 CSS3 Modules
 Selectors
 Box Model
 Backgrounds and Borders
 Text Effects
 2D/3D Transformations
 Animations
 Multiple Column Layout
 User Interface

Borders

 border-radius
 box-shadow
 border-image

CSS3 Backgrounds

 background-size
 background-origin

CSS3 Text Effects

 text-shadow
 word-wrap

CSS3 Fonts

 @font-face Rule
 font-stretch
 font-weight

CSS3 2D Transforms

 How Does it Work?

 Browser Support
 2D Transforms
 translate()
 rotate()
 scale()
 skew()
 matrix()

CSS3 3D Transforms

 rotateX()
  rotateY()

CSS3 Transitions

 How does it work?

 transition-property, duration and delay

CSS3 Animations

 CSS3 @keyframes Rule

 Browser Support
 Animation, animation-duration

CSS3 Multiple Columns

 column-count
 column-gap
 column-rule

CSS3 User Interface

 resize
 box-sizing
 outline-offset

Categories: Online Training Tags: Bangalore, Chennai

Rating of Average of 4.98 on a total of 500 Ratings

Trainers Profile
Student Enquiry
Corporate Training
Post your Feedback
View/Post Testimonials
Contact Us
Register for Course !
Learn from the Real-Time Experts

 First Name*

 Last Name*

 Email*

 Phone*

 Mode of Training*

Online TrainingClassroom TrainingWeekend TrainingProject TrainingInternship

  State

 Course*

Select CourseData SciencePythonDjangoAWSDevOpsAzure DevOpsAzurePower BISalesForce

CRMHadoopUI TechnologiesAngularAngularJSReactJSNodeJSMongoDBHTML5 JAVASCRIPT
ES6+Complete JavaCore JavaAdvanced JavaSpringHibernate with JPAXML/WebServicesSpring Boot
& MicroServicesORACLE (SQL, PL/SQL)Complete .NETC# 8.0ASP.NETSQL ServerASP.NET
MVC5, MVC CoreC LanguageC++DS through CSeleniumBlue PrismAutomation
AnywhereUiPathPHP with MySQLUnix / LinuxLinux AdminHTML, CSS, JavaScriptAndroidiPhone
(iOS)Digital MarketingCRT (Campus Recruitment Training)Go ProgrammingMulesoftFull Stack Java
Developer ProgramFull Stack .Net Developer ProgramFull Stack with UIFull Stack Data Science
ProgramDocker & KubernetesTOSCOAzure DevOpsAzure Data EngineeringML LoopsJob Guarantee
ProgramInternshipSpoken English

 By Submit I agree to the privacy policy.

By providing your contact details you have expressly authorized Naresh i Technologies to contact you in future through calls/SMS/E-mails and inform you
about our products.

JOIN WHATSAPP GROUPS FOR UPDATES

WATCH FREE TUTORIALS

JOIN US ON TELEGRAM FOR UPDATES

FIND COURSES HERE

 Android Training
 iPhone Training
 Asp.Net Training
 Asp.Net MVC Training
 C#.NET Training
 C++ Training
 Data Structure Training
 Java Training
o Core Java Training
o Advanced Java Training
o Hibernate Training
o J2EE Training
 o Spring 5.x Training
o Hibernate Training
o Web Services Training
o Struts Training
o XML Training
o Java Online Training
 Oracle Training
 SQL Server Training
 Selenium Training
 UNIX LINUX Training
 PHP Training
 HTML5 CSS3 Training
 jQuery Training
 UI Technologies Training
 UI UX Training
 AngularJS Training
o Angular 2 Training
o Angular 4 Training
o Angular 6 Training
o Angular 7 Training
 Data Science Training
 Artificial Intelligence Training
 Hadoop Training
 Apache Spark Training
 Python Training
 Hadoop Online Training
 DevOps Training
 AWS Training
 IoT Training
 SalesForce CRM Training
 Digital Marketing Training
 RPA Training
o Blue Prism Training
o Automation Anywhere Training
o Automation Anywhere Online Training
 Blockchain Training
 Realtime Projects
o Real Time Java Project
o Real-Time Project on PHP
 Doubleclick for Publishers Training
 Software Training in Chennai
 Testing Tools Training
 Full Stack Web Development Course
 Full Stack Web Development Course
 Full Stack Java Developer Course

ABOUT NARESH I TECHNOLOGIES

Training Institute Overview Naresh i Technologies Naresh i Technologies (Pronounced: NareshIT) is a leading software training
institute providing Software Training, Project Guidance, IT Consulting and Technology Workshops. Using our enhanced global
software training delivery methodology,
INTERVIEW QUESTIONS

 DevOps Interview Questions

 AngularJS Interview Questions
 Java Interview Questions
 HTML Interview Questions
 JavaScript Interview Questions
 Advanced Java Interview Questions
 HTML5 and CSS Interview Questions

HYDERABAD MAIN CAMPUS

Add: 2nd Floor, Durga Bhavani Plaza,

Ameerpet, Hyderabad
Ph : 040-2374 6666 / 2373 4842
Email : [email protected]

For Online Training:

Call/Whatsapp: +91-8179191999
Email: [email protected]

FOLLOW US ON SOCIAL MEDIA

JOIN OUR TELEGRAM – GET UPDATES

 NareshIT Official Channel

 Python | JAVA | AWS | DevOps | Data Science

TOP
© 2023 Naresh i Technologies | Software Training - Online Training - Live Project Training - Weekend Training
We're Online!
How may I assist you?
Connect